body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-screen{z-index:9999;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-screen .loading-screen-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:400px;padding:40px;display:flex}.loading-screen .loading-screen-content .loading-spinner-wrapper{margin-bottom:32px;position:relative}.loading-screen .loading-screen-content .loading-spinner-wrapper .loading-spinner{color:#fff;z-index:2;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;box-shadow:0 8px 24px #667eea4d}.loading-screen .loading-screen-content .loading-spinner-wrapper .loading-spinner .spinning{animation:1s linear infinite spin}.loading-screen .loading-screen-content .loading-spinner-wrapper .loading-pulse{opacity:.6;z-index:1;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;width:80px;height:80px;animation:2s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-screen .loading-screen-content .loading-title{color:#1e293b;letter-spacing:-.5px;margin:0 0 12px;font-size:24px;font-weight:700}.loading-screen .loading-screen-content .loading-message{color:#64748b;margin:0;font-size:16px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.2;transform:translate(-50%,-50%)scale(1.2)}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .loading-screen{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}html:not([data-theme=light]) .loading-screen .loading-screen-content .loading-spinner-wrapper .loading-spinner{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 8px 24px #10b9814d}html:not([data-theme=light]) .loading-screen .loading-screen-content .loading-spinner-wrapper .loading-pulse{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}html:not([data-theme=light]) .loading-screen .loading-screen-content .loading-title{color:#f1f5f9}html:not([data-theme=light]) .loading-screen .loading-screen-content .loading-message{color:#94a3b8}}html[data-theme=dark] .loading-screen{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}html[data-theme=dark] .loading-screen .loading-screen-content .loading-spinner-wrapper .loading-spinner{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 8px 24px #10b9814d}html[data-theme=dark] .loading-screen .loading-screen-content .loading-spinner-wrapper .loading-pulse{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}html[data-theme=dark] .loading-screen .loading-screen-content .loading-title{color:#f1f5f9}html[data-theme=dark] .loading-screen .loading-screen-content .loading-message{color:#94a3b8}@media (width<=480px){.loading-screen .loading-screen-content{padding:24px}.loading-screen .loading-screen-content .loading-spinner-wrapper{margin-bottom:24px}.loading-screen .loading-screen-content .loading-spinner-wrapper .loading-spinner{width:64px;height:64px}.loading-screen .loading-screen-content .loading-spinner-wrapper .loading-spinner svg{width:36px;height:36px}.loading-screen .loading-screen-content .loading-spinner-wrapper .loading-pulse{width:64px;height:64px}.loading-screen .loading-screen-content .loading-title{font-size:20px}.loading-screen .loading-screen-content .loading-message{font-size:14px}}@keyframes mypage-save-spin{to{transform:rotate(360deg)}}@media (width<=1024px){.mypage-page .card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.mypage-page .card-grid .section-card{padding:20px}.mypage-page .card-grid .section-card .info-row p{word-break:break-all;overflow-wrap:anywhere;font-size:13px}.mypage-page .card-grid .section-card .info-row .change-btn{min-width:30px;height:30px;padding:5px 7px}}@media (width<=768px){.mypage-page{padding:16px}.mypage-page .page-header{margin-bottom:24px;padding:16px}.mypage-page .page-header .header-content .header-title h1{font-size:20px}.mypage-page .user-summary{margin-bottom:20px;padding:16px}.mypage-page .user-summary p{font-size:14px}.mypage-page .card-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.mypage-page .card-grid .section-card{padding:20px}.mypage-page .card-grid .section-card h3{margin-bottom:12px;font-size:16px}.mypage-page .card-grid .section-card p{margin-bottom:10px;font-size:13px}.mypage-page .card-grid .section-card p strong{min-width:80px}.mypage-page .card-grid .section-card .info-row{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px}.mypage-page .card-grid .section-card .info-row p{word-break:break-all;overflow-wrap:anywhere;margin-bottom:0;font-size:13px}.mypage-page .card-grid .section-card .info-row .change-btn{align-self:flex-end;min-width:28px;height:28px;padding:4px 6px}.mypage-page .button-wrapper{flex-direction:column;gap:8px}.mypage-page .button-wrapper .edit-btn{justify-content:center;width:100%;padding:14px 20px;font-size:15px}}.admin-mypage-page.mypage-page{--mypage-accent:var(--mypage-admin-accent)}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-mypage-page.mypage-page{--mypage-accent-ink:var(--mypage-admin-mobile-accent-dark)}}html[data-theme=dark] .admin-mypage-page.mypage-page{--mypage-accent-ink:var(--mypage-admin-mobile-accent-dark)}.change-password-modal .form-input{padding-right:48px;position:relative}.change-password-modal .input-wrapper{position:relative}.change-password-modal .input-wrapper .toggle-visibility{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.change-password-modal .input-wrapper .toggle-visibility:hover{color:var(--btn-secondary-fg);background:var(--btn-secondary-bg)}.change-password-modal .password-strength{background:var(--surface-1);border:1px solid var(--border-default);border-radius:8px;margin-top:12px;padding:12px}.change-password-modal .password-strength .strength-item{align-items:center;gap:8px;margin-bottom:8px;display:flex}.change-password-modal .password-strength .strength-item:last-child{margin-bottom:0}.change-password-modal .password-strength .strength-item .check-icon{color:var(--success-dot);flex-shrink:0}.change-password-modal .password-strength .strength-item .x-icon{color:var(--error-fg);flex-shrink:0}.change-password-modal .password-strength .strength-item span{font-size:13px;font-weight:500}.change-password-modal .password-strength .strength-item span.valid{color:var(--success-fg)}.change-password-modal .password-strength .strength-item span.invalid{color:var(--error-fg)}.change-password-modal .error-message{color:var(--error-fg);background:var(--error-bg);border:1px solid var(--error-border);border-radius:6px;margin-top:8px;margin-bottom:16px;padding:8px 12px;font-size:14px;font-weight:500}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .change-password-modal .input-wrapper .toggle-visibility{color:#a0aec0}html:not([data-theme=light]) .change-password-modal .input-wrapper .toggle-visibility:hover{color:#e2e8f0;background:#4a5568}html:not([data-theme=light]) .change-password-modal .password-strength{border-color:var(--text-secondary);background:#374151}html:not([data-theme=light]) .change-password-modal .password-strength .strength-item .check-icon{color:var(--success-dot)}html:not([data-theme=light]) .change-password-modal .password-strength .strength-item .x-icon{color:#f87171}html:not([data-theme=light]) .change-password-modal .password-strength .strength-item span.valid{color:var(--success-dot)}html:not([data-theme=light]) .change-password-modal .password-strength .strength-item span.invalid{color:#f87171}html:not([data-theme=light]) .change-password-modal .error-message{color:#f56565;background:#2d1b1b;border-color:#742a2a}}html[data-theme=dark] .change-password-modal .input-wrapper .toggle-visibility{color:#a0aec0}html[data-theme=dark] .change-password-modal .input-wrapper .toggle-visibility:hover{color:#e2e8f0;background:#4a5568}html[data-theme=dark] .change-password-modal .password-strength{border-color:var(--text-secondary);background:#374151}html[data-theme=dark] .change-password-modal .password-strength .strength-item .check-icon{color:var(--success-dot)}html[data-theme=dark] .change-password-modal .password-strength .strength-item .x-icon{color:#f87171}html[data-theme=dark] .change-password-modal .password-strength .strength-item span.valid{color:var(--success-dot)}html[data-theme=dark] .change-password-modal .password-strength .strength-item span.invalid{color:#f87171}html[data-theme=dark] .change-password-modal .error-message{color:#f56565;background:#2d1b1b;border-color:#742a2a}@media (width<=768px){.change-password-modal .form-input{padding-right:44px}.change-password-modal .input-wrapper .toggle-visibility{font-size:14px;right:10px}.change-password-modal .error-message{padding:6px 10px;font-size:13px}}.change-account-id-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:32px;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.change-account-id-modal .modal-header{text-align:center;border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.change-account-id-modal .modal-header h3{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:700}.change-account-id-modal .modal-header .modal-description{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.change-account-id-modal .modal-body{margin-bottom:24px}.change-account-id-modal .modal-body .form-group{margin-bottom:20px}.change-account-id-modal .modal-body .form-group .form-label{color:#374151;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.change-account-id-modal .modal-body .form-group .form-input{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.change-account-id-modal .modal-body .form-group .form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.change-account-id-modal .modal-body .form-group .form-input::placeholder{color:#9ca3af}.change-account-id-modal .modal-body .form-group .form-input:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.change-account-id-modal .modal-body .password-input-wrapper{position:relative}.change-account-id-modal .modal-body .password-input-wrapper .form-input{padding-right:48px}.change-account-id-modal .modal-body .password-input-wrapper .password-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.change-account-id-modal .modal-body .password-input-wrapper .password-toggle:hover{color:#374151}.change-account-id-modal .modal-body .password-input-wrapper .password-toggle:disabled{cursor:not-allowed;opacity:.5}.change-account-id-modal .modal-body .current-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.change-account-id-modal .modal-body .current-info .current-label{color:#6b7280;margin:0 0 4px;font-size:12px;font-weight:500}.change-account-id-modal .modal-body .current-info .current-value{color:#374151;margin:0;font-family:Courier New,monospace;font-size:14px;font-weight:600}.change-account-id-modal .modal-body .login-id-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:12px}.change-account-id-modal .modal-body .login-id-requirements .requirement-item{align-items:center;gap:8px;margin-bottom:8px;display:flex}.change-account-id-modal .modal-body .login-id-requirements .requirement-item:last-child{margin-bottom:0}.change-account-id-modal .modal-body .login-id-requirements .requirement-item .check-icon{color:#10b981;flex-shrink:0}.change-account-id-modal .modal-body .login-id-requirements .requirement-item .x-icon{color:#dc2626;flex-shrink:0}.change-account-id-modal .modal-body .login-id-requirements .requirement-item span{font-size:13px;font-weight:500}.change-account-id-modal .modal-body .login-id-requirements .requirement-item span.valid{color:#059669}.change-account-id-modal .modal-body .login-id-requirements .requirement-item span.invalid{color:#dc2626}.change-account-id-modal .modal-body .error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:16px;padding:12px 16px;font-size:14px}.change-account-id-modal .modal-footer{border-top:1px solid #e5e7eb;padding-top:20px}.change-account-id-modal .modal-footer .button-group{justify-content:flex-end;gap:12px;display:flex}@media (width<=480px){.change-account-id-modal .modal-footer .button-group{flex-direction:column;gap:8px}}.change-account-id-modal .modal-footer .button-group button{cursor:pointer;border:none;border-radius:8px;min-width:80px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}@media (width<=480px){.change-account-id-modal .modal-footer .button-group button{width:100%;padding:12px 20px}}.change-account-id-modal .modal-footer .button-group button:disabled{opacity:.5;cursor:not-allowed}.change-account-id-modal .modal-footer .button-group button.cancel-btn{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.change-account-id-modal .modal-footer .button-group button.cancel-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.change-account-id-modal .modal-footer .button-group button.verify-btn,.change-account-id-modal .modal-footer .button-group button.submit-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 4px #3b82f633}.change-account-id-modal .modal-footer .button-group button.verify-btn:hover:not(:disabled),.change-account-id-modal .modal-footer .button-group button.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.change-account-id-modal .modal-footer .button-group button.verify-btn:active,.change-account-id-modal .modal-footer .button-group button.submit-btn:active{transform:translateY(0)}.change-account-id-modal .modal-footer .button-group button.back-btn{color:#fff;background:#6b7280}.change-account-id-modal .modal-footer .button-group button.back-btn:hover:not(:disabled){background:#4b5563}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .modal-overlay{background:#000000b3}html:not([data-theme=light]) .change-account-id-modal{background:#1f2937;border-color:#374151}html:not([data-theme=light]) .change-account-id-modal .modal-header{border-bottom-color:#374151}html:not([data-theme=light]) .change-account-id-modal .modal-header h3{color:#f9fafb}html:not([data-theme=light]) .change-account-id-modal .modal-header .modal-description{color:#d1d5db}html:not([data-theme=light]) .change-account-id-modal .modal-body .form-group .form-label{color:#e5e7eb}html:not([data-theme=light]) .change-account-id-modal .modal-body .form-group .form-input{color:#f9fafb;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .change-account-id-modal .modal-body .form-group .form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html:not([data-theme=light]) .change-account-id-modal .modal-body .form-group .form-input::placeholder{color:#9ca3af}html:not([data-theme=light]) .change-account-id-modal .modal-body .form-group .form-input:disabled{color:#6b7280;background:#374151}html:not([data-theme=light]) .change-account-id-modal .modal-body .password-input-wrapper .password-toggle{color:#9ca3af}html:not([data-theme=light]) .change-account-id-modal .modal-body .password-input-wrapper .password-toggle:hover{color:#e5e7eb}html:not([data-theme=light]) .change-account-id-modal .modal-body .current-info{background:#374151;border-color:#4b5563}html:not([data-theme=light]) .change-account-id-modal .modal-body .current-info .current-label{color:#9ca3af}html:not([data-theme=light]) .change-account-id-modal .modal-body .current-info .current-value{color:#f3f4f6}html:not([data-theme=light]) .change-account-id-modal .modal-body .login-id-requirements{background:#374151;border-color:#4b5563}html:not([data-theme=light]) .change-account-id-modal .modal-body .login-id-requirements .requirement-item .check-icon{color:#10b981}html:not([data-theme=light]) .change-account-id-modal .modal-body .login-id-requirements .requirement-item .x-icon{color:#f87171}html:not([data-theme=light]) .change-account-id-modal .modal-body .login-id-requirements .requirement-item span.valid{color:#10b981}html:not([data-theme=light]) .change-account-id-modal .modal-body .login-id-requirements .requirement-item span.invalid{color:#f87171}html:not([data-theme=light]) .change-account-id-modal .modal-body .error-message{color:#fca5a5;background:#7f1d1d;border-color:#dc2626}html:not([data-theme=light]) .change-account-id-modal .modal-footer{border-top-color:#374151}html:not([data-theme=light]) .change-account-id-modal .modal-footer .button-group button.cancel-btn{color:#f3f4f6;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .change-account-id-modal .modal-footer .button-group button.cancel-btn:hover:not(:disabled){background:#4b5563;border-color:#6b7280}html:not([data-theme=light]) .change-account-id-modal .modal-footer .button-group button.verify-btn,html:not([data-theme=light]) .change-account-id-modal .modal-footer .button-group button.submit-btn{background:linear-gradient(135deg,#1d4ed8,#1e40af)}html:not([data-theme=light]) .change-account-id-modal .modal-footer .button-group button.verify-btn:hover:not(:disabled),html:not([data-theme=light]) .change-account-id-modal .modal-footer .button-group button.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1e3a8a)}html:not([data-theme=light]) .change-account-id-modal .modal-footer .button-group button.back-btn{background:#4b5563}html:not([data-theme=light]) .change-account-id-modal .modal-footer .button-group button.back-btn:hover:not(:disabled){background:#374151}}html[data-theme=dark] .change-account-id-modal{background:#1f2937;border-color:#374151}html[data-theme=dark] .change-account-id-modal .modal-header{border-bottom-color:#374151}html[data-theme=dark] .change-account-id-modal .modal-header h3{color:#f9fafb}html[data-theme=dark] .change-account-id-modal .modal-header .modal-description{color:#d1d5db}html[data-theme=dark] .change-account-id-modal .modal-body .form-group .form-label{color:#e5e7eb}html[data-theme=dark] .change-account-id-modal .modal-body .form-group .form-input{color:#f9fafb;background:#374151;border-color:#4b5563}html[data-theme=dark] .change-account-id-modal .modal-body .form-group .form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html[data-theme=dark] .change-account-id-modal .modal-body .form-group .form-input::placeholder{color:#9ca3af}html[data-theme=dark] .change-account-id-modal .modal-body .form-group .form-input:disabled{color:#6b7280;background:#374151}html[data-theme=dark] .change-account-id-modal .modal-body .password-input-wrapper .password-toggle{color:#9ca3af}html[data-theme=dark] .change-account-id-modal .modal-body .password-input-wrapper .password-toggle:hover{color:#e5e7eb}html[data-theme=dark] .change-account-id-modal .modal-body .current-info{background:#374151;border-color:#4b5563}html[data-theme=dark] .change-account-id-modal .modal-body .current-info .current-label{color:#9ca3af}html[data-theme=dark] .change-account-id-modal .modal-body .current-info .current-value{color:#f3f4f6}html[data-theme=dark] .change-account-id-modal .modal-body .login-id-requirements{background:#374151;border-color:#4b5563}html[data-theme=dark] .change-account-id-modal .modal-body .login-id-requirements .requirement-item .check-icon{color:#10b981}html[data-theme=dark] .change-account-id-modal .modal-body .login-id-requirements .requirement-item .x-icon{color:#f87171}html[data-theme=dark] .change-account-id-modal .modal-body .login-id-requirements .requirement-item span.valid{color:#10b981}html[data-theme=dark] .change-account-id-modal .modal-body .login-id-requirements .requirement-item span.invalid{color:#f87171}html[data-theme=dark] .change-account-id-modal .modal-body .error-message{color:#fca5a5;background:#7f1d1d;border-color:#dc2626}html[data-theme=dark] .change-account-id-modal .modal-footer{border-top-color:#374151}html[data-theme=dark] .change-account-id-modal .modal-footer .button-group button.cancel-btn{color:#f3f4f6;background:#374151;border-color:#4b5563}html[data-theme=dark] .change-account-id-modal .modal-footer .button-group button.cancel-btn:hover:not(:disabled){background:#4b5563;border-color:#6b7280}html[data-theme=dark] .change-account-id-modal .modal-footer .button-group button.verify-btn,html[data-theme=dark] .change-account-id-modal .modal-footer .button-group button.submit-btn{background:linear-gradient(135deg,#1d4ed8,#1e40af)}html[data-theme=dark] .change-account-id-modal .modal-footer .button-group button.verify-btn:hover:not(:disabled),html[data-theme=dark] .change-account-id-modal .modal-footer .button-group button.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1e3a8a)}html[data-theme=dark] .change-account-id-modal .modal-footer .button-group button.back-btn{background:#4b5563}html[data-theme=dark] .change-account-id-modal .modal-footer .button-group button.back-btn:hover:not(:disabled){background:#374151}@media (width<=768px){.change-account-id-modal{max-width:calc(100% - 32px);margin:16px;padding:24px}.change-account-id-modal .modal-header{margin-bottom:20px}.change-account-id-modal .modal-header h3{font-size:18px}.change-account-id-modal .modal-body{margin-bottom:20px}.change-account-id-modal .modal-body .form-group{margin-bottom:16px}.change-account-id-modal .modal-body .form-group .form-input{padding:10px 14px;font-size:13px}}@media (width<=480px){.modal-overlay{padding:16px}.change-account-id-modal{max-width:calc(100% - 24px);margin:12px;padding:20px}.change-account-id-modal .modal-header h3{font-size:16px}.change-account-id-modal .modal-header .modal-description{font-size:13px}}.change-account-id-modal{animation:.3s ease-out slideInUp}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.change-email-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:32px;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.change-email-modal .modal-header{text-align:center;border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.change-email-modal .modal-header h3{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:700}.change-email-modal .modal-header .modal-description{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.change-email-modal .modal-body{margin-bottom:24px}.change-email-modal .modal-body .form-group{margin-bottom:20px}.change-email-modal .modal-body .form-group .form-label{color:#374151;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.change-email-modal .modal-body .form-group .form-input{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.change-email-modal .modal-body .form-group .form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.change-email-modal .modal-body .form-group .form-input::placeholder{color:#9ca3af}.change-email-modal .modal-body .form-group .form-input:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.change-email-modal .modal-body .current-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.change-email-modal .modal-body .current-info .current-label{color:#6b7280;margin:0 0 4px;font-size:12px;font-weight:500}.change-email-modal .modal-body .current-info .current-value{color:#374151;margin:0;font-family:Courier New,monospace;font-size:14px;font-weight:600}.change-email-modal .modal-body .email-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.change-email-modal .modal-body .email-info .shield-icon{color:#3b82f6;flex-shrink:0}.change-email-modal .modal-body .email-info .email-label{color:#1e40af;margin:0 0 4px;font-size:12px;font-weight:500}.change-email-modal .modal-body .email-info .email-value{color:#1e40af;margin:0;font-size:14px;font-weight:600}.change-email-modal .modal-body .code-input-wrapper{gap:8px;display:flex}.change-email-modal .modal-body .code-input-wrapper .form-input{text-align:center;letter-spacing:2px;flex:1;font-size:16px;font-weight:600}.change-email-modal .modal-body .code-input-wrapper .resend-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:4px;padding:12px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.change-email-modal .modal-body .code-input-wrapper .resend-btn:hover:not(.disabled){background:#e5e7eb;border-color:#9ca3af}.change-email-modal .modal-body .code-input-wrapper .resend-btn.disabled{color:#9ca3af;cursor:not-allowed;opacity:.7;background:#f9fafb}.change-email-modal .modal-body .success-step{text-align:center;padding:20px 0}.change-email-modal .modal-body .success-step .success-icon{color:#10b981;margin-bottom:16px}.change-email-modal .modal-body .success-step .success-message{color:#059669;margin:0 0 8px;font-size:16px;font-weight:600}.change-email-modal .modal-body .success-step .new-email-display{color:#374151;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin:0;padding:8px 12px;font-family:Courier New,monospace;font-size:14px;display:inline-block}.change-email-modal .modal-body .error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:16px;padding:12px 16px;font-size:14px}.change-email-modal .modal-body .success-info{color:#059669;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:16px;padding:12px 16px;font-size:14px}.change-email-modal .modal-footer{border-top:1px solid #e5e7eb;padding-top:20px}.change-email-modal .modal-footer .button-group{justify-content:flex-end;gap:12px;display:flex}@media (width<=480px){.change-email-modal .modal-footer .button-group{flex-direction:column;gap:8px}}.change-email-modal .modal-footer .button-group button{cursor:pointer;border:none;border-radius:8px;min-width:80px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}@media (width<=480px){.change-email-modal .modal-footer .button-group button{width:100%;padding:12px 20px}}.change-email-modal .modal-footer .button-group button:disabled{opacity:.5;cursor:not-allowed}.change-email-modal .modal-footer .button-group button.cancel-btn,.change-email-modal .modal-footer .button-group button.close-btn{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.change-email-modal .modal-footer .button-group button.cancel-btn:hover:not(:disabled),.change-email-modal .modal-footer .button-group button.close-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.change-email-modal .modal-footer .button-group button.send-btn,.change-email-modal .modal-footer .button-group button.verify-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 4px #3b82f633}.change-email-modal .modal-footer .button-group button.send-btn:hover:not(:disabled),.change-email-modal .modal-footer .button-group button.verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.change-email-modal .modal-footer .button-group button.send-btn:active,.change-email-modal .modal-footer .button-group button.verify-btn:active{transform:translateY(0)}.change-email-modal .modal-footer .button-group button.back-btn{color:#fff;background:#6b7280}.change-email-modal .modal-footer .button-group button.back-btn:hover:not(:disabled){background:#4b5563}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .modal-overlay{background:#000000b3}html:not([data-theme=light]) .change-email-modal{background:#1f2937;border-color:#374151}html:not([data-theme=light]) .change-email-modal .modal-header{border-bottom-color:#374151}html:not([data-theme=light]) .change-email-modal .modal-header h3{color:#f9fafb}html:not([data-theme=light]) .change-email-modal .modal-header .modal-description{color:#d1d5db}html:not([data-theme=light]) .change-email-modal .modal-body .form-group .form-label{color:#e5e7eb}html:not([data-theme=light]) .change-email-modal .modal-body .form-group .form-input{color:#f9fafb;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .change-email-modal .modal-body .form-group .form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html:not([data-theme=light]) .change-email-modal .modal-body .form-group .form-input::placeholder{color:#9ca3af}html:not([data-theme=light]) .change-email-modal .modal-body .form-group .form-input:disabled{color:#6b7280;background:#374151}html:not([data-theme=light]) .change-email-modal .modal-body .current-info{background:#374151;border-color:#4b5563}html:not([data-theme=light]) .change-email-modal .modal-body .current-info .current-label{color:#9ca3af}html:not([data-theme=light]) .change-email-modal .modal-body .current-info .current-value{color:#f3f4f6}html:not([data-theme=light]) .change-email-modal .modal-body .email-info{background:#1e3a8a;border-color:#3b82f6}html:not([data-theme=light]) .change-email-modal .modal-body .email-info .shield-icon{color:#60a5fa}html:not([data-theme=light]) .change-email-modal .modal-body .email-info .email-label,html:not([data-theme=light]) .change-email-modal .modal-body .email-info .email-value{color:#dbeafe}html:not([data-theme=light]) .change-email-modal .modal-body .code-input-wrapper .resend-btn{color:#e5e7eb;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .change-email-modal .modal-body .code-input-wrapper .resend-btn:hover:not(.disabled){background:#4b5563;border-color:#6b7280}html:not([data-theme=light]) .change-email-modal .modal-body .code-input-wrapper .resend-btn.disabled{color:#6b7280;background:#374151}html:not([data-theme=light]) .change-email-modal .modal-body .success-step .success-icon,html:not([data-theme=light]) .change-email-modal .modal-body .success-step .success-message{color:#10b981}html:not([data-theme=light]) .change-email-modal .modal-body .success-step .new-email-display{color:#d1fae5;background:#064e3b;border-color:#065f46}html:not([data-theme=light]) .change-email-modal .modal-body .error-message{color:#fca5a5;background:#7f1d1d;border-color:#dc2626}html:not([data-theme=light]) .change-email-modal .modal-body .success-info{color:#d1fae5;background:#064e3b;border-color:#065f46}html:not([data-theme=light]) .change-email-modal .modal-footer{border-top-color:#374151}html:not([data-theme=light]) .change-email-modal .modal-footer .button-group button.cancel-btn,html:not([data-theme=light]) .change-email-modal .modal-footer .button-group button.close-btn{color:#f3f4f6;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .change-email-modal .modal-footer .button-group button.cancel-btn:hover:not(:disabled),html:not([data-theme=light]) .change-email-modal .modal-footer .button-group button.close-btn:hover:not(:disabled){background:#4b5563;border-color:#6b7280}html:not([data-theme=light]) .change-email-modal .modal-footer .button-group button.send-btn,html:not([data-theme=light]) .change-email-modal .modal-footer .button-group button.verify-btn{background:linear-gradient(135deg,#1d4ed8,#1e40af)}html:not([data-theme=light]) .change-email-modal .modal-footer .button-group button.send-btn:hover:not(:disabled),html:not([data-theme=light]) .change-email-modal .modal-footer .button-group button.verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1e3a8a)}html:not([data-theme=light]) .change-email-modal .modal-footer .button-group button.back-btn{background:#4b5563}html:not([data-theme=light]) .change-email-modal .modal-footer .button-group button.back-btn:hover:not(:disabled){background:#374151}}html[data-theme=dark] .modal-overlay{background:#000000b3}html[data-theme=dark] .change-email-modal{background:#1f2937;border-color:#374151}html[data-theme=dark] .change-email-modal .modal-header{border-bottom-color:#374151}html[data-theme=dark] .change-email-modal .modal-header h3{color:#f9fafb}html[data-theme=dark] .change-email-modal .modal-header .modal-description{color:#d1d5db}html[data-theme=dark] .change-email-modal .modal-body .form-group .form-label{color:#e5e7eb}html[data-theme=dark] .change-email-modal .modal-body .form-group .form-input{color:#f9fafb;background:#374151;border-color:#4b5563}html[data-theme=dark] .change-email-modal .modal-body .form-group .form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html[data-theme=dark] .change-email-modal .modal-body .form-group .form-input::placeholder{color:#9ca3af}html[data-theme=dark] .change-email-modal .modal-body .form-group .form-input:disabled{color:#6b7280;background:#374151}html[data-theme=dark] .change-email-modal .modal-body .current-info{background:#374151;border-color:#4b5563}html[data-theme=dark] .change-email-modal .modal-body .current-info .current-label{color:#9ca3af}html[data-theme=dark] .change-email-modal .modal-body .current-info .current-value{color:#f3f4f6}html[data-theme=dark] .change-email-modal .modal-body .email-info{background:#1e3a8a;border-color:#3b82f6}html[data-theme=dark] .change-email-modal .modal-body .email-info .shield-icon{color:#60a5fa}html[data-theme=dark] .change-email-modal .modal-body .email-info .email-label,html[data-theme=dark] .change-email-modal .modal-body .email-info .email-value{color:#dbeafe}html[data-theme=dark] .change-email-modal .modal-body .code-input-wrapper .resend-btn{color:#e5e7eb;background:#374151;border-color:#4b5563}html[data-theme=dark] .change-email-modal .modal-body .code-input-wrapper .resend-btn:hover:not(.disabled){background:#4b5563;border-color:#6b7280}html[data-theme=dark] .change-email-modal .modal-body .code-input-wrapper .resend-btn.disabled{color:#6b7280;background:#374151}html[data-theme=dark] .change-email-modal .modal-body .success-step .success-icon,html[data-theme=dark] .change-email-modal .modal-body .success-step .success-message{color:#10b981}html[data-theme=dark] .change-email-modal .modal-body .success-step .new-email-display{color:#d1fae5;background:#064e3b;border-color:#065f46}html[data-theme=dark] .change-email-modal .modal-body .error-message{color:#fca5a5;background:#7f1d1d;border-color:#dc2626}html[data-theme=dark] .change-email-modal .modal-body .success-info{color:#d1fae5;background:#064e3b;border-color:#065f46}html[data-theme=dark] .change-email-modal .modal-footer{border-top-color:#374151}html[data-theme=dark] .change-email-modal .modal-footer .button-group button.cancel-btn,html[data-theme=dark] .change-email-modal .modal-footer .button-group button.close-btn{color:#f3f4f6;background:#374151;border-color:#4b5563}html[data-theme=dark] .change-email-modal .modal-footer .button-group button.cancel-btn:hover:not(:disabled),html[data-theme=dark] .change-email-modal .modal-footer .button-group button.close-btn:hover:not(:disabled){background:#4b5563;border-color:#6b7280}html[data-theme=dark] .change-email-modal .modal-footer .button-group button.send-btn,html[data-theme=dark] .change-email-modal .modal-footer .button-group button.verify-btn{background:linear-gradient(135deg,#1d4ed8,#1e40af)}html[data-theme=dark] .change-email-modal .modal-footer .button-group button.send-btn:hover:not(:disabled),html[data-theme=dark] .change-email-modal .modal-footer .button-group button.verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1e3a8a)}html[data-theme=dark] .change-email-modal .modal-footer .button-group button.back-btn{background:#4b5563}html[data-theme=dark] .change-email-modal .modal-footer .button-group button.back-btn:hover:not(:disabled){background:#374151}@media (width<=768px){.change-email-modal{max-width:calc(100% - 32px);margin:16px;padding:24px}.change-email-modal .modal-header{margin-bottom:20px}.change-email-modal .modal-header h3{font-size:18px}.change-email-modal .modal-body{margin-bottom:20px}.change-email-modal .modal-body .form-group{margin-bottom:16px}.change-email-modal .modal-body .form-group .form-input{padding:10px 14px;font-size:13px}.change-email-modal .modal-body .code-input-wrapper{flex-direction:column;gap:8px}.change-email-modal .modal-body .code-input-wrapper .resend-btn{justify-content:center;width:100%}}@media (width<=480px){.modal-overlay{padding:16px}.change-email-modal{max-width:calc(100% - 24px);margin:12px;padding:20px}.change-email-modal .modal-header h3{font-size:16px}.change-email-modal .modal-header .modal-description{font-size:13px}}.change-email-modal{animation:.3s ease-out slideInUp}.schedule-change-request-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.schedule-change-request-form .form-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.schedule-change-request-form .form-header .form-icon{color:#3b82f6;font-size:24px}.schedule-change-request-form .form-header .form-title{color:#1f2937;margin:0;font-size:20px;font-weight:600}.schedule-change-request-form .form-description{color:#6b7280;margin-bottom:24px;font-size:14px;line-height:1.5}.schedule-change-request-form .form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=768px){.schedule-change-request-form .form-grid{grid-template-columns:1fr;gap:16px}}.schedule-change-request-form .form-group{flex-direction:column;gap:8px;display:flex}.schedule-change-request-form .form-group.full-width{grid-column:1/-1}.schedule-change-request-form .form-group .form-label{color:#374151;margin-bottom:4px;font-size:14px;font-weight:500}.schedule-change-request-form .form-group .form-select,.schedule-change-request-form .form-group .form-textarea,.schedule-change-request-form .form-group .datepicker-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s}.schedule-change-request-form .form-group .form-select:focus,.schedule-change-request-form .form-group .form-textarea:focus,.schedule-change-request-form .form-group .datepicker-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.schedule-change-request-form .form-group .form-select:hover,.schedule-change-request-form .form-group .form-textarea:hover,.schedule-change-request-form .form-group .datepicker-input:hover{border-color:#9ca3af}.schedule-change-request-form .form-group .form-select{cursor:pointer;appearance:none;background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.schedule-change-request-form .form-group .form-textarea{resize:vertical;min-height:100px;font-family:inherit}.schedule-change-request-form .form-group .datepicker-input{width:100%}.schedule-change-request-form .error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.schedule-change-request-form .error-message:before{content:"⚠️";font-size:16px}.schedule-change-request-form .success-message{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.schedule-change-request-form .success-message:before{content:"✅";font-size:16px}.schedule-change-request-form .form-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;padding-top:20px;display:flex}.schedule-change-request-form .form-footer .submit-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.schedule-change-request-form .form-footer .submit-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.schedule-change-request-form .form-footer .submit-btn:active{transform:translateY(0)}.schedule-change-request-form .form-footer .submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .schedule-change-request-form{background:#1f2937;border-color:#374151}html:not([data-theme=light]) .schedule-change-request-form .form-header{border-bottom-color:#374151}html:not([data-theme=light]) .schedule-change-request-form .form-header .form-title{color:#f9fafb}html:not([data-theme=light]) .schedule-change-request-form .form-description{color:#d1d5db}html:not([data-theme=light]) .schedule-change-request-form .form-group .form-label{color:#e5e7eb}html:not([data-theme=light]) .schedule-change-request-form .form-group .form-select,html:not([data-theme=light]) .schedule-change-request-form .form-group .form-textarea,html:not([data-theme=light]) .schedule-change-request-form .form-group .datepicker-input{color:#f9fafb;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .schedule-change-request-form .form-group .form-select:focus,html:not([data-theme=light]) .schedule-change-request-form .form-group .form-textarea:focus,html:not([data-theme=light]) .schedule-change-request-form .form-group .datepicker-input:focus{border-color:#3b82f6}html:not([data-theme=light]) .schedule-change-request-form .form-group .form-select:hover,html:not([data-theme=light]) .schedule-change-request-form .form-group .form-textarea:hover,html:not([data-theme=light]) .schedule-change-request-form .form-group .datepicker-input:hover{border-color:#6b7280}html:not([data-theme=light]) .schedule-change-request-form .error-message{color:#fecaca;background:#7f1d1d;border-color:#991b1b}html:not([data-theme=light]) .schedule-change-request-form .success-message{color:#bbf7d0;background:#14532d;border-color:#166534}html:not([data-theme=light]) .schedule-change-request-form .form-footer{border-top-color:#374151}html:not([data-theme=light]) .schedule-change-request-form .form-footer .submit-btn{background:#3b82f6}html:not([data-theme=light]) .schedule-change-request-form .form-footer .submit-btn:hover{background:#2563eb}html:not([data-theme=light]) .schedule-change-request-form .form-footer .submit-btn:disabled{background:#4b5563}}html[data-theme=dark] .schedule-change-request-form{background:#1f2937;border-color:#374151}html[data-theme=dark] .schedule-change-request-form .form-header{border-bottom-color:#374151}html[data-theme=dark] .schedule-change-request-form .form-header .form-title{color:#f9fafb}html[data-theme=dark] .schedule-change-request-form .form-description{color:#d1d5db}html[data-theme=dark] .schedule-change-request-form .form-group .form-label{color:#e5e7eb}html[data-theme=dark] .schedule-change-request-form .form-group .form-select,html[data-theme=dark] .schedule-change-request-form .form-group .form-textarea,html[data-theme=dark] .schedule-change-request-form .form-group .datepicker-input{color:#f9fafb;background:#374151;border-color:#4b5563}html[data-theme=dark] .schedule-change-request-form .form-group .form-select:focus,html[data-theme=dark] .schedule-change-request-form .form-group .form-textarea:focus,html[data-theme=dark] .schedule-change-request-form .form-group .datepicker-input:focus{border-color:#3b82f6}html[data-theme=dark] .schedule-change-request-form .form-group .form-select:hover,html[data-theme=dark] .schedule-change-request-form .form-group .form-textarea:hover,html[data-theme=dark] .schedule-change-request-form .form-group .datepicker-input:hover{border-color:#6b7280}html[data-theme=dark] .schedule-change-request-form .error-message{color:#fecaca;background:#7f1d1d;border-color:#991b1b}html[data-theme=dark] .schedule-change-request-form .success-message{color:#bbf7d0;background:#14532d;border-color:#166534}html[data-theme=dark] .schedule-change-request-form .form-footer{border-top-color:#374151}html[data-theme=dark] .schedule-change-request-form .form-footer .submit-btn{background:#3b82f6}html[data-theme=dark] .schedule-change-request-form .form-footer .submit-btn:hover{background:#2563eb}html[data-theme=dark] .schedule-change-request-form .form-footer .submit-btn:disabled{background:#4b5563}.modal-overlay,.react-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.schedule-detail-modal,.react-modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:800px;max-height:calc(100vh - 40px);animation:.3s ease-out modalSlideIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.schedule-detail-modal .modal-header,.react-modal-content .modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 24px}.schedule-detail-modal .modal-header .header-content,.react-modal-content .modal-header .header-content{align-items:center;gap:16px;display:flex}.schedule-detail-modal .modal-header .header-content .header-icon,.react-modal-content .modal-header .header-content .header-icon{color:#fff;background:#3b82f6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.schedule-detail-modal .modal-header .header-content .header-text,.react-modal-content .modal-header .header-content .header-text{flex:1}.schedule-detail-modal .modal-header .header-content .header-text .modal-title,.react-modal-content .modal-header .header-content .header-text .modal-title{color:#1f2937;margin:0 0 4px;font-size:20px;font-weight:700}.schedule-detail-modal .modal-header .header-content .header-text .modal-subtitle,.react-modal-content .modal-header .header-content .header-text .modal-subtitle{color:#6b7280;margin:0;font-size:14px}.schedule-detail-modal .modal-header .header-content .close-btn,.react-modal-content .modal-header .header-content .close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.schedule-detail-modal .modal-header .header-content .close-btn:hover,.react-modal-content .modal-header .header-content .close-btn:hover{color:#374151;background:#e5e7eb}.schedule-detail-modal .modal-body,.react-modal-content .modal-body{max-height:calc(100vh - 200px);padding:24px;overflow-y:auto}.schedule-detail-modal .modal-body .request-info-section,.react-modal-content .modal-body .request-info-section,.schedule-detail-modal .modal-body .schedule-info-section,.react-modal-content .modal-body .schedule-info-section,.schedule-detail-modal .modal-body .process-info-section,.react-modal-content .modal-body .process-info-section{margin-bottom:24px}.schedule-detail-modal .modal-body .request-info-section .section-header,.react-modal-content .modal-body .request-info-section .section-header,.schedule-detail-modal .modal-body .schedule-info-section .section-header,.react-modal-content .modal-body .schedule-info-section .section-header,.schedule-detail-modal .modal-body .process-info-section .section-header,.react-modal-content .modal-body .process-info-section .section-header{margin-bottom:16px}.schedule-detail-modal .modal-body .request-info-section .section-header .section-title,.react-modal-content .modal-body .request-info-section .section-header .section-title,.schedule-detail-modal .modal-body .schedule-info-section .section-header .section-title,.react-modal-content .modal-body .schedule-info-section .section-header .section-title,.schedule-detail-modal .modal-body .process-info-section .section-header .section-title,.react-modal-content .modal-body .process-info-section .section-header .section-title{color:#1f2937;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;margin:0;padding-bottom:8px;font-size:16px;font-weight:600;display:flex}.schedule-detail-modal .modal-body .request-info-section .section-header .section-title svg,.react-modal-content .modal-body .request-info-section .section-header .section-title svg,.schedule-detail-modal .modal-body .schedule-info-section .section-header .section-title svg,.react-modal-content .modal-body .schedule-info-section .section-header .section-title svg,.schedule-detail-modal .modal-body .process-info-section .section-header .section-title svg,.react-modal-content .modal-body .process-info-section .section-header .section-title svg{color:#3b82f6;flex-shrink:0}.schedule-detail-modal .modal-body .request-info-section .info-grid,.react-modal-content .modal-body .request-info-section .info-grid,.schedule-detail-modal .modal-body .schedule-info-section .info-grid,.react-modal-content .modal-body .schedule-info-section .info-grid,.schedule-detail-modal .modal-body .process-info-section .info-grid,.react-modal-content .modal-body .process-info-section .info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.schedule-detail-modal .modal-body .request-info-section .info-grid .info-item,.react-modal-content .modal-body .request-info-section .info-grid .info-item,.schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item,.react-modal-content .modal-body .schedule-info-section .info-grid .info-item,.schedule-detail-modal .modal-body .process-info-section .info-grid .info-item,.react-modal-content .modal-body .process-info-section .info-grid .info-item{flex-direction:column;gap:6px;display:flex}.schedule-detail-modal .modal-body .request-info-section .info-grid .info-item.full-width,.react-modal-content .modal-body .request-info-section .info-grid .info-item.full-width,.schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item.full-width,.react-modal-content .modal-body .schedule-info-section .info-grid .info-item.full-width,.schedule-detail-modal .modal-body .process-info-section .info-grid .info-item.full-width,.react-modal-content .modal-body .process-info-section .info-grid .info-item.full-width{grid-column:1/-1}.schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-label,.react-modal-content .modal-body .request-info-section .info-grid .info-item .info-label,.schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-label,.react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-label,.schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-label,.react-modal-content .modal-body .process-info-section .info-grid .info-item .info-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-label svg,.react-modal-content .modal-body .request-info-section .info-grid .info-item .info-label svg,.schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-label svg,.react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-label svg,.schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-label svg,.react-modal-content .modal-body .process-info-section .info-grid .info-item .info-label svg{color:#9ca3af;flex-shrink:0}.schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-value,.react-modal-content .modal-body .request-info-section .info-grid .info-item .info-value,.schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-value,.react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-value,.schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-value,.react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value{color:#374151;word-break:break-word;font-size:14px;font-weight:500;line-height:1.5}.schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-value .status-badge,.react-modal-content .modal-body .request-info-section .info-grid .info-item .info-value .status-badge,.schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge,.react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge,.schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-value .status-badge,.react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value .status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.approved,.react-modal-content .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.approved,.schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.approved,.react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.approved,.schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.approved,.react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.approved{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.rejected,.react-modal-content .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.rejected,.schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.rejected,.react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.rejected,.schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.rejected,.react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.rejected{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.pending,.react-modal-content .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.pending,.schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.pending,.react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.pending,.schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.pending,.react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.pending{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.schedule-detail-modal .modal-footer,.react-modal-content .modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;padding:20px 24px}.schedule-detail-modal .modal-footer .modal-actions,.react-modal-content .modal-footer .modal-actions{justify-content:flex-end;display:flex}.schedule-detail-modal .modal-footer .modal-actions .close-btn,.react-modal-content .modal-footer .modal-actions .close-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.schedule-detail-modal .modal-footer .modal-actions .close-btn:hover,.react-modal-content .modal-footer .modal-actions .close-btn:hover{background:#4b5563;transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.schedule-detail-modal .modal-footer .modal-actions .close-btn:active,.react-modal-content .modal-footer .modal-actions .close-btn:active{transform:translateY(0)}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .modal-overlay,html:not([data-theme=light]) .react-modal-overlay{background:#000c}html:not([data-theme=light]) .schedule-detail-modal,html:not([data-theme=light]) .react-modal-content{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html:not([data-theme=light]) .schedule-detail-modal .modal-header,html:not([data-theme=light]) .react-modal-content .modal-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .schedule-detail-modal .modal-header .header-content .header-icon,html:not([data-theme=light]) .react-modal-content .modal-header .header-content .header-icon{background:#60a5fa}html:not([data-theme=light]) .schedule-detail-modal .modal-header .header-content .header-text .modal-title,html:not([data-theme=light]) .react-modal-content .modal-header .header-content .header-text .modal-title{color:#f1f5f9}html:not([data-theme=light]) .schedule-detail-modal .modal-header .header-content .header-text .modal-subtitle,html:not([data-theme=light]) .react-modal-content .modal-header .header-content .header-text .modal-subtitle,html:not([data-theme=light]) .schedule-detail-modal .modal-header .header-content .close-btn,html:not([data-theme=light]) .react-modal-content .modal-header .header-content .close-btn{color:#a0aec0}html:not([data-theme=light]) .schedule-detail-modal .modal-header .header-content .close-btn:hover,html:not([data-theme=light]) .react-modal-content .modal-header .header-content .close-btn:hover{color:#e2e8f0;background:#4a5568}html:not([data-theme=light]) .schedule-detail-modal .modal-body .request-info-section .section-header .section-title,html:not([data-theme=light]) .react-modal-content .modal-body .request-info-section .section-header .section-title,html:not([data-theme=light]) .schedule-detail-modal .modal-body .schedule-info-section .section-header .section-title,html:not([data-theme=light]) .react-modal-content .modal-body .schedule-info-section .section-header .section-title,html:not([data-theme=light]) .schedule-detail-modal .modal-body .process-info-section .section-header .section-title,html:not([data-theme=light]) .react-modal-content .modal-body .process-info-section .section-header .section-title{color:#f1f5f9;border-bottom-color:#4a5568}html:not([data-theme=light]) .schedule-detail-modal .modal-body .request-info-section .section-header .section-title svg,html:not([data-theme=light]) .react-modal-content .modal-body .request-info-section .section-header .section-title svg,html:not([data-theme=light]) .schedule-detail-modal .modal-body .schedule-info-section .section-header .section-title svg,html:not([data-theme=light]) .react-modal-content .modal-body .schedule-info-section .section-header .section-title svg,html:not([data-theme=light]) .schedule-detail-modal .modal-body .process-info-section .section-header .section-title svg,html:not([data-theme=light]) .react-modal-content .modal-body .process-info-section .section-header .section-title svg{color:#60a5fa}html:not([data-theme=light]) .schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-label,html:not([data-theme=light]) .react-modal-content .modal-body .request-info-section .info-grid .info-item .info-label,html:not([data-theme=light]) .schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-label,html:not([data-theme=light]) .react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-label,html:not([data-theme=light]) .schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-label,html:not([data-theme=light]) .react-modal-content .modal-body .process-info-section .info-grid .info-item .info-label{color:#a0aec0}html:not([data-theme=light]) .schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-label svg,html:not([data-theme=light]) .react-modal-content .modal-body .request-info-section .info-grid .info-item .info-label svg,html:not([data-theme=light]) .schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-label svg,html:not([data-theme=light]) .react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-label svg,html:not([data-theme=light]) .schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-label svg,html:not([data-theme=light]) .react-modal-content .modal-body .process-info-section .info-grid .info-item .info-label svg{color:#718096}html:not([data-theme=light]) .schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-value,html:not([data-theme=light]) .react-modal-content .modal-body .request-info-section .info-grid .info-item .info-value,html:not([data-theme=light]) .schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-value,html:not([data-theme=light]) .react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-value,html:not([data-theme=light]) .schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-value,html:not([data-theme=light]) .react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value{color:#e2e8f0}html:not([data-theme=light]) .schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.approved,html:not([data-theme=light]) .react-modal-content .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.approved,html:not([data-theme=light]) .schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.approved,html:not([data-theme=light]) .react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.approved,html:not([data-theme=light]) .schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.approved,html:not([data-theme=light]) .react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.approved{color:#6ee7b7;background:#064e3b;border-color:#047857}html:not([data-theme=light]) .schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.rejected,html:not([data-theme=light]) .react-modal-content .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.rejected,html:not([data-theme=light]) .schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.rejected,html:not([data-theme=light]) .react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.rejected,html:not([data-theme=light]) .schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.rejected,html:not([data-theme=light]) .react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.rejected{color:#fca5a5;background:#7f1d1d;border-color:#dc2626}html:not([data-theme=light]) .schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.pending,html:not([data-theme=light]) .react-modal-content .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.pending,html:not([data-theme=light]) .schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.pending,html:not([data-theme=light]) .react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.pending,html:not([data-theme=light]) .schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.pending,html:not([data-theme=light]) .react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.pending{color:#fbbf24;background:#78350f;border-color:#d97706}html:not([data-theme=light]) .schedule-detail-modal .modal-footer,html:not([data-theme=light]) .react-modal-content .modal-footer{background:#1a202c;border-top-color:#4a5568}html:not([data-theme=light]) .schedule-detail-modal .modal-footer .modal-actions .close-btn,html:not([data-theme=light]) .react-modal-content .modal-footer .modal-actions .close-btn{background:#6b7280}html:not([data-theme=light]) .schedule-detail-modal .modal-footer .modal-actions .close-btn:hover,html:not([data-theme=light]) .react-modal-content .modal-footer .modal-actions .close-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d}}html[data-theme=dark] .modal-overlay,html[data-theme=dark] .react-modal-overlay{background:#000c}html[data-theme=dark] .schedule-detail-modal,html[data-theme=dark] .react-modal-content{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html[data-theme=dark] .schedule-detail-modal .modal-header,html[data-theme=dark] .react-modal-content .modal-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .schedule-detail-modal .modal-header .header-content .header-icon,html[data-theme=dark] .react-modal-content .modal-header .header-content .header-icon{background:#60a5fa}html[data-theme=dark] .schedule-detail-modal .modal-header .header-content .header-text .modal-title,html[data-theme=dark] .react-modal-content .modal-header .header-content .header-text .modal-title{color:#f1f5f9}html[data-theme=dark] .schedule-detail-modal .modal-header .header-content .header-text .modal-subtitle,html[data-theme=dark] .react-modal-content .modal-header .header-content .header-text .modal-subtitle,html[data-theme=dark] .schedule-detail-modal .modal-header .header-content .close-btn,html[data-theme=dark] .react-modal-content .modal-header .header-content .close-btn{color:#a0aec0}html[data-theme=dark] .schedule-detail-modal .modal-header .header-content .close-btn:hover,html[data-theme=dark] .react-modal-content .modal-header .header-content .close-btn:hover{color:#e2e8f0;background:#4a5568}html[data-theme=dark] .schedule-detail-modal .modal-body .request-info-section .section-header .section-title,html[data-theme=dark] .react-modal-content .modal-body .request-info-section .section-header .section-title,html[data-theme=dark] .schedule-detail-modal .modal-body .schedule-info-section .section-header .section-title,html[data-theme=dark] .react-modal-content .modal-body .schedule-info-section .section-header .section-title,html[data-theme=dark] .schedule-detail-modal .modal-body .process-info-section .section-header .section-title,html[data-theme=dark] .react-modal-content .modal-body .process-info-section .section-header .section-title{color:#f1f5f9;border-bottom-color:#4a5568}html[data-theme=dark] .schedule-detail-modal .modal-body .request-info-section .section-header .section-title svg,html[data-theme=dark] .react-modal-content .modal-body .request-info-section .section-header .section-title svg,html[data-theme=dark] .schedule-detail-modal .modal-body .schedule-info-section .section-header .section-title svg,html[data-theme=dark] .react-modal-content .modal-body .schedule-info-section .section-header .section-title svg,html[data-theme=dark] .schedule-detail-modal .modal-body .process-info-section .section-header .section-title svg,html[data-theme=dark] .react-modal-content .modal-body .process-info-section .section-header .section-title svg{color:#60a5fa}html[data-theme=dark] .schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-label,html[data-theme=dark] .react-modal-content .modal-body .request-info-section .info-grid .info-item .info-label,html[data-theme=dark] .schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-label,html[data-theme=dark] .react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-label,html[data-theme=dark] .schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-label,html[data-theme=dark] .react-modal-content .modal-body .process-info-section .info-grid .info-item .info-label{color:#a0aec0}html[data-theme=dark] .schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-label svg,html[data-theme=dark] .react-modal-content .modal-body .request-info-section .info-grid .info-item .info-label svg,html[data-theme=dark] .schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-label svg,html[data-theme=dark] .react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-label svg,html[data-theme=dark] .schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-label svg,html[data-theme=dark] .react-modal-content .modal-body .process-info-section .info-grid .info-item .info-label svg{color:#718096}html[data-theme=dark] .schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-value,html[data-theme=dark] .react-modal-content .modal-body .request-info-section .info-grid .info-item .info-value,html[data-theme=dark] .schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-value,html[data-theme=dark] .react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-value,html[data-theme=dark] .schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-value,html[data-theme=dark] .react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value{color:#e2e8f0}html[data-theme=dark] .schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.approved,html[data-theme=dark] .react-modal-content .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.approved,html[data-theme=dark] .schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.approved,html[data-theme=dark] .react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.approved,html[data-theme=dark] .schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.approved,html[data-theme=dark] .react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.approved{color:#6ee7b7;background:#064e3b;border-color:#047857}html[data-theme=dark] .schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.rejected,html[data-theme=dark] .react-modal-content .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.rejected,html[data-theme=dark] .schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.rejected,html[data-theme=dark] .react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.rejected,html[data-theme=dark] .schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.rejected,html[data-theme=dark] .react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.rejected{color:#fca5a5;background:#7f1d1d;border-color:#dc2626}html[data-theme=dark] .schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.pending,html[data-theme=dark] .react-modal-content .modal-body .request-info-section .info-grid .info-item .info-value .status-badge.pending,html[data-theme=dark] .schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.pending,html[data-theme=dark] .react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-value .status-badge.pending,html[data-theme=dark] .schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.pending,html[data-theme=dark] .react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value .status-badge.pending{color:#fbbf24;background:#78350f;border-color:#d97706}html[data-theme=dark] .schedule-detail-modal .modal-footer,html[data-theme=dark] .react-modal-content .modal-footer{background:#1a202c;border-top-color:#4a5568}html[data-theme=dark] .schedule-detail-modal .modal-footer .modal-actions .close-btn,html[data-theme=dark] .react-modal-content .modal-footer .modal-actions .close-btn{background:#6b7280}html[data-theme=dark] .schedule-detail-modal .modal-footer .modal-actions .close-btn:hover,html[data-theme=dark] .react-modal-content .modal-footer .modal-actions .close-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d}@media (width<=768px){.modal-overlay,.react-modal-overlay{padding:16px}.schedule-detail-modal,.react-modal-content{max-width:none;max-height:calc(100vh - 32px);margin:0}.schedule-detail-modal .modal-header,.react-modal-content .modal-header{padding:16px 20px}.schedule-detail-modal .modal-header .header-content .header-text .modal-title,.react-modal-content .modal-header .header-content .header-text .modal-title{font-size:18px}.schedule-detail-modal .modal-body,.react-modal-content .modal-body{padding:20px}.schedule-detail-modal .modal-body .request-info-section .info-grid,.react-modal-content .modal-body .request-info-section .info-grid,.schedule-detail-modal .modal-body .schedule-info-section .info-grid,.react-modal-content .modal-body .schedule-info-section .info-grid,.schedule-detail-modal .modal-body .process-info-section .info-grid,.react-modal-content .modal-body .process-info-section .info-grid{grid-template-columns:1fr;gap:12px}.schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-label,.react-modal-content .modal-body .request-info-section .info-grid .info-item .info-label,.schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-label,.react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-label,.schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-label,.react-modal-content .modal-body .process-info-section .info-grid .info-item .info-label{font-size:12px}.schedule-detail-modal .modal-body .request-info-section .info-grid .info-item .info-value,.react-modal-content .modal-body .request-info-section .info-grid .info-item .info-value,.schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item .info-value,.react-modal-content .modal-body .schedule-info-section .info-grid .info-item .info-value,.schedule-detail-modal .modal-body .process-info-section .info-grid .info-item .info-value,.react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value{font-size:13px}.schedule-detail-modal .modal-footer,.react-modal-content .modal-footer{padding:16px 20px}.schedule-detail-modal .modal-footer .modal-actions .close-btn,.react-modal-content .modal-footer .modal-actions .close-btn{width:100%;padding:10px 16px;font-size:13px}}.schedule-request-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.schedule-request-wrapper .table-title{color:#1f2937;margin-bottom:20px;font-size:1.5rem;font-weight:700}.schedule-request-wrapper .table-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.schedule-request-wrapper .styled-table{border-collapse:collapse;width:100%}.schedule-request-wrapper .styled-table thead{background-color:#f8fafc}.schedule-request-wrapper .styled-table thead th{color:#374151;text-align:center;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:16px 12px;font-size:14px;font-weight:600}.schedule-request-wrapper .styled-table tbody tr{transition:background-color .2s}.schedule-request-wrapper .styled-table tbody tr:hover{background-color:#f8fafc}.schedule-request-wrapper .styled-table tbody td{text-align:center;vertical-align:middle;color:#374151;border-bottom:1px solid #f3f4f6;padding:16px 12px;font-size:14px}.schedule-request-wrapper .styled-table tbody .no-data{color:#9ca3af;text-align:center;background-color:#f8fafc;padding:40px 20px;font-size:14px}.schedule-request-wrapper .styled-table .status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.schedule-request-wrapper .styled-table .status-badge.pending{color:#92400e;background-color:#fef3c7;border:1px solid #f59e0b}.schedule-request-wrapper .styled-table .status-badge.approved{color:#065f46;background-color:#d1fae5;border:1px solid #10b981}.schedule-request-wrapper .styled-table .status-badge.rejected{color:#991b1b;background-color:#fee2e2;border:1px solid #ef4444}.schedule-request-wrapper .styled-table .detail-btn{color:#374151;cursor:pointer;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;margin:0 auto;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:block}.schedule-request-wrapper .styled-table .detail-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.schedule-request-wrapper .status-select{min-width:180px;max-width:220px;font-size:14px}.schedule-request-wrapper .status-select .react-select__control{min-height:40px;box-shadow:none;border-color:#d1d5db;border-radius:8px;font-size:14px;transition:all .2s}.schedule-request-wrapper .status-select .react-select__control:hover{border-color:#9ca3af}.schedule-request-wrapper .status-select .react-select__control.react-select__control--is-focused{border-color:#10b981;box-shadow:0 0 0 1px #10b981}.schedule-request-wrapper .status-select .react-select__value-container{padding:2px 12px}.schedule-request-wrapper .status-select .react-select__single-value{color:#374151}.schedule-request-wrapper .status-select .react-select__indicator-separator{display:none}.schedule-request-wrapper .status-select .react-select__dropdown-indicator{color:#6b7280;padding:0 12px}.schedule-request-wrapper .status-select .react-select__menu{z-index:20;border-radius:8px;font-size:14px;box-shadow:0 4px 6px #0000001a}.schedule-request-wrapper .filter-bar{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.schedule-request-wrapper .filter-bar .filter-label{color:#374151;font-size:14px;font-weight:600}.schedule-request-wrapper .action-buttons{justify-content:center;gap:8px;display:flex}.schedule-request-wrapper .action-buttons button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.schedule-request-wrapper .action-buttons .btn-green{color:#fff;background-color:#10b981;border-color:#10b981}.schedule-request-wrapper .action-buttons .btn-green:hover{background-color:#059669;border-color:#059669;transform:translateY(-1px)}.schedule-request-wrapper .action-buttons .btn-red{color:#fff;background-color:#ef4444;border-color:#ef4444}.schedule-request-wrapper .action-buttons .btn-red:hover{background-color:#dc2626;border-color:#dc2626;transform:translateY(-1px)}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .schedule-request-wrapper{background:#1f2937;border-color:#374151}html:not([data-theme=light]) .schedule-request-wrapper .table-title{color:#f1f5f9}html:not([data-theme=light]) .schedule-request-wrapper .table-wrapper{background-color:#1f2937;border-color:#374151}html:not([data-theme=light]) .schedule-request-wrapper .styled-table thead{background-color:#374151}html:not([data-theme=light]) .schedule-request-wrapper .styled-table thead th{color:#f3f4f6;border-bottom-color:#4b5563}html:not([data-theme=light]) .schedule-request-wrapper .styled-table tbody tr:hover{background-color:#374151}html:not([data-theme=light]) .schedule-request-wrapper .styled-table tbody td{color:#e2e8f0;border-bottom-color:#4b5563}html:not([data-theme=light]) .schedule-request-wrapper .styled-table tbody .no-data{color:#9ca3af;background-color:#374151}html:not([data-theme=light]) .schedule-request-wrapper .filter-bar{background:#374151;border-color:#4b5563}html:not([data-theme=light]) .schedule-request-wrapper .filter-bar .filter-label{color:#f3f4f6}html:not([data-theme=light]) .schedule-request-wrapper .status-select .react-select__control{background-color:#374151;border-color:#4b5563}html:not([data-theme=light]) .schedule-request-wrapper .status-select .react-select__control:hover{border-color:#6b7280}html:not([data-theme=light]) .schedule-request-wrapper .status-select .react-select__control.react-select__control--is-focused{border-color:#10b981;box-shadow:0 0 0 1px #10b981}html:not([data-theme=light]) .schedule-request-wrapper .status-select .react-select__single-value{color:#f3f4f6}html:not([data-theme=light]) .schedule-request-wrapper .status-select .react-select__dropdown-indicator{color:#9ca3af}html:not([data-theme=light]) .schedule-request-wrapper .status-select .react-select__menu{background-color:#374151;border-color:#4b5563}html:not([data-theme=light]) .schedule-request-wrapper .status-select .react-select__option{color:#f3f4f6}html:not([data-theme=light]) .schedule-request-wrapper .status-select .react-select__option:hover{background-color:#4b5563}html:not([data-theme=light]) .schedule-request-wrapper .status-select .react-select__option.react-select__option--is-selected{background-color:#10b981}html:not([data-theme=light]) .schedule-request-wrapper .detail-btn{color:#f3f4f6;background-color:#4b5563;border-color:#6b7280}html:not([data-theme=light]) .schedule-request-wrapper .detail-btn:hover{background-color:#6b7280;border-color:#9ca3af}html:not([data-theme=light]) .schedule-request-wrapper .action-buttons .btn-green{color:#fff;background-color:#10b981;border-color:#10b981}html:not([data-theme=light]) .schedule-request-wrapper .action-buttons .btn-green:hover{background-color:#059669;border-color:#059669}html:not([data-theme=light]) .schedule-request-wrapper .action-buttons .btn-red{color:#fff;background-color:#ef4444;border-color:#ef4444}html:not([data-theme=light]) .schedule-request-wrapper .action-buttons .btn-red:hover{background-color:#dc2626;border-color:#dc2626}}html[data-theme=dark] .schedule-request-wrapper{background:#1f2937;border-color:#374151}html[data-theme=dark] .schedule-request-wrapper .table-title{color:#f1f5f9}html[data-theme=dark] .schedule-request-wrapper .table-wrapper{background-color:#1f2937;border-color:#374151}html[data-theme=dark] .schedule-request-wrapper .styled-table thead{background-color:#374151}html[data-theme=dark] .schedule-request-wrapper .styled-table thead th{color:#f3f4f6;border-bottom-color:#4b5563}html[data-theme=dark] .schedule-request-wrapper .styled-table tbody tr:hover{background-color:#374151}html[data-theme=dark] .schedule-request-wrapper .styled-table tbody td{color:#e2e8f0;border-bottom-color:#4b5563}html[data-theme=dark] .schedule-request-wrapper .styled-table tbody .no-data{color:#9ca3af;background-color:#374151}html[data-theme=dark] .schedule-request-wrapper .filter-bar{background:#374151;border-color:#4b5563}html[data-theme=dark] .schedule-request-wrapper .filter-bar .filter-label{color:#f3f4f6}html[data-theme=dark] .schedule-request-wrapper .status-select .react-select__control{background-color:#374151;border-color:#4b5563}html[data-theme=dark] .schedule-request-wrapper .status-select .react-select__control:hover{border-color:#6b7280}html[data-theme=dark] .schedule-request-wrapper .status-select .react-select__control.react-select__control--is-focused{border-color:#10b981;box-shadow:0 0 0 1px #10b981}html[data-theme=dark] .schedule-request-wrapper .status-select .react-select__single-value{color:#f3f4f6}html[data-theme=dark] .schedule-request-wrapper .status-select .react-select__dropdown-indicator{color:#9ca3af}html[data-theme=dark] .schedule-request-wrapper .status-select .react-select__menu{background-color:#374151;border-color:#4b5563}html[data-theme=dark] .schedule-request-wrapper .status-select .react-select__option{color:#f3f4f6}html[data-theme=dark] .schedule-request-wrapper .status-select .react-select__option:hover{background-color:#4b5563}html[data-theme=dark] .schedule-request-wrapper .status-select .react-select__option.react-select__option--is-selected{background-color:#10b981}html[data-theme=dark] .schedule-request-wrapper .detail-btn{color:#f3f4f6;background-color:#4b5563;border-color:#6b7280}html[data-theme=dark] .schedule-request-wrapper .detail-btn:hover{background-color:#6b7280;border-color:#9ca3af}html[data-theme=dark] .schedule-request-wrapper .action-buttons .btn-green{color:#fff;background-color:#10b981;border-color:#10b981}html[data-theme=dark] .schedule-request-wrapper .action-buttons .btn-green:hover{background-color:#059669;border-color:#059669}html[data-theme=dark] .schedule-request-wrapper .action-buttons .btn-red{color:#fff;background-color:#ef4444;border-color:#ef4444}html[data-theme=dark] .schedule-request-wrapper .action-buttons .btn-red:hover{background-color:#dc2626;border-color:#dc2626}.new-personal-schedule-request-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.new-personal-schedule-request-form .form-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.new-personal-schedule-request-form .form-header .form-icon{color:#3b82f6;font-size:24px}.new-personal-schedule-request-form .form-header .form-title{color:#1f2937;margin:0;font-size:20px;font-weight:600}.new-personal-schedule-request-form .form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=768px){.new-personal-schedule-request-form .form-grid{grid-template-columns:1fr;gap:16px}}.new-personal-schedule-request-form .form-group{flex-direction:column;gap:8px;display:flex}.new-personal-schedule-request-form .form-group .form-label{color:#374151;margin-bottom:4px;font-size:14px;font-weight:500}.new-personal-schedule-request-form .form-group .form-select,.new-personal-schedule-request-form .form-group .form-textarea,.new-personal-schedule-request-form .form-group .datepicker-input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.new-personal-schedule-request-form .form-group .form-select:focus,.new-personal-schedule-request-form .form-group .form-textarea:focus,.new-personal-schedule-request-form .form-group .datepicker-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.new-personal-schedule-request-form .form-group .form-select::placeholder,.new-personal-schedule-request-form .form-group .form-textarea::placeholder,.new-personal-schedule-request-form .form-group .datepicker-input::placeholder{color:#9ca3af}.new-personal-schedule-request-form .form-group .form-textarea{resize:vertical;min-height:100px;font-family:inherit}.new-personal-schedule-request-form .form-group.checkbox-group{flex-direction:row;align-items:center;gap:8px}.new-personal-schedule-request-form .form-group.checkbox-group .checkbox-label{cursor:pointer;color:#374151;align-items:center;gap:8px;margin-bottom:0;font-size:14px;display:flex}.new-personal-schedule-request-form .form-group.checkbox-group .checkbox-label input[type=checkbox]{accent-color:#3b82f6;width:16px;height:16px}.new-personal-schedule-request-form .form-group.full-width{grid-column:1/-1}.new-personal-schedule-request-form .error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.new-personal-schedule-request-form .error-message:before{content:"⚠️";font-size:16px}.new-personal-schedule-request-form .success-message{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.new-personal-schedule-request-form .success-message:before{content:"✅";font-size:16px}.new-personal-schedule-request-form .form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}.new-personal-schedule-request-form .form-actions .submit-btn{color:#fff;cursor:pointer;background:#3b82f6;border:1px solid #3b82f6;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.new-personal-schedule-request-form .form-actions .submit-btn:hover{background:#2563eb;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.new-personal-schedule-request-form .form-actions .submit-btn:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f633}.new-personal-schedule-request-form .form-actions .submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;border-color:#9ca3af;transform:none}.new-personal-schedule-request-form .form-actions .cancel-btn{color:#6b7280;cursor:pointer;background:#f8fafc;border:1px solid #d1d5db;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.new-personal-schedule-request-form .form-actions .cancel-btn:hover{color:#4b5563;background:#f1f5f9;border-color:#9ca3af}.new-personal-schedule-request-form .form-description{color:#6b7280;background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;line-height:1.5}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .new-personal-schedule-request-form{background:#1f2937;border-color:#374151}html:not([data-theme=light]) .new-personal-schedule-request-form .form-header{border-bottom-color:#4b5563}html:not([data-theme=light]) .new-personal-schedule-request-form .form-header .form-icon{color:#60a5fa}html:not([data-theme=light]) .new-personal-schedule-request-form .form-header .form-title{color:#f1f5f9}html:not([data-theme=light]) .new-personal-schedule-request-form .form-group .form-label{color:#e2e8f0}html:not([data-theme=light]) .new-personal-schedule-request-form .form-group .form-select,html:not([data-theme=light]) .new-personal-schedule-request-form .form-group .form-textarea,html:not([data-theme=light]) .new-personal-schedule-request-form .form-group .datepicker-input{color:#f3f4f6;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .new-personal-schedule-request-form .form-group .form-select:focus,html:not([data-theme=light]) .new-personal-schedule-request-form .form-group .form-textarea:focus,html:not([data-theme=light]) .new-personal-schedule-request-form .form-group .datepicker-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html:not([data-theme=light]) .new-personal-schedule-request-form .form-group .form-select::placeholder,html:not([data-theme=light]) .new-personal-schedule-request-form .form-group .form-textarea::placeholder,html:not([data-theme=light]) .new-personal-schedule-request-form .form-group .datepicker-input::placeholder{color:#9ca3af}html:not([data-theme=light]) .new-personal-schedule-request-form .form-group.checkbox-group .checkbox-label{color:#e2e8f0}html:not([data-theme=light]) .new-personal-schedule-request-form .form-group.checkbox-group .checkbox-label input[type=checkbox]{accent-color:#60a5fa}html:not([data-theme=light]) .new-personal-schedule-request-form .form-actions{border-top-color:#4b5563}html:not([data-theme=light]) .new-personal-schedule-request-form .form-actions .submit-btn{color:#fff;background:#3b82f6;border-color:#3b82f6}html:not([data-theme=light]) .new-personal-schedule-request-form .form-actions .submit-btn:hover{background:#2563eb;border-color:#1d4ed8}html:not([data-theme=light]) .new-personal-schedule-request-form .form-actions .cancel-btn{color:#9ca3af;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .new-personal-schedule-request-form .form-actions .cancel-btn:hover{color:#d1d5db;background:#4b5563;border-color:#6b7280}html:not([data-theme=light]) .new-personal-schedule-request-form .form-description{color:#9ca3af;background:#374151;border-left-color:#60a5fa}}html[data-theme=dark] .new-personal-schedule-request-form{background:#1f2937;border-color:#374151}html[data-theme=dark] .new-personal-schedule-request-form .form-header{border-bottom-color:#4b5563}html[data-theme=dark] .new-personal-schedule-request-form .form-header .form-icon{color:#60a5fa}html[data-theme=dark] .new-personal-schedule-request-form .form-header .form-title{color:#f1f5f9}html[data-theme=dark] .new-personal-schedule-request-form .form-group .form-label{color:#e2e8f0}html[data-theme=dark] .new-personal-schedule-request-form .form-group .form-select,html[data-theme=dark] .new-personal-schedule-request-form .form-group .form-textarea,html[data-theme=dark] .new-personal-schedule-request-form .form-group .datepicker-input{color:#f3f4f6;background:#374151;border-color:#4b5563}html[data-theme=dark] .new-personal-schedule-request-form .form-group .form-select:focus,html[data-theme=dark] .new-personal-schedule-request-form .form-group .form-textarea:focus,html[data-theme=dark] .new-personal-schedule-request-form .form-group .datepicker-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html[data-theme=dark] .new-personal-schedule-request-form .form-group .form-select::placeholder,html[data-theme=dark] .new-personal-schedule-request-form .form-group .form-textarea::placeholder,html[data-theme=dark] .new-personal-schedule-request-form .form-group .datepicker-input::placeholder{color:#9ca3af}html[data-theme=dark] .new-personal-schedule-request-form .form-group.checkbox-group .checkbox-label{color:#e2e8f0}html[data-theme=dark] .new-personal-schedule-request-form .form-group.checkbox-group .checkbox-label input[type=checkbox]{accent-color:#60a5fa}html[data-theme=dark] .new-personal-schedule-request-form .form-actions{border-top-color:#4b5563}html[data-theme=dark] .new-personal-schedule-request-form .form-actions .submit-btn{color:#fff;background:#3b82f6;border-color:#3b82f6}html[data-theme=dark] .new-personal-schedule-request-form .form-actions .submit-btn:hover{background:#2563eb;border-color:#1d4ed8}html[data-theme=dark] .new-personal-schedule-request-form .form-actions .cancel-btn{color:#9ca3af;background:#374151;border-color:#4b5563}html[data-theme=dark] .new-personal-schedule-request-form .form-actions .cancel-btn:hover{color:#d1d5db;background:#4b5563;border-color:#6b7280}html[data-theme=dark] .new-personal-schedule-request-form .form-description{color:#9ca3af;background:#374151;border-left-color:#60a5fa}@media (width<=768px){.new-personal-schedule-request-form{padding:16px}.new-personal-schedule-request-form .form-header{margin-bottom:20px}.new-personal-schedule-request-form .form-header .form-title{font-size:18px}.new-personal-schedule-request-form .form-grid{gap:16px}.new-personal-schedule-request-form .form-group .form-select,.new-personal-schedule-request-form .form-group .form-textarea,.new-personal-schedule-request-form .form-group .datepicker-input{padding:10px 12px;font-size:13px}.new-personal-schedule-request-form .form-actions{flex-direction:column;gap:8px}.new-personal-schedule-request-form .form-actions .submit-btn,.new-personal-schedule-request-form .form-actions .cancel-btn{justify-content:center;width:100%}}.new-personal-schedule-request-page{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:24px;padding:24px;display:flex;box-shadow:0 1px 3px #0000001a}.new-personal-schedule-request-page .page-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.new-personal-schedule-request-page .page-header .page-icon{color:#3b82f6;font-size:24px}.new-personal-schedule-request-page .page-header .page-title{color:#1f2937;margin:0;font-size:24px;font-weight:700}.new-personal-schedule-request-page .page-description{color:#6b7280;margin-bottom:24px;font-size:14px;line-height:1.5}.new-personal-schedule-request-page .form-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.new-personal-schedule-request-page .form-section .section-title{color:#374151;align-items:center;gap:8px;margin:0 0 16px;font-size:18px;font-weight:600;display:flex}.new-personal-schedule-request-page .form-section .section-title:before{content:"📝";font-size:20px}.new-personal-schedule-request-page .list-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.new-personal-schedule-request-page .list-section .section-title{color:#374151;align-items:center;gap:8px;margin:0 0 16px;font-size:18px;font-weight:600;display:flex}.new-personal-schedule-request-page .list-section .section-title:before{content:"📋";font-size:20px}.new-personal-schedule-request-page .loading-message{text-align:center;color:#6b7280;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:40px 20px;font-size:14px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .new-personal-schedule-request-page{background:#1f2937;border-color:#374151}html:not([data-theme=light]) .new-personal-schedule-request-page .page-header .page-icon{color:#60a5fa}html:not([data-theme=light]) .new-personal-schedule-request-page .page-header .page-title{color:#f1f5f9}html:not([data-theme=light]) .new-personal-schedule-request-page .page-description{color:#9ca3af}html:not([data-theme=light]) .new-personal-schedule-request-page .form-section{background:#374151;border-color:#4b5563}html:not([data-theme=light]) .new-personal-schedule-request-page .form-section .section-title{color:#f3f4f6}html:not([data-theme=light]) .new-personal-schedule-request-page .list-section{background:#374151;border-color:#4b5563}html:not([data-theme=light]) .new-personal-schedule-request-page .list-section .section-title{color:#f3f4f6}html:not([data-theme=light]) .new-personal-schedule-request-page .loading-message{color:#9ca3af;background:#374151;border-color:#4b5563}}html[data-theme=dark] .new-personal-schedule-request-page{background:#1f2937;border-color:#374151}html[data-theme=dark] .new-personal-schedule-request-page .page-header .page-icon{color:#60a5fa}html[data-theme=dark] .new-personal-schedule-request-page .page-header .page-title{color:#f1f5f9}html[data-theme=dark] .new-personal-schedule-request-page .page-description{color:#9ca3af}html[data-theme=dark] .new-personal-schedule-request-page .form-section{background:#374151;border-color:#4b5563}html[data-theme=dark] .new-personal-schedule-request-page .form-section .section-title{color:#f3f4f6}html[data-theme=dark] .new-personal-schedule-request-page .list-section{background:#374151;border-color:#4b5563}html[data-theme=dark] .new-personal-schedule-request-page .list-section .section-title{color:#f3f4f6}html[data-theme=dark] .new-personal-schedule-request-page .loading-message{color:#9ca3af;background:#374151;border-color:#4b5563}@media (width<=768px){.new-personal-schedule-request-page{gap:16px;padding:16px}.new-personal-schedule-request-page .page-header .page-title{font-size:20px}.new-personal-schedule-request-page .form-section,.new-personal-schedule-request-page .list-section{padding:16px}.new-personal-schedule-request-page .section-title{font-size:16px}}.edit-modal{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:800px;min-height:600px;font-family:Segoe UI,sans-serif;animation:.3s ease-out modalSlideIn;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000040}.edit-modal .modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 24px}.edit-modal .modal-header .header-content{justify-content:space-between;align-items:center;display:flex}.edit-modal .modal-header .header-content .modal-title{color:#1f2937;margin:0;font-size:20px;font-weight:700}.edit-modal .modal-header .header-content .close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.edit-modal .modal-header .header-content .close-btn:hover{color:#374151;background:#e5e7eb}.edit-modal .modal-body{max-height:calc(100vh - 300px);padding:24px;overflow-y:auto}.edit-modal .modal-body .form-section{flex-direction:column;gap:20px;display:flex}.edit-modal .modal-body .form-section .form-group{flex-direction:column;gap:8px;display:flex}.edit-modal .modal-body .form-section .form-group .form-label{color:#374151;font-size:14px;font-weight:600}.edit-modal .modal-body .form-section .form-group .form-input,.edit-modal .modal-body .form-section .form-group .form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.edit-modal .modal-body .form-section .form-group .form-input:focus,.edit-modal .modal-body .form-section .form-group .form-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.edit-modal .modal-body .form-section .form-group .form-input::placeholder,.edit-modal .modal-body .form-section .form-group .form-textarea::placeholder{color:#9ca3af}.edit-modal .modal-body .form-section .form-group .form-input{min-height:44px}.edit-modal .modal-body .form-section .form-group .form-textarea{resize:vertical;min-height:120px;font-family:inherit}.edit-modal .modal-body .form-section .form-group .file-upload-container{position:relative}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-input-hidden{opacity:0;pointer-events:none;position:absolute;left:-9999px}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area{cursor:pointer;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:3px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:180px;padding:30px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f60d 0%,#9333ea0d 100%);transition:opacity .3s;position:absolute;inset:0}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 25px #3b82f626}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:hover:before{opacity:1}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:hover .upload-icon{color:#3b82f6;transform:scale(1.1)rotate(5deg)}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:hover .upload-title{color:#3b82f6}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area.drag-over{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#10b981;transform:scale(1.02);box-shadow:0 15px 35px #10b98133}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area.drag-over .upload-icon{color:#10b981;transform:scale(1.2)rotate(10deg)}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area.drag-over .upload-title{color:#10b981}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-icon{color:#6b7280;filter:drop-shadow(0 2px 4px #0000001a);margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text{text-align:center;z-index:1;position:relative}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#374151;margin:0 0 8px;font-size:16px;font-weight:600;transition:color .3s}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#6b7280;margin:0 0 12px;font-size:13px;line-height:1.5}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{color:#9ca3af;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:16px;margin:0;padding:6px 12px;font-size:11px;font-weight:500;display:inline-block}.edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px}.edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-label{color:#374151;margin:0 0 12px;font-size:13px;font-weight:600}.edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-list{flex-direction:column;gap:8px;display:flex}.edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px;transition:background .2s;display:flex}.edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover{background:#f3f4f6}.edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox input[type=checkbox]{cursor:pointer;accent-color:#3b82f6;width:18px;height:18px}.edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox svg{color:#6b7280;flex-shrink:0}.edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name{color:#374151;word-break:break-all;font-size:13px}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-files{flex-direction:column;gap:12px;margin-top:16px;display:flex}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-files .new-files-label{color:#374151;margin:0 0 8px;font-size:13px;font-weight:600}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border:2px solid #0ea5e9;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;animation:.3s ease-out slideIn;display:flex;box-shadow:0 4px 12px #0ea5e926}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info{flex:1;align-items:center;gap:10px;display:flex}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info svg{color:#0ea5e9;flex-shrink:0}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info .file-details{flex-direction:column;gap:2px;display:flex}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info .file-details .file-name{color:#0c4a6e;word-break:break-all;font-size:13px;font-weight:600}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info .file-details .file-size{color:#0369a1;font-size:11px;font-weight:500}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .remove-file-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .remove-file-btn:hover{color:#fff;background:#dc2626;transform:scale(1.1)}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .remove-file-btn:active{transform:scale(.95)}.edit-modal .modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;padding:20px 24px}.edit-modal .modal-footer .modal-buttons{justify-content:flex-end;gap:12px;display:flex}.edit-modal .modal-footer .modal-buttons .submit-btn,.edit-modal .modal-footer .modal-buttons .cancel-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.edit-modal .modal-footer .modal-buttons .submit-btn:hover,.edit-modal .modal-footer .modal-buttons .cancel-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.edit-modal .modal-footer .modal-buttons .submit-btn:active,.edit-modal .modal-footer .modal-buttons .cancel-btn:active{transform:translateY(0)}.edit-modal .modal-footer .modal-buttons .submit-btn{background:var(--form-save-bg);color:var(--brand-on-primary)}.edit-modal .modal-footer .modal-buttons .submit-btn:hover{background:var(--form-save-bg-hover);box-shadow:0 4px 12px #10b9814d}.edit-modal .modal-footer .modal-buttons .cancel-btn{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.edit-modal .modal-footer .modal-buttons .cancel-btn:hover{background:#e5e7eb}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:768px;padding:24px;animation:.3s ease-out modalSlideIn;position:relative;box-shadow:0 25px 50px -12px #00000040}.communication-modal-overlay{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}.communication-modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:600px;max-height:calc(100vh - 40px);animation:.3s ease-out modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.communication-modal-buttons{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}.communication-modal-buttons .submit-btn{background:var(--form-save-bg);color:var(--brand-on-primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.communication-modal-buttons .submit-btn:hover:not(:disabled){background:var(--form-save-bg-hover);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.communication-modal-buttons .submit-btn:active{transform:translateY(0)}.communication-modal-buttons .submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.communication-modal-buttons .cancel-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.communication-modal-buttons .cancel-btn:hover{background:#e5e7eb}.modal-buttons{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.modal-buttons .btn-red:disabled{cursor:not-allowed}.modal-content.reject{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:768px;padding:24px;position:relative;box-shadow:0 25px 50px -12px #00000040}.modal-content.reject h4{color:#1f2937;margin-bottom:8px;font-size:1.25rem;font-weight:700}.modal-content.reject p{color:#6b7280;margin-bottom:16px;font-size:1rem;line-height:1.5}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .edit-modal{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html:not([data-theme=light]) .edit-modal .modal-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .edit-modal .modal-header .header-content .modal-title{color:#f1f5f9}html:not([data-theme=light]) .edit-modal .modal-header .header-content .close-btn{color:#a0aec0}html:not([data-theme=light]) .edit-modal .modal-header .header-content .close-btn:hover{color:#e2e8f0;background:#4a5568}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .form-label{color:#e2e8f0}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .form-input,html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .form-textarea{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .form-input:focus,html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .form-input::placeholder,html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .form-textarea::placeholder{color:#a0aec0}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);border-color:#4a5568}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:before{background:linear-gradient(135deg,#60a5fa0d 0%,#a78bfa0d 100%)}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:hover .upload-icon,html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:hover .upload-title{color:#60a5fa}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area.drag-over{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border-color:#34d399}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area.drag-over .upload-icon,html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area.drag-over .upload-title{color:#34d399}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-icon{color:#a0aec0}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#e2e8f0}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#a0aec0}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{color:#718096;background:#2d3748cc}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-label{color:#e2e8f0}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover{background:#2d3748}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox svg{color:#a0aec0}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name{color:#e2e8f0}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info svg{color:#60a5fa}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info .file-details .file-name{color:#93c5fd}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info .file-details .file-size{color:#60a5fa}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .remove-file-btn{color:#fca5a5;background:#7f1d1d}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .remove-file-btn:hover{color:#fff;background:#dc2626}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-files .new-files-label{color:#e2e8f0}html:not([data-theme=light]) .edit-modal .modal-footer{background:#1a202c;border-top-color:#4a5568}html:not([data-theme=light]) .edit-modal .modal-footer .modal-buttons .submit-btn{background:var(--form-save-bg)}html:not([data-theme=light]) .edit-modal .modal-footer .modal-buttons .submit-btn:hover{background:var(--form-save-bg-hover);box-shadow:0 4px 12px #68d3914d}html:not([data-theme=light]) .edit-modal .modal-footer .modal-buttons .cancel-btn{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .edit-modal .modal-footer .modal-buttons .cancel-btn:hover{background:#718096}html:not([data-theme=light]) .modal-overlay{background-color:#000c}html:not([data-theme=light]) .modal-content{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html:not([data-theme=light]) .modal-content h4{color:#f1f5f9}html:not([data-theme=light]) .modal-content p{color:#a0aec0}html:not([data-theme=light]) .communication-modal-overlay{background:#000c}html:not([data-theme=light]) .communication-modal-content{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html:not([data-theme=light]) .communication-modal-buttons{border-top-color:#4a5568}html:not([data-theme=light]) .communication-modal-buttons .submit-btn{background:var(--form-save-bg)}html:not([data-theme=light]) .communication-modal-buttons .submit-btn:hover:not(:disabled){background:var(--form-save-bg-hover);box-shadow:0 4px 12px #68d3914d}html:not([data-theme=light]) .communication-modal-buttons .submit-btn:disabled{background:#718096}html:not([data-theme=light]) .communication-modal-buttons .cancel-btn{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .communication-modal-buttons .cancel-btn:hover{background:#718096}}html[data-theme=dark] .edit-modal{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html[data-theme=dark] .edit-modal .modal-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .edit-modal .modal-header .header-content .modal-title{color:#f1f5f9}html[data-theme=dark] .edit-modal .modal-header .header-content .close-btn{color:#a0aec0}html[data-theme=dark] .edit-modal .modal-header .header-content .close-btn:hover{color:#e2e8f0;background:#4a5568}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .form-label{color:#e2e8f0}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .form-input,html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .form-textarea{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .form-input:focus,html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .form-input::placeholder,html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .form-textarea::placeholder{color:#a0aec0}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);border-color:#4a5568}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:before{background:linear-gradient(135deg,#60a5fa0d 0%,#a78bfa0d 100%)}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:hover .upload-icon,html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:hover .upload-title{color:#60a5fa}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area.drag-over{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border-color:#34d399}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area.drag-over .upload-icon,html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area.drag-over .upload-title{color:#34d399}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-icon{color:#a0aec0}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#e2e8f0}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#a0aec0}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{color:#718096;background:#2d3748cc}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-label{color:#e2e8f0}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover{background:#2d3748}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox svg{color:#a0aec0}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name{color:#e2e8f0}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info svg{color:#60a5fa}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info .file-details .file-name{color:#93c5fd}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info .file-details .file-size{color:#60a5fa}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .remove-file-btn{color:#fca5a5;background:#7f1d1d}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .remove-file-btn:hover{color:#fff;background:#dc2626}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-files .new-files-label{color:#e2e8f0}html[data-theme=dark] .edit-modal .modal-footer{background:#1a202c;border-top-color:#4a5568}html[data-theme=dark] .edit-modal .modal-footer .modal-buttons .submit-btn{background:var(--form-save-bg)}html[data-theme=dark] .edit-modal .modal-footer .modal-buttons .submit-btn:hover{background:var(--form-save-bg-hover);box-shadow:0 4px 12px #68d3914d}html[data-theme=dark] .edit-modal .modal-footer .modal-buttons .cancel-btn{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .edit-modal .modal-footer .modal-buttons .cancel-btn:hover{background:#718096}html[data-theme=dark] .modal-overlay{background-color:#000c}html[data-theme=dark] .modal-content{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html[data-theme=dark] .modal-content h4{color:#f1f5f9}html[data-theme=dark] .modal-content p{color:#a0aec0}html[data-theme=dark] .communication-modal-overlay{background:#000c}html[data-theme=dark] .communication-modal-content{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html[data-theme=dark] .communication-modal-buttons{border-top-color:#4a5568}html[data-theme=dark] .communication-modal-buttons .submit-btn{background:var(--form-save-bg)}html[data-theme=dark] .communication-modal-buttons .submit-btn:hover:not(:disabled){background:var(--form-save-bg-hover);box-shadow:0 4px 12px #68d3914d}html[data-theme=dark] .communication-modal-buttons .submit-btn:disabled{background:#718096}html[data-theme=dark] .communication-modal-buttons .cancel-btn{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .communication-modal-buttons .cancel-btn:hover{background:#718096}@media (width<=768px){.edit-modal{max-width:calc(100vw - 32px);min-height:500px}.edit-modal .modal-header{padding:16px 20px}.edit-modal .modal-header .header-content .modal-title{font-size:18px}.edit-modal .modal-body{padding:20px}.edit-modal .modal-body .form-section{gap:16px}.edit-modal .modal-body .form-section .form-group .form-textarea{min-height:100px}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area{min-height:140px;padding:20px 16px}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-icon{margin-bottom:12px}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-title{font-size:14px}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{font-size:12px}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{padding:4px 8px;font-size:10px}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file{padding:10px 12px}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info{gap:8px}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info .file-details .file-name{font-size:12px}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info .file-details .file-size{font-size:10px}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .remove-file-btn{width:24px;height:24px;font-size:14px}.edit-modal .modal-footer{padding:16px 20px}.edit-modal .modal-footer .modal-buttons{flex-direction:column;gap:8px}.edit-modal .modal-footer .modal-buttons .submit-btn,.edit-modal .modal-footer .modal-buttons .cancel-btn{width:100%;padding:10px 16px;font-size:13px}.modal-overlay{padding:16px}.modal-content{max-width:none;margin:0}.communication-modal-overlay{padding:16px}.communication-modal-content{max-width:none;max-height:calc(100vh - 32px);margin:0}.communication-modal-buttons{flex-direction:column}.communication-modal-buttons .submit-btn,.communication-modal-buttons .cancel-btn{text-align:center;justify-content:center;width:100%;padding:10px 12px;font-size:13px}}.schedule-tab-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.schedule-tab-container h2{color:#1f2937;align-items:center;margin-bottom:20px;font-size:1.5rem;font-weight:700;display:flex}.schedule-tab-container h2:before{margin-right:.5rem}.schedule-tab-container .tabs-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.schedule-tab-container .tabs-header{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex}.schedule-tab-container .tabs-header .tab-button{cursor:pointer;color:#6b7280;background:0 0;border:none;flex:1;padding:16px 20px;font-size:14px;font-weight:500;transition:all .2s}.schedule-tab-container .tabs-header .tab-button:hover{color:#374151;background-color:#f3f4f6}.schedule-tab-container .tabs-header .tab-button.active{color:#10b981;background-color:#fff;border-bottom:3px solid #10b981;font-weight:600}.schedule-tab-container .tabs-content{background-color:#fff;padding:24px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .schedule-tab-container{background:#1f2937;border-color:#374151}html:not([data-theme=light]) .schedule-tab-container h2{color:#f1f5f9}html:not([data-theme=light]) .schedule-tab-container .tabs-wrapper{background-color:#1f2937;border-color:#374151}html:not([data-theme=light]) .schedule-tab-container .tabs-header{background-color:#374151;border-bottom-color:#374151}html:not([data-theme=light]) .schedule-tab-container .tabs-header .tab-button{color:#d1d5db}html:not([data-theme=light]) .schedule-tab-container .tabs-header .tab-button:hover{color:#f3f4f6;background-color:#4b5563}html:not([data-theme=light]) .schedule-tab-container .tabs-header .tab-button.active{color:#10b981;background-color:#1f2937;border-bottom-color:#10b981}html:not([data-theme=light]) .schedule-tab-container .tabs-content{background-color:#1f2937}}html[data-theme=dark] .schedule-tab-container{background:#1f2937;border-color:#374151}html[data-theme=dark] .schedule-tab-container h2{color:#f1f5f9}html[data-theme=dark] .schedule-tab-container .tabs-wrapper{background-color:#1f2937;border-color:#374151}html[data-theme=dark] .schedule-tab-container .tabs-header{background-color:#374151;border-bottom-color:#374151}html[data-theme=dark] .schedule-tab-container .tabs-header .tab-button{color:#d1d5db}html[data-theme=dark] .schedule-tab-container .tabs-header .tab-button:hover{color:#f3f4f6;background-color:#4b5563}html[data-theme=dark] .schedule-tab-container .tabs-header .tab-button.active{color:#10b981;background-color:#1f2937;border-bottom-color:#10b981}html[data-theme=dark] .schedule-tab-container .tabs-content{background-color:#1f2937}.color-picker-popover{z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:280px;padding:20px;font-family:Noto Sans KR,sans-serif;transition:all .3s;animation:.3s ease-out popoverSlideIn;position:absolute;box-shadow:0 25px 50px -12px #00000040}@keyframes popoverSlideIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.color-picker-popover .react-colorful{gap:12px;flex-direction:column!important;width:100%!important;height:auto!important;display:flex!important}.color-picker-popover.custom-mode{width:360px;min-height:420px}.color-picker-popover .preset-colors{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.color-picker-popover .preset-colors .preset-color{cursor:pointer;border:2px solid #e5e7eb;border-radius:8px;width:32px;height:32px;transition:all .2s;box-shadow:0 2px 4px #0000001a}.color-picker-popover .preset-colors .preset-color.selected{border-color:#3b82f6;transform:scale(1.05);box-shadow:0 0 0 3px #3b82f633}.color-picker-popover .preset-colors .preset-color:hover{transform:scale(1.1);box-shadow:0 4px 8px #00000026}.color-picker-popover .custom-btn{cursor:pointer;color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.color-picker-popover .custom-btn:hover{background:#e5e7eb;border-color:#9ca3af}.color-picker-popover .custom-picker-wrapper{flex-direction:column;gap:14px;display:flex}.color-picker-popover .custom-picker-wrapper .react-colorful__saturation{border:1px solid #e5e7eb;overflow:hidden;border-radius:12px!important;width:100%!important;height:200px!important}.color-picker-popover .custom-picker-wrapper .react-colorful__hue{border:1px solid #e5e7eb;margin-top:16px;position:relative;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important;border-radius:12px!important;width:100%!important;height:24px!important}.color-picker-popover .custom-picker-wrapper .react-colorful__pointer{border:3px solid #fff!important;border-radius:50%!important;width:20px!important;height:20px!important;transform:translate(-50%,-50%)!important;box-shadow:0 2px 8px #0000004d!important}.color-picker-popover .custom-picker-wrapper .react-colorful__hue .react-colorful__pointer{background-color:#fff!important;border:2px solid #3b82f6!important;border-radius:4px!important;width:8px!important;height:28px!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 2px 8px #0000004d!important}.color-picker-popover .custom-picker-wrapper .color-preview{text-transform:uppercase;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:100%;height:48px;font-size:14px;font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #0000001a}.color-picker-popover .custom-color-input{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-family:Roboto Mono,monospace;font-size:14px;transition:all .2s}.color-picker-popover .custom-color-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.color-picker-popover .color-btn-group{justify-content:space-between;gap:12px;margin-top:16px;display:flex}.color-picker-popover .color-btn-group button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.color-picker-popover .color-btn-group .cancel-btn{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.color-picker-popover .color-btn-group .cancel-btn:hover{background:#e5e7eb}.color-picker-popover .color-btn-group .apply-btn{color:#fff;background:#3b82f6}.color-picker-popover .color-btn-group .apply-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.color-picker-popover .color-btn-group .apply-btn:active{transform:translateY(0)}.color-picker-popover .color-btn-group .apply-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .color-picker-popover{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html:not([data-theme=light]) .color-picker-popover .preset-colors .preset-color{border-color:#4a5568}html:not([data-theme=light]) .color-picker-popover .preset-colors .preset-color.selected{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed33}html:not([data-theme=light]) .color-picker-popover .custom-btn{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .color-picker-popover .custom-btn:hover{background:#718096;border-color:#a0aec0}html:not([data-theme=light]) .color-picker-popover .custom-picker-wrapper .react-colorful__saturation,html:not([data-theme=light]) .color-picker-popover .custom-picker-wrapper .react-colorful__hue,html:not([data-theme=light]) .color-picker-popover .custom-picker-wrapper .color-preview{border-color:#4a5568}html:not([data-theme=light]) .color-picker-popover .custom-color-input{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .color-picker-popover .custom-color-input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html:not([data-theme=light]) .color-picker-popover .color-btn-group .cancel-btn{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .color-picker-popover .color-btn-group .cancel-btn:hover{background:#718096}html:not([data-theme=light]) .color-picker-popover .color-btn-group .apply-btn{background:#63b3ed}html:not([data-theme=light]) .color-picker-popover .color-btn-group .apply-btn:hover{background:#4299e1;box-shadow:0 4px 12px #63b3ed4d}html:not([data-theme=light]) .color-picker-popover .color-btn-group .apply-btn:disabled{background:#718096}}html[data-theme=dark] .color-picker-popover{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html[data-theme=dark] .color-picker-popover .preset-colors .preset-color{border-color:#4a5568}html[data-theme=dark] .color-picker-popover .preset-colors .preset-color.selected{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed33}html[data-theme=dark] .color-picker-popover .custom-btn{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .color-picker-popover .custom-btn:hover{background:#718096;border-color:#a0aec0}html[data-theme=dark] .color-picker-popover .custom-picker-wrapper .react-colorful__saturation,html[data-theme=dark] .color-picker-popover .custom-picker-wrapper .react-colorful__hue,html[data-theme=dark] .color-picker-popover .custom-picker-wrapper .color-preview{border-color:#4a5568}html[data-theme=dark] .color-picker-popover .custom-color-input{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .color-picker-popover .custom-color-input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html[data-theme=dark] .color-picker-popover .color-btn-group .cancel-btn{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .color-picker-popover .color-btn-group .cancel-btn:hover{background:#718096}html[data-theme=dark] .color-picker-popover .color-btn-group .apply-btn{background:#63b3ed}html[data-theme=dark] .color-picker-popover .color-btn-group .apply-btn:hover{background:#4299e1;box-shadow:0 4px 12px #63b3ed4d}html[data-theme=dark] .color-picker-popover .color-btn-group .apply-btn:disabled{background:#718096}@media (width<=768px){.color-picker-popover{width:calc(100vw - 32px);max-width:none;margin:16px;padding:16px}.color-picker-popover.custom-mode{width:calc(100vw - 32px);min-height:380px}.color-picker-popover .preset-colors{grid-template-columns:repeat(4,1fr);gap:10px}.color-picker-popover .preset-colors .preset-color{width:28px;height:28px}.color-picker-popover .custom-picker-wrapper .react-colorful__saturation{height:160px!important}.color-picker-popover .custom-picker-wrapper .react-colorful__hue{height:20px!important}.color-picker-popover .color-btn-group{flex-direction:column}.color-picker-popover .color-btn-group button{width:100%;padding:12px}}.add-schedule-popover{z-index:2000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:480px;max-width:95%;padding:24px;font-family:Noto Sans KR,sans-serif;font-size:14px;animation:.3s ease-out popoverSlideIn;position:absolute;box-shadow:0 25px 50px -12px #00000040}.add-schedule-popover .popover-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.add-schedule-popover .popover-header h4{color:#1f2937;margin:0;font-size:18px;font-weight:600}.add-schedule-popover .popover-header .btn-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.add-schedule-popover .popover-header .btn-close:hover{color:#374151;background:#e5e7eb}.add-schedule-popover .title-input{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:16px;padding:12px 16px;font-size:16px;font-weight:500;transition:all .2s}.add-schedule-popover .title-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.add-schedule-popover .title-input::placeholder{color:#9ca3af}.add-schedule-popover .row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.add-schedule-popover .row svg{color:#6b7280;flex-shrink:0}.add-schedule-popover .row input,.add-schedule-popover .row .react-datepicker-wrapper{flex:1;font-size:14px}.add-schedule-popover .row input input,.add-schedule-popover .row .react-datepicker-wrapper input{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;transition:all .2s}.add-schedule-popover .row input input:focus,.add-schedule-popover .row .react-datepicker-wrapper input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.add-schedule-popover .row span{color:#6b7280;font-size:14px;font-weight:500}.add-schedule-popover .row textarea{resize:vertical;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:1;min-height:80px;padding:10px 12px;font-size:14px;transition:all .2s}.add-schedule-popover .row textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.add-schedule-popover .row textarea::placeholder{color:#9ca3af}.add-schedule-popover .checkbox-row{color:#374151;align-items:center;margin-bottom:16px;font-size:14px;font-weight:500;display:flex}.add-schedule-popover .checkbox-row label{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.add-schedule-popover .checkbox-row label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px;margin:0}.add-schedule-popover .checkbox-row label span{color:#374151}.add-schedule-popover .btn-group{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}.add-schedule-popover .btn-group button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.add-schedule-popover .btn-group button:first-child{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.add-schedule-popover .btn-group button:first-child:hover{background:#e5e7eb}.add-schedule-popover .btn-group button:last-child{color:#fff;background:#3b82f6}.add-schedule-popover .btn-group button:last-child:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.add-schedule-popover .btn-group button:last-child:active{transform:translateY(0)}.add-schedule-popover .select-row{flex-direction:column;align-items:stretch;gap:8px}.add-schedule-popover .select-row .select-label{color:#374151;margin:0;font-size:14px;font-weight:600}.add-schedule-popover .select-row .form-select{color:#1f2937;appearance:none;background-color:#f9fafb;background-repeat:no-repeat;background-image:linear-gradient(135deg, transparent 50%, var(--text-muted) 50%), linear-gradient(225deg, transparent 50%, var(--text-muted) 50%);cursor:pointer;background-position:calc(100% - 17px) calc(50% - .6px),calc(100% - 12px) calc(50% - .6px);background-size:5px 5px,5px 5px;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 40px 10px 12px;font-size:14px;font-weight:500;transition:all .2s}.add-schedule-popover .select-row .form-select:hover{background-color:#fff;border-color:#9ca3af}.add-schedule-popover .select-row .form-select:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.add-schedule-popover .select-row .form-select option{color:#1f2937;background:#fff}.add-schedule-popover .type-select{flex:1}.add-schedule-popover .type-select .react-select__control{min-height:40px;box-shadow:none;background:#fff;border-color:#d1d5db;border-radius:8px;font-size:14px}.add-schedule-popover .type-select .react-select__control:hover{border-color:#9ca3af}.add-schedule-popover .type-select .react-select__control:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-schedule-popover .type-select .react-select__menu{z-index:3000;border-radius:8px;box-shadow:0 10px 25px #00000026}.add-schedule-popover .type-select .react-select__single-value{color:#1f2937}.add-schedule-popover .type-select .react-select__option{padding:10px 12px;font-size:14px}.add-schedule-popover .type-select .react-select__option:hover{background:#f3f4f6}.add-schedule-popover .type-select .react-select__option.react-select__option--is-selected{background:#3b82f6}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .add-schedule-popover{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html:not([data-theme=light]) .add-schedule-popover .popover-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .add-schedule-popover .popover-header h4{color:#f1f5f9}html:not([data-theme=light]) .add-schedule-popover .popover-header .btn-close{color:#a0aec0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .add-schedule-popover .popover-header .btn-close:hover{color:#e2e8f0;background:#718096}html:not([data-theme=light]) .add-schedule-popover .title-input{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .add-schedule-popover .title-input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html:not([data-theme=light]) .add-schedule-popover .title-input::placeholder,html:not([data-theme=light]) .add-schedule-popover .row svg,html:not([data-theme=light]) .add-schedule-popover .row span{color:#a0aec0}html:not([data-theme=light]) .add-schedule-popover .row input{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .add-schedule-popover .row input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html:not([data-theme=light]) .add-schedule-popover .row textarea{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .add-schedule-popover .row textarea:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html:not([data-theme=light]) .add-schedule-popover .row textarea::placeholder{color:#a0aec0}html:not([data-theme=light]) .add-schedule-popover .checkbox-row,html:not([data-theme=light]) .add-schedule-popover .checkbox-row label span{color:#e2e8f0}html:not([data-theme=light]) .add-schedule-popover .btn-group{border-top-color:#4a5568}html:not([data-theme=light]) .add-schedule-popover .btn-group button:first-child{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .add-schedule-popover .btn-group button:first-child:hover{background:#718096}html:not([data-theme=light]) .add-schedule-popover .btn-group button:last-child{background:#63b3ed}html:not([data-theme=light]) .add-schedule-popover .btn-group button:last-child:hover{background:#4299e1;box-shadow:0 4px 12px #63b3ed4d}html:not([data-theme=light]) .add-schedule-popover .select-row .select-label{color:#e2e8f0}html:not([data-theme=light]) .add-schedule-popover .select-row .form-select{color:#f1f5f9;background-color:#4a5568;border-color:#718096}html:not([data-theme=light]) .add-schedule-popover .select-row .form-select:hover{background-color:#4a5568;border-color:#a0aec0}html:not([data-theme=light]) .add-schedule-popover .select-row .form-select:focus{background-color:#4a5568;border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html:not([data-theme=light]) .add-schedule-popover .select-row .form-select option{color:#f1f5f9;background:#2d3748}html:not([data-theme=light]) .add-schedule-popover .type-select .react-select__control{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .add-schedule-popover .type-select .react-select__control:hover{border-color:#a0aec0}html:not([data-theme=light]) .add-schedule-popover .type-select .react-select__control:focus-within{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html:not([data-theme=light]) .add-schedule-popover .type-select .react-select__single-value{color:#f1f5f9}html:not([data-theme=light]) .add-schedule-popover .type-select .react-select__option:hover{background:#4a5568}html:not([data-theme=light]) .add-schedule-popover .type-select .react-select__option.react-select__option--is-selected{background:#63b3ed}}html[data-theme=dark] .add-schedule-popover{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html[data-theme=dark] .add-schedule-popover .popover-header{border-bottom-color:#4a5568}html[data-theme=dark] .add-schedule-popover .popover-header h4{color:#f1f5f9}html[data-theme=dark] .add-schedule-popover .popover-header .btn-close{color:#a0aec0;background:#4a5568;border-color:#718096}html[data-theme=dark] .add-schedule-popover .popover-header .btn-close:hover{color:#e2e8f0;background:#718096}html[data-theme=dark] .add-schedule-popover .title-input{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .add-schedule-popover .title-input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html[data-theme=dark] .add-schedule-popover .title-input::placeholder,html[data-theme=dark] .add-schedule-popover .row svg,html[data-theme=dark] .add-schedule-popover .row span{color:#a0aec0}html[data-theme=dark] .add-schedule-popover .row input{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .add-schedule-popover .row input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html[data-theme=dark] .add-schedule-popover .row textarea{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .add-schedule-popover .row textarea:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html[data-theme=dark] .add-schedule-popover .row textarea::placeholder{color:#a0aec0}html[data-theme=dark] .add-schedule-popover .checkbox-row,html[data-theme=dark] .add-schedule-popover .checkbox-row label span{color:#e2e8f0}html[data-theme=dark] .add-schedule-popover .btn-group{border-top-color:#4a5568}html[data-theme=dark] .add-schedule-popover .btn-group button:first-child{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .add-schedule-popover .btn-group button:first-child:hover{background:#718096}html[data-theme=dark] .add-schedule-popover .btn-group button:last-child{background:#63b3ed}html[data-theme=dark] .add-schedule-popover .btn-group button:last-child:hover{background:#4299e1;box-shadow:0 4px 12px #63b3ed4d}html[data-theme=dark] .add-schedule-popover .select-row .select-label{color:#e2e8f0}html[data-theme=dark] .add-schedule-popover .select-row .form-select{color:#f1f5f9;background-color:#4a5568;border-color:#718096}html[data-theme=dark] .add-schedule-popover .select-row .form-select:hover{background-color:#4a5568;border-color:#a0aec0}html[data-theme=dark] .add-schedule-popover .select-row .form-select:focus{background-color:#4a5568;border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html[data-theme=dark] .add-schedule-popover .select-row .form-select option{color:#f1f5f9;background:#2d3748}html[data-theme=dark] .add-schedule-popover .type-select .react-select__control{background:#4a5568;border-color:#718096}html[data-theme=dark] .add-schedule-popover .type-select .react-select__control:hover{border-color:#a0aec0}html[data-theme=dark] .add-schedule-popover .type-select .react-select__control:focus-within{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html[data-theme=dark] .add-schedule-popover .type-select .react-select__single-value{color:#f1f5f9}html[data-theme=dark] .add-schedule-popover .type-select .react-select__option:hover{background:#4a5568}html[data-theme=dark] .add-schedule-popover .type-select .react-select__option.react-select__option--is-selected{background:#63b3ed}@media (width<=768px){.add-schedule-popover{width:calc(100vw - 32px);max-width:none;margin:16px;padding:20px}.add-schedule-popover .popover-header h4{font-size:16px}.add-schedule-popover .title-input{padding:10px 12px;font-size:14px}.add-schedule-popover .row{flex-direction:column;align-items:stretch;gap:8px}.add-schedule-popover .row svg{display:none}.add-schedule-popover .row span{text-align:center;font-size:12px}.add-schedule-popover .btn-group{flex-direction:column}.add-schedule-popover .btn-group button{width:100%;padding:12px}}.event-popover{z-index:2000;pointer-events:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:400px;max-width:95%;padding:24px;font-family:Noto Sans KR,sans-serif;font-size:14px;line-height:1.5;animation:.3s ease-out popoverSlideIn;position:absolute;box-shadow:0 25px 50px -12px #00000040}.event-popover .popover-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.event-popover .popover-header h4{color:#1f2937;margin:0;font-size:18px;font-weight:600}.event-popover .popover-header .btn-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.event-popover .popover-header .btn-close:hover{color:#374151;background:#e5e7eb}.event-popover .popover-body{flex-direction:column;gap:12px;display:flex}.event-popover .popover-body p{color:#374151;align-items:center;gap:8px;margin:0;font-size:14px;line-height:1.5;display:flex}.event-popover .popover-body p svg{color:#6b7280;flex-shrink:0}.event-popover .popover-body .schedule-content-block{flex-direction:column;gap:6px;display:flex}.event-popover .popover-body .schedule-content-label{color:#6b7280;text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:600}.event-popover .popover-body .schedule-content{color:#1e293b;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:0;padding:12px;font-size:14px;font-weight:500;line-height:1.5}.event-popover .popover-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.event-popover .popover-footer .btn-edit{color:#4338ca;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.event-popover .popover-footer .btn-edit:hover{background:#e0e7ff}.event-popover .popover-footer .btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.event-popover .popover-footer .btn-delete:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.event-popover .popover-footer .btn-delete:active{transform:translateY(0)}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .event-popover{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html:not([data-theme=light]) .event-popover .popover-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .event-popover .popover-header h4{color:#f1f5f9}html:not([data-theme=light]) .event-popover .popover-header .btn-close{color:#a0aec0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .event-popover .popover-header .btn-close:hover{color:#e2e8f0;background:#718096}html:not([data-theme=light]) .event-popover .popover-body p{color:#e2e8f0}html:not([data-theme=light]) .event-popover .popover-body p svg,html:not([data-theme=light]) .event-popover .popover-body .schedule-content-label{color:#a0aec0}html:not([data-theme=light]) .event-popover .popover-body .schedule-content{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .event-popover .popover-footer{border-top-color:#4a5568}html:not([data-theme=light]) .event-popover .popover-footer .btn-edit{color:#c7d2fe;background:#6366f126;border-color:#6366f159}html:not([data-theme=light]) .event-popover .popover-footer .btn-edit:hover{background:#6366f140}html:not([data-theme=light]) .event-popover .popover-footer .btn-delete{background:#f56565}html:not([data-theme=light]) .event-popover .popover-footer .btn-delete:hover{background:#e53e3e;box-shadow:0 4px 12px #f565654d}}html[data-theme=dark] .event-popover{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html[data-theme=dark] .event-popover .popover-header{border-bottom-color:#4a5568}html[data-theme=dark] .event-popover .popover-header h4{color:#f1f5f9}html[data-theme=dark] .event-popover .popover-header .btn-close{color:#a0aec0;background:#4a5568;border-color:#718096}html[data-theme=dark] .event-popover .popover-header .btn-close:hover{color:#e2e8f0;background:#718096}html[data-theme=dark] .event-popover .popover-body p{color:#e2e8f0}html[data-theme=dark] .event-popover .popover-body p svg,html[data-theme=dark] .event-popover .popover-body .schedule-content-label{color:#a0aec0}html[data-theme=dark] .event-popover .popover-body .schedule-content{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .event-popover .popover-footer{border-top-color:#4a5568}html[data-theme=dark] .event-popover .popover-footer .btn-edit{color:#c7d2fe;background:#6366f126;border-color:#6366f159}html[data-theme=dark] .event-popover .popover-footer .btn-edit:hover{background:#6366f140}html[data-theme=dark] .event-popover .popover-footer .btn-delete{background:#f56565}html[data-theme=dark] .event-popover .popover-footer .btn-delete:hover{background:#e53e3e;box-shadow:0 4px 12px #f565654d}@media (width<=768px){.event-popover{width:calc(100vw - 32px);max-width:none;margin:16px;padding:20px}.event-popover .popover-header h4{font-size:16px}.event-popover .popover-body{gap:10px}.event-popover .popover-body p{flex-direction:column;align-items:flex-start;gap:4px;font-size:13px}.event-popover .popover-body p svg{align-self:flex-start}.event-popover .popover-footer .btn-delete{justify-content:center;width:100%;padding:12px}}body.modal-open{overflow:hidden}.scroll-lock-overlay{z-index:1999;pointer-events:auto;overscroll-behavior:contain;touch-action:none;background:0 0;position:fixed;inset:0}.schedule-calendar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.schedule-calendar .fc-toolbar{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:16px}.schedule-calendar .fc-toolbar .fc-toolbar-title{color:#1f2937;font-size:1.5rem;font-weight:700}.schedule-calendar .fc-toolbar .fc-button{color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}.schedule-calendar .fc-toolbar .fc-button:hover{background:#e5e7eb;border-color:#9ca3af}.schedule-calendar .fc-toolbar .fc-button.fc-button-active{color:#fff;background:#10b981;border-color:#10b981}.schedule-calendar .fc-daygrid-day{transition:background .2s ease-in-out}.schedule-calendar .fc-daygrid-day:hover{background:#f3f4f6}.schedule-calendar .fc-day-today{border-radius:8px;font-weight:700;background:#ecfdf5!important;border:2px solid #10b981!important}.schedule-calendar .fc-event{border-radius:8px;padding:6px 10px;font-weight:500;transition:all .2s ease-in-out;box-shadow:0 2px 4px #0000001a;border:none!important}.schedule-calendar .fc-event:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.schedule-calendar .fc-event.fc-event-outside-month{opacity:.45}.schedule-calendar .fc-daygrid-day-frame{flex-direction:column;min-height:150px;display:flex}.schedule-calendar .fc-daygrid-event-harness{max-height:60px;overflow:hidden}.schedule-calendar .fc-popover .fc-event{white-space:normal}.schedule-calendar .calendar-filter-panel{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:24px;margin-bottom:20px;padding:16px 20px;display:flex}.schedule-calendar .calendar-filter-panel .filter-group.general-filters{align-items:center;gap:20px;display:flex}.schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item{color:#374151;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item input[type=checkbox]{accent-color:#10b981;width:16px;height:16px}.schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item svg{color:#6b7280;width:16px;height:16px}.schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item:hover{color:#1f2937;background:#f3f4f6}.schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item:hover svg{color:#374151}.schedule-calendar .calendar-filter-panel .filter-student-wrap{align-items:center;gap:8px;display:flex}.schedule-calendar .calendar-filter-panel .filter-student-wrap .filter-label{color:#374151;font-size:14px;font-weight:500}.schedule-calendar .calendar-filter-panel .filter-student-wrap .filter-student-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:120px;padding:6px 28px 6px 10px;font-size:14px;font-weight:500}.schedule-calendar .calendar-filter-panel .filter-student-wrap .filter-student-select:hover{border-color:#9ca3af}.schedule-calendar .calendar-filter-panel .filter-student-wrap .filter-student-select:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 2px #10b98133}.schedule-calendar .calendar-filter-panel .instructor-filter{z-index:100;min-width:260px;position:relative}.schedule-calendar .calendar-filter-panel .instructor-filter .instructor-filter-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.schedule-calendar .calendar-filter-panel .instructor-filter .instructor-filter-header .filter-title{color:#374151;font-size:.875rem;font-weight:600}.schedule-calendar .calendar-filter-panel .instructor-filter .instructor-filter-header .toggle-all-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem}.schedule-calendar .calendar-filter-panel .instructor-filter .instructor-filter-header .toggle-all-btn:hover{text-decoration:underline}.schedule-calendar .calendar-filter-panel .instructor-filter .instructor-select__control{z-index:1000;box-shadow:none;border-color:#d1d5db;border-radius:6px;font-size:.875rem}.schedule-calendar .calendar-filter-panel .instructor-filter .instructor-select__control:hover{border-color:#2563eb}.schedule-calendar .calendar-filter-panel .instructor-filter .instructor-select__menu{z-index:9999}.schedule-calendar .calendar-filter-panel .instructor-filter .react-select__multi-value{background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:9999px;align-items:center;padding:4px 8px;display:flex}.schedule-calendar .calendar-filter-panel .instructor-filter .react-select__multi-value__label{color:#0369a1;padding:0;font-size:.85rem;font-weight:600}.schedule-calendar .calendar-filter-panel .instructor-filter .react-select__multi-value__remove{color:#0369a1;background-color:#0000;border-radius:9999px;padding:2px}.schedule-calendar .calendar-filter-panel .instructor-filter .react-select__multi-value__remove:hover{background-color:#bae6fd}.schedule-calendar .color-button{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;min-width:32px;padding:6px;transition:all .2s;display:flex}.schedule-calendar .color-button:hover{background:#e5e7eb;border-color:#9ca3af}.schedule-calendar .color-button svg{color:#6b7280;width:16px;height:16px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .schedule-calendar{background:#1f2937;border-color:#374151}html:not([data-theme=light]) .schedule-calendar .fc-toolbar{border-bottom-color:#374151}html:not([data-theme=light]) .schedule-calendar .fc-toolbar .fc-toolbar-title{color:#f1f5f9}html:not([data-theme=light]) .schedule-calendar .fc-toolbar .fc-button{color:#f3f4f6;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .schedule-calendar .fc-toolbar .fc-button:hover{background:#4b5563;border-color:#6b7280}html:not([data-theme=light]) .schedule-calendar .fc-toolbar .fc-button.fc-button-active{color:#fff;background:#10b981;border-color:#10b981}html:not([data-theme=light]) .schedule-calendar .fc-day-today{background:#064e3b!important;border-color:#10b981!important}html:not([data-theme=light]) .schedule-calendar .calendar-filter-panel{background:#374151;border-color:#4b5563}html:not([data-theme=light]) .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item{color:#e2e8f0}html:not([data-theme=light]) .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item:hover{color:#f1f5f9;background:#4b5563}html:not([data-theme=light]) .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item:hover svg,html:not([data-theme=light]) .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-student-wrap,html:not([data-theme=light]) .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-student-wrap .filter-label{color:#e2e8f0}html:not([data-theme=light]) .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-student-wrap .filter-student-select{color:#f1f5f9;background:#1f2937;border-color:#4b5563}html:not([data-theme=light]) .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-student-wrap .filter-student-select option{color:#f1f5f9;background:#1f2937}html:not([data-theme=light]) .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-student-wrap .filter-student-select:hover{border-color:#6b7280}html:not([data-theme=light]) .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-student-wrap .filter-student-select:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b9814d}html:not([data-theme=light]) .schedule-calendar .color-button{background:#4b5563;border-color:#6b7280}html:not([data-theme=light]) .schedule-calendar .color-button:hover{background:#6b7280;border-color:#9ca3af}html:not([data-theme=light]) .schedule-calendar .color-button svg{color:#d1d5db}}html[data-theme=dark] .schedule-calendar{background:#1f2937;border-color:#374151}html[data-theme=dark] .schedule-calendar .fc-toolbar{border-bottom-color:#374151}html[data-theme=dark] .schedule-calendar .fc-toolbar .fc-toolbar-title{color:#f1f5f9}html[data-theme=dark] .schedule-calendar .fc-toolbar .fc-button{color:#f3f4f6;background:#374151;border-color:#4b5563}html[data-theme=dark] .schedule-calendar .fc-toolbar .fc-button:hover{background:#4b5563;border-color:#6b7280}html[data-theme=dark] .schedule-calendar .fc-toolbar .fc-button.fc-button-active{color:#fff;background:#10b981;border-color:#10b981}html[data-theme=dark] .schedule-calendar .fc-day-today{background:#064e3b!important;border-color:#10b981!important}html[data-theme=dark] .schedule-calendar .calendar-filter-panel{background:#374151;border-color:#4b5563}html[data-theme=dark] .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item{color:#e2e8f0}html[data-theme=dark] .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item:hover{color:#f1f5f9;background:#4b5563}html[data-theme=dark] .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item:hover svg,html[data-theme=dark] .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-student-wrap,html[data-theme=dark] .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-student-wrap .filter-label{color:#e2e8f0}html[data-theme=dark] .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-student-wrap .filter-student-select{color:#f1f5f9;background:#1f2937;border-color:#4b5563}html[data-theme=dark] .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-student-wrap .filter-student-select option{color:#f1f5f9;background:#1f2937}html[data-theme=dark] .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-student-wrap .filter-student-select:hover{border-color:#6b7280}html[data-theme=dark] .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-student-wrap .filter-student-select:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b9814d}html[data-theme=dark] .schedule-calendar .color-button{background:#4b5563;border-color:#6b7280}html[data-theme=dark] .schedule-calendar .color-button:hover{background:#6b7280;border-color:#9ca3af}html[data-theme=dark] .schedule-calendar .color-button svg{color:#d1d5db}.schedule-edit-modal-overlay{z-index:2100;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.schedule-edit-popover{position:relative}.schedule-calendar-toast{z-index:2200;color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;align-items:flex-start;gap:8px;max-width:min(420px,100vw - 32px);padding:12px 16px;font-size:14px;line-height:1.5;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0000001f}.schedule-calendar-toast.is-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .schedule-edit-modal-overlay{background:#000000a6}html:not([data-theme=light]) .schedule-calendar-toast{color:#6ee7b7;background:#10b98126;border-color:#34d39959}html:not([data-theme=light]) .schedule-calendar-toast.is-error{color:#fca5a5;background:#f871711f;border-color:#f8717159}}html[data-theme=dark] .schedule-edit-modal-overlay{background:#000000a6}html[data-theme=dark] .schedule-calendar-toast{color:#6ee7b7;background:#10b98126;border-color:#34d39959}html[data-theme=dark] .schedule-calendar-toast.is-error{color:#fca5a5;background:#f871711f;border-color:#f8717159}.admin-schedule-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-schedule-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-schedule-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.admin-schedule-page .page-header .header-content .header-title .header-icon{color:#10b981}.admin-schedule-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.admin-schedule-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.admin-schedule-page .calendar-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.admin-schedule-page .tab-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a}.admin-schedule-page .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.admin-schedule-page .loading-container p{color:#6b7280;margin:0;font-size:16px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-schedule-page{background:#1a1a2e}html:not([data-theme=light]) .admin-schedule-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-schedule-page .page-header .header-content .header-title .header-icon{color:#68d391}html:not([data-theme=light]) .admin-schedule-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-schedule-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .admin-schedule-page .calendar-container,html:not([data-theme=light]) .admin-schedule-page .tab-container{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-schedule-page .loading-container p{color:#a0aec0}}html[data-theme=dark] .admin-schedule-page{background:#1a1a2e}html[data-theme=dark] .admin-schedule-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-schedule-page .page-header .header-content .header-title .header-icon{color:#68d391}html[data-theme=dark] .admin-schedule-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-schedule-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .admin-schedule-page .calendar-container,html[data-theme=dark] .admin-schedule-page .tab-container{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-schedule-page .loading-container p{color:#a0aec0}@media (width<=768px){.admin-schedule-page{padding:16px}.admin-schedule-page .page-header{margin-bottom:24px;padding:16px}.admin-schedule-page .page-header .header-content .header-title h1{font-size:20px}.admin-schedule-page .calendar-container,.admin-schedule-page .tab-container{margin-bottom:16px;padding:16px}}.bulk-student-category-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out bulkModalFadeIn;display:flex;position:fixed;inset:0}@keyframes bulkModalFadeIn{0%{opacity:0}to{opacity:1}}.bulk-student-category-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;animation:.25s ease-out bulkModalSlideIn;display:flex;overflow-x:hidden;box-shadow:0 25px 50px -12px #00000040}.bulk-student-category-modal .modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.bulk-student-category-modal .modal-header .header-title{align-items:center;gap:10px;display:flex}.bulk-student-category-modal .modal-header .header-title svg{color:#6366f1;flex-shrink:0}.bulk-student-category-modal .modal-header .header-title h3{color:#1f2937;margin:0;font-size:18px;font-weight:600}.bulk-student-category-modal .modal-header .close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:color .2s,background .2s;display:flex}.bulk-student-category-modal .modal-header .close-btn:hover{color:#1f2937;background:#f3f4f6}.bulk-student-category-modal .modal-description{color:#6b7280;margin:0;padding:12px 20px 0;font-size:13px;line-height:1.45}.bulk-student-category-modal .modal-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;margin:12px 20px 0;padding:10px 14px;display:flex}.bulk-student-category-modal .modal-search .search-icon{color:#9ca3af;flex-shrink:0}.bulk-student-category-modal .modal-search .search-input{color:#1f2937;background:0 0;border:none;flex:1;font-size:14px}.bulk-student-category-modal .modal-search .search-input::placeholder{color:#9ca3af}.bulk-student-category-modal .modal-search .search-input:focus{outline:none}.bulk-student-category-modal .category-select-row{flex-direction:column;gap:6px;padding:12px 20px 0;display:flex}.bulk-student-category-modal .category-select-row .category-label{color:#374151;font-size:13px;font-weight:500}.bulk-student-category-modal .category-select-row .category-select{color:#374151;cursor:pointer;appearance:none;background:#fff right 12px center no-repeat;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 40px 10px 14px;font-size:14px}.bulk-student-category-modal .category-select-row .category-select:focus{border-color:#6366f1;outline:none}.bulk-student-category-modal .student-list-wrapper{flex-direction:column;flex:1;min-height:120px;max-height:280px;margin-top:12px;padding:0 20px;display:flex;overflow:hidden}.bulk-student-category-modal .list-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.bulk-student-category-modal .list-header .select-all-btn{color:#374151;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:4px 0;font-size:13px;font-weight:500;transition:color .2s;display:flex}.bulk-student-category-modal .list-header .select-all-btn .checked{color:#6366f1}.bulk-student-category-modal .list-header .select-all-btn .unchecked{color:#9ca3af}.bulk-student-category-modal .list-header .select-all-btn:hover{color:#6366f1}.bulk-student-category-modal .list-header .list-count{color:#6b7280;font-size:12px}.bulk-student-category-modal .student-list{flex:1;margin:0;padding:8px 0;list-style:none;overflow:hidden auto}.bulk-student-category-modal .student-list .list-empty{text-align:center;color:#9ca3af;padding:24px 0;font-size:14px}.bulk-student-category-modal .student-list .student-row{cursor:pointer;border-bottom:1px solid #f3f4f6;border-radius:6px;align-items:center;gap:12px;margin:0 -4px;padding:10px 4px;transition:background .15s;display:flex}.bulk-student-category-modal .student-list .student-row:last-child{border-bottom:none}.bulk-student-category-modal .student-list .student-row:hover{background:#f9fafb}.bulk-student-category-modal .student-list .student-row:focus{background:#f3f4f6;outline:none}.bulk-student-category-modal .student-list .student-row .row-check{flex-shrink:0;justify-content:center;align-items:center;display:flex}.bulk-student-category-modal .student-list .student-row .row-check .check-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.bulk-student-category-modal .student-list .student-row .row-check .checked{color:#6366f1}.bulk-student-category-modal .student-list .student-row .row-check .unchecked{color:#9ca3af}.bulk-student-category-modal .student-list .student-row .row-check .check-btn:hover .unchecked{color:#6366f1}.bulk-student-category-modal .student-list .student-row .row-name{color:#1f2937;flex:none;min-width:72px;font-size:14px;font-weight:500}.bulk-student-category-modal .student-list .student-row .row-email{color:#6b7280;word-break:break-all;overflow-wrap:break-word;flex:1;min-width:0;font-size:13px;overflow-x:hidden}.bulk-student-category-modal .modal-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:8px 20px 0;padding:10px 12px;font-size:13px}.bulk-student-category-modal .modal-actions{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.bulk-student-category-modal .modal-actions .btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:background .2s,border-color .2s}.bulk-student-category-modal .modal-actions .btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.bulk-student-category-modal .modal-actions .btn-submit{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:background .2s,opacity .2s;display:flex}.bulk-student-category-modal .modal-actions .btn-submit:hover:not(:disabled){background:#4f46e5}.bulk-student-category-modal .modal-actions .btn-submit:disabled{opacity:.6;cursor:not-allowed}.bulk-student-category-modal .modal-actions .btn-submit .spin{animation:.8s linear infinite spin}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .bulk-student-category-modal-overlay{background:#000000b3}html:not([data-theme=light]) .bulk-student-category-modal{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .bulk-student-category-modal .modal-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .bulk-student-category-modal .modal-header .header-title h3{color:#f1f5f9}html:not([data-theme=light]) .bulk-student-category-modal .modal-header .close-btn{color:#a0aec0}html:not([data-theme=light]) .bulk-student-category-modal .modal-header .close-btn:hover{color:#f1f5f9;background:#4a5568}html:not([data-theme=light]) .bulk-student-category-modal .modal-description{color:#a0aec0}html:not([data-theme=light]) .bulk-student-category-modal .modal-search{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .bulk-student-category-modal .modal-search .search-icon{color:#a0aec0}html:not([data-theme=light]) .bulk-student-category-modal .modal-search .search-input{color:#f1f5f9}html:not([data-theme=light]) .bulk-student-category-modal .modal-search .search-input::placeholder{color:#a0aec0}html:not([data-theme=light]) .bulk-student-category-modal .category-select-row .category-label{color:#e2e8f0}html:not([data-theme=light]) .bulk-student-category-modal .category-select-row .category-select{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .bulk-student-category-modal .list-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .bulk-student-category-modal .list-header .select-all-btn{color:#e2e8f0}html:not([data-theme=light]) .bulk-student-category-modal .list-header .select-all-btn .unchecked{color:#718096}html:not([data-theme=light]) .bulk-student-category-modal .list-header .list-count{color:#a0aec0}html:not([data-theme=light]) .bulk-student-category-modal .student-list .student-row{border-bottom-color:#4a5568}html:not([data-theme=light]) .bulk-student-category-modal .student-list .student-row:hover{background:#4a5568}html:not([data-theme=light]) .bulk-student-category-modal .student-list .student-row:focus{background:#718096}html:not([data-theme=light]) .bulk-student-category-modal .student-list .student-row .row-name{color:#f1f5f9}html:not([data-theme=light]) .bulk-student-category-modal .student-list .student-row .row-email{color:#a0aec0}html:not([data-theme=light]) .bulk-student-category-modal .modal-error{color:#fca5a5;background:#dc262626;border-color:#f87171}html:not([data-theme=light]) .bulk-student-category-modal .modal-actions{border-top-color:#4a5568}html:not([data-theme=light]) .bulk-student-category-modal .modal-actions .btn-cancel{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .bulk-student-category-modal .modal-actions .btn-cancel:hover{background:#718096}html:not([data-theme=light]) .bulk-student-category-modal .modal-actions .btn-submit{background:#6366f1}html:not([data-theme=light]) .bulk-student-category-modal .modal-actions .btn-submit:hover:not(:disabled){background:#818cf8}}html[data-theme=dark] .bulk-student-category-modal-overlay{background:#000000b3}html[data-theme=dark] .bulk-student-category-modal{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .bulk-student-category-modal .modal-header{border-bottom-color:#4a5568}html[data-theme=dark] .bulk-student-category-modal .modal-header .header-title h3{color:#f1f5f9}html[data-theme=dark] .bulk-student-category-modal .modal-header .close-btn{color:#a0aec0}html[data-theme=dark] .bulk-student-category-modal .modal-header .close-btn:hover{color:#f1f5f9;background:#4a5568}html[data-theme=dark] .bulk-student-category-modal .modal-description{color:#a0aec0}html[data-theme=dark] .bulk-student-category-modal .modal-search{background:#4a5568;border-color:#718096}html[data-theme=dark] .bulk-student-category-modal .modal-search .search-icon{color:#a0aec0}html[data-theme=dark] .bulk-student-category-modal .modal-search .search-input{color:#f1f5f9}html[data-theme=dark] .bulk-student-category-modal .modal-search .search-input::placeholder{color:#a0aec0}html[data-theme=dark] .bulk-student-category-modal .category-select-row .category-label{color:#e2e8f0}html[data-theme=dark] .bulk-student-category-modal .category-select-row .category-select{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .bulk-student-category-modal .list-header{border-bottom-color:#4a5568}html[data-theme=dark] .bulk-student-category-modal .list-header .select-all-btn{color:#e2e8f0}html[data-theme=dark] .bulk-student-category-modal .list-header .select-all-btn .unchecked{color:#718096}html[data-theme=dark] .bulk-student-category-modal .list-header .list-count{color:#a0aec0}html[data-theme=dark] .bulk-student-category-modal .student-list .student-row{border-bottom-color:#4a5568}html[data-theme=dark] .bulk-student-category-modal .student-list .student-row:hover{background:#4a5568}html[data-theme=dark] .bulk-student-category-modal .student-list .student-row:focus{background:#718096}html[data-theme=dark] .bulk-student-category-modal .student-list .student-row .row-name{color:#f1f5f9}html[data-theme=dark] .bulk-student-category-modal .student-list .student-row .row-email{color:#a0aec0}html[data-theme=dark] .bulk-student-category-modal .modal-error{color:#fca5a5;background:#dc262626;border-color:#f87171}html[data-theme=dark] .bulk-student-category-modal .modal-actions{border-top-color:#4a5568}html[data-theme=dark] .bulk-student-category-modal .modal-actions .btn-cancel{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .bulk-student-category-modal .modal-actions .btn-cancel:hover{background:#718096}html[data-theme=dark] .bulk-student-category-modal .modal-actions .btn-submit{background:#6366f1}html[data-theme=dark] .bulk-student-category-modal .modal-actions .btn-submit:hover:not(:disabled){background:#818cf8}.register-student-modal-overlay{z-index:2100;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.register-student-modal{background:#fff;border-radius:12px;width:min(560px,100%);max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.register-student-modal.success-step{width:min(420px,100%)}.register-student-modal .modal-header{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.register-student-modal .modal-header .header-icon{color:#059669;background:#d1fae5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.register-student-modal .modal-header h3{color:#1f2937;margin:0 0 4px;font-size:18px}.register-student-modal .modal-header p{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.register-student-modal .modal-header .close-btn{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;margin-left:auto;padding:8px}.register-student-modal .success-message{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin:0 0 20px;padding:12px 16px;font-size:14px}.register-student-modal .register-student-form{flex-direction:column;gap:16px;display:flex}.register-student-modal .form-section{border:1px solid #e5e7eb;border-radius:10px;margin:0;padding:16px}.register-student-modal .form-section legend{color:#374151;padding:0 6px;font-size:14px;font-weight:600}.register-student-modal .form-section.parent-section{background:#f8fafc}.register-student-modal .form-section label{color:#374151;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.register-student-modal .form-section label .required{color:#ef4444;margin-left:2px}.register-student-modal .form-section input,.register-student-modal .form-section .form-select,.register-student-modal .form-section .datepicker-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;font-weight:400}.register-student-modal .form-section .form-select{appearance:none;background-repeat:no-repeat;background-image:linear-gradient(135deg, transparent 50%, var(--text-muted) 50%), linear-gradient(225deg, transparent 50%, var(--text-muted) 50%);background-color:#fff;background-position:calc(100% - 17px) calc(50% - .6px),calc(100% - 12px) calc(50% - .6px);background-size:5px 5px,5px 5px;padding-right:36px}.register-student-modal .form-section .form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.register-student-modal .parent-toggle-row .toggle-label{color:#374151;cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.register-student-modal .parent-toggle-row .toggle-label input{accent-color:#10b981;width:16px;height:16px}.register-student-modal .modal-actions{justify-content:flex-end;gap:12px;margin-top:4px;display:flex}.register-student-modal .modal-actions button{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.register-student-modal .modal-actions .cancel-btn{color:#374151;background:#f3f4f6}.register-student-modal .modal-actions .submit-btn{color:#fff;background:#10b981}.register-student-modal .modal-actions .submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.register-student-modal{padding:16px}.register-student-modal .form-section .form-row{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .register-student-modal{background:#1e293b}html:not([data-theme=light]) .register-student-modal .modal-header h3{color:#f1f5f9}html:not([data-theme=light]) .register-student-modal .modal-header p{color:#94a3b8}html:not([data-theme=light]) .register-student-modal .modal-header .close-btn{color:#e2e8f0;background:#334155}html:not([data-theme=light]) .register-student-modal .form-section{border-color:#334155}html:not([data-theme=light]) .register-student-modal .form-section legend,html:not([data-theme=light]) .register-student-modal .form-section label{color:#e2e8f0}html:not([data-theme=light]) .register-student-modal .form-section.parent-section{background:#0f172a}html:not([data-theme=light]) .register-student-modal .form-section input,html:not([data-theme=light]) .register-student-modal .form-section .form-select,html:not([data-theme=light]) .register-student-modal .form-section .datepicker-input{color:#f1f5f9;background:#334155;border-color:#475569}html:not([data-theme=light]) .register-student-modal .parent-toggle-row .toggle-label{color:#e2e8f0}html:not([data-theme=light]) .register-student-modal .cancel-btn{color:#e2e8f0;background:#334155}}html[data-theme=dark] .register-student-modal{background:#1e293b}html[data-theme=dark] .register-student-modal .modal-header h3{color:#f1f5f9}html[data-theme=dark] .register-student-modal .modal-header p{color:#94a3b8}html[data-theme=dark] .register-student-modal .modal-header .close-btn{color:#e2e8f0;background:#334155}html[data-theme=dark] .register-student-modal .form-section{border-color:#334155}html[data-theme=dark] .register-student-modal .form-section legend,html[data-theme=dark] .register-student-modal .form-section label{color:#e2e8f0}html[data-theme=dark] .register-student-modal .form-section.parent-section{background:#0f172a}html[data-theme=dark] .register-student-modal .form-section input,html[data-theme=dark] .register-student-modal .form-section .form-select,html[data-theme=dark] .register-student-modal .form-section .datepicker-input{color:#f1f5f9;background:#334155;border-color:#475569}html[data-theme=dark] .register-student-modal .parent-toggle-row .toggle-label{color:#e2e8f0}html[data-theme=dark] .register-student-modal .cancel-btn{color:#e2e8f0;background:#334155}.edit-student-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:400px;margin:20px auto;padding:24px;animation:.3s ease-out formSlideIn;display:flex;box-shadow:0 25px 50px -12px #00000040}@keyframes formSlideIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.edit-student-form h3{color:#1f2937;text-align:center;border-bottom:1px solid #e5e7eb;margin:0 0 8px;padding-bottom:12px;font-size:18px;font-weight:600}.edit-student-form label{color:#374151;flex-direction:column;gap:6px;margin-bottom:4px;font-size:14px;font-weight:500;display:flex}.edit-student-form input,.edit-student-form select{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.edit-student-form input:focus,.edit-student-form select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.edit-student-form input::placeholder,.edit-student-form select::placeholder{color:#9ca3af}.edit-student-form select{cursor:pointer;appearance:none;background-repeat:no-repeat;background-image:linear-gradient(135deg, transparent 50%, var(--text-muted) 50%), linear-gradient(225deg, transparent 50%, var(--text-muted) 50%);background-position:calc(100% - 17px) calc(50% - .6px),calc(100% - 12px) calc(50% - .6px);background-size:5px 5px,5px 5px;padding-right:40px}.edit-student-form select.select-placeholder{color:#9ca3af}.edit-student-form select option{color:#374151}.edit-student-form select option[value=""]{color:#9ca3af}.edit-student-form .button-group{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}.edit-student-form .button-group button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.edit-student-form .button-group button.save{color:#fff;background:#3b82f6}.edit-student-form .button-group button.save:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.edit-student-form .button-group button.save:active{transform:translateY(0)}.edit-student-form .button-group button.cancel{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.edit-student-form .button-group button.cancel:hover{background:#e5e7eb}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .edit-student-form{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html:not([data-theme=light]) .edit-student-form h3{color:#f1f5f9;border-bottom-color:#4a5568}html:not([data-theme=light]) .edit-student-form label{color:#e2e8f0}html:not([data-theme=light]) .edit-student-form input,html:not([data-theme=light]) .edit-student-form select{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .edit-student-form input:focus,html:not([data-theme=light]) .edit-student-form select:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html:not([data-theme=light]) .edit-student-form input::placeholder,html:not([data-theme=light]) .edit-student-form select::placeholder{color:#a0aec0}html:not([data-theme=light]) .edit-student-form select{background-color:#4a5568}html:not([data-theme=light]) .edit-student-form select option{color:#f1f5f9;background:#2d3748}html:not([data-theme=light]) .edit-student-form select.select-placeholder,html:not([data-theme=light]) .edit-student-form select option[value=""]{color:#a0aec0}html:not([data-theme=light]) .edit-student-form .button-group{border-top-color:#4a5568}html:not([data-theme=light]) .edit-student-form .button-group button.save{background:#63b3ed}html:not([data-theme=light]) .edit-student-form .button-group button.save:hover{background:#4299e1;box-shadow:0 4px 12px #63b3ed4d}html:not([data-theme=light]) .edit-student-form .button-group button.cancel{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .edit-student-form .button-group button.cancel:hover{background:#718096}}html[data-theme=dark] .edit-student-form{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html[data-theme=dark] .edit-student-form h3{color:#f1f5f9;border-bottom-color:#4a5568}html[data-theme=dark] .edit-student-form label{color:#e2e8f0}html[data-theme=dark] .edit-student-form input,html[data-theme=dark] .edit-student-form select{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .edit-student-form input:focus,html[data-theme=dark] .edit-student-form select:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html[data-theme=dark] .edit-student-form input::placeholder,html[data-theme=dark] .edit-student-form select::placeholder{color:#a0aec0}html[data-theme=dark] .edit-student-form select{background-color:#4a5568}html[data-theme=dark] .edit-student-form select option{color:#f1f5f9;background:#2d3748}html[data-theme=dark] .edit-student-form select.select-placeholder,html[data-theme=dark] .edit-student-form select option[value=""]{color:#a0aec0}html[data-theme=dark] .edit-student-form .button-group{border-top-color:#4a5568}html[data-theme=dark] .edit-student-form .button-group button.save{background:#63b3ed}html[data-theme=dark] .edit-student-form .button-group button.save:hover{background:#4299e1;box-shadow:0 4px 12px #63b3ed4d}html[data-theme=dark] .edit-student-form .button-group button.cancel{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .edit-student-form .button-group button.cancel:hover{background:#718096}@media (width<=768px){.edit-student-form{width:calc(100vw - 32px);max-width:none;margin:16px;padding:20px}.edit-student-form h3{font-size:16px}.edit-student-form input,.edit-student-form select{padding:10px 12px;font-size:14px}.edit-student-form select{background-position:right 10px center;padding-right:36px}.edit-student-form .button-group{flex-direction:column}.edit-student-form .button-group button{width:100%;padding:12px}}.admin-reset-password-modal .reset-password-requirements .reset-password-requirements-title{color:#374151;margin:0 0 8px;font-size:13px;font-weight:600}.parent-invite-modal-overlay,.parent-merge-modal-overlay{z-index:2100;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.parent-invite-modal,.parent-merge-modal{background:#fff;border-radius:12px;width:min(480px,100%);padding:24px;box-shadow:0 25px 50px -12px #00000040}.parent-invite-modal .modal-header,.parent-merge-modal .modal-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.parent-invite-modal .modal-header h3,.parent-merge-modal .modal-header h3{color:#1f2937;margin:0;font-size:18px}.parent-invite-modal .modal-header .close-btn,.parent-merge-modal .modal-header .close-btn{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:8px}.parent-invite-modal .modal-description,.parent-merge-modal .modal-description{color:#6b7280;margin:0 0 16px;font-size:14px;line-height:1.5}.parent-invite-modal label,.parent-merge-modal label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.parent-invite-modal .email-input-wrap,.parent-merge-modal .email-input-wrap{border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:0 12px;display:flex}.parent-invite-modal .email-input-wrap input,.parent-merge-modal .email-input-wrap input{background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:14px}.parent-invite-modal .primary-select,.parent-merge-modal .primary-select{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px}.parent-invite-modal .primary-select legend,.parent-merge-modal .primary-select legend{color:#374151;padding:0 4px;font-size:14px;font-weight:600}.parent-invite-modal .primary-select .primary-option,.parent-merge-modal .primary-select .primary-option{cursor:pointer;color:#1f2937;align-items:center;gap:8px;padding:8px 4px;font-size:14px;display:flex}.parent-invite-modal .merge-preview,.parent-invite-modal .result-summary,.parent-merge-modal .merge-preview,.parent-merge-modal .result-summary{color:#374151;font-size:14px;line-height:1.5}.parent-invite-modal .merge-warning,.parent-merge-modal .merge-warning{color:#92400e;background:#fffbeb;border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.parent-invite-modal .transferred-list,.parent-merge-modal .transferred-list{margin:16px 0}.parent-invite-modal .transferred-list h4,.parent-merge-modal .transferred-list h4{margin:0 0 8px;font-size:14px}.parent-invite-modal .transferred-list ul,.parent-merge-modal .transferred-list ul{color:#374151;margin:0;padding-left:20px}.parent-invite-modal .modal-actions,.parent-merge-modal .modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.parent-invite-modal .modal-actions button,.parent-merge-modal .modal-actions button{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.parent-invite-modal .modal-actions .cancel-btn,.parent-merge-modal .modal-actions .cancel-btn{color:#374151;background:#f3f4f6}.parent-invite-modal .modal-actions .submit-btn,.parent-merge-modal .modal-actions .submit-btn{color:#fff;background:#6366f1;align-items:center;gap:6px;display:inline-flex}.parent-invite-modal .modal-actions .submit-btn:disabled,.parent-merge-modal .modal-actions .submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .parent-invite-modal,html:not([data-theme=light]) .parent-merge-modal{background:#1e293b}html:not([data-theme=light]) .parent-invite-modal .modal-header h3,html:not([data-theme=light]) .parent-invite-modal label,html:not([data-theme=light]) .parent-invite-modal .primary-option,html:not([data-theme=light]) .parent-invite-modal .merge-preview,html:not([data-theme=light]) .parent-invite-modal .result-summary,html:not([data-theme=light]) .parent-merge-modal .modal-header h3,html:not([data-theme=light]) .parent-merge-modal label,html:not([data-theme=light]) .parent-merge-modal .primary-option,html:not([data-theme=light]) .parent-merge-modal .merge-preview,html:not([data-theme=light]) .parent-merge-modal .result-summary{color:#f1f5f9}html:not([data-theme=light]) .parent-invite-modal .modal-description,html:not([data-theme=light]) .parent-merge-modal .modal-description{color:#94a3b8}html:not([data-theme=light]) .parent-invite-modal .email-input-wrap,html:not([data-theme=light]) .parent-merge-modal .email-input-wrap{color:#f1f5f9;background:#334155;border-color:#475569}html:not([data-theme=light]) .parent-invite-modal .primary-select,html:not([data-theme=light]) .parent-merge-modal .primary-select{border-color:#475569}html:not([data-theme=light]) .parent-invite-modal .close-btn,html:not([data-theme=light]) .parent-invite-modal .cancel-btn,html:not([data-theme=light]) .parent-merge-modal .close-btn,html:not([data-theme=light]) .parent-merge-modal .cancel-btn{color:#e2e8f0;background:#334155}}html[data-theme=dark] .parent-invite-modal,html[data-theme=dark] .parent-merge-modal{background:#1e293b}html[data-theme=dark] .parent-invite-modal .modal-header h3,html[data-theme=dark] .parent-invite-modal label,html[data-theme=dark] .parent-invite-modal .primary-option,html[data-theme=dark] .parent-invite-modal .merge-preview,html[data-theme=dark] .parent-invite-modal .result-summary,html[data-theme=dark] .parent-merge-modal .modal-header h3,html[data-theme=dark] .parent-merge-modal label,html[data-theme=dark] .parent-merge-modal .primary-option,html[data-theme=dark] .parent-merge-modal .merge-preview,html[data-theme=dark] .parent-merge-modal .result-summary{color:#f1f5f9}html[data-theme=dark] .parent-invite-modal .modal-description,html[data-theme=dark] .parent-merge-modal .modal-description{color:#94a3b8}html[data-theme=dark] .parent-invite-modal .email-input-wrap,html[data-theme=dark] .parent-merge-modal .email-input-wrap{color:#f1f5f9;background:#334155;border-color:#475569}html[data-theme=dark] .parent-invite-modal .primary-select,html[data-theme=dark] .parent-merge-modal .primary-select{border-color:#475569}html[data-theme=dark] .parent-invite-modal .close-btn,html[data-theme=dark] .parent-invite-modal .cancel-btn,html[data-theme=dark] .parent-merge-modal .close-btn,html[data-theme=dark] .parent-merge-modal .cancel-btn{color:#e2e8f0;background:#334155}.admin-table{flex-direction:column;width:100%;display:flex}.admin-table .schedule-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.admin-table .schedule-header h3{color:#1f2937;margin:0;font-size:18px;font-weight:600}.admin-table .schedule-header .schedule-close-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:8px 12px;font-size:18px;font-weight:600;transition:all .2s;display:flex}.admin-table .schedule-header .schedule-close-btn:hover{background:#e5e7eb;border-color:#9ca3af}.admin-table .table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.admin-table .styled-table{border-collapse:collapse;background:#fff;width:100%}.admin-table .styled-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.admin-table .styled-table thead th{text-align:center;color:#374151;white-space:nowrap;border-right:1px solid #e5e7eb;padding:16px 12px;font-size:14px;font-weight:600}.admin-table .styled-table thead th:last-child{border-right:none}.admin-table .styled-table thead th input[type=checkbox]{cursor:pointer;width:16px;height:16px}.admin-table .styled-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.admin-table .styled-table tbody tr:hover{background:#f9fafb}.admin-table .styled-table tbody tr:last-child{border-bottom:none}.admin-table .styled-table tbody tr td{text-align:center;color:#374151;border-right:1px solid #e5e7eb;padding:16px 12px;font-size:14px}.admin-table .styled-table tbody tr td:last-child{border-right:none}.admin-table .styled-table tbody tr td.no-data{color:#9ca3af;font-style:italic}.admin-table .day-display{color:#475569;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;min-width:80px;padding:8px 12px;font-size:14px;font-weight:500;display:inline-block}.admin-table .duration-badge{color:#1e40af;background:#dbeafe;border-radius:4px;margin-right:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.admin-table .status-badge{text-align:center;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.admin-table .status-badge.enabled{color:#065f46;background:#d1fae5;border:1px solid #10b981}.admin-table .status-badge.disabled{color:#991b1b;background:#fee2e2;border:1px solid #ef4444}.admin-table .btn-wrapper{justify-content:center;align-items:center;gap:8px;display:flex}.admin-table .btn-wrapper button.edit-btn{min-width:80px;font-size:13px}.admin-table .policy-more-wrap{position:relative}.admin-table .policy-more-menu{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:140px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.admin-table .policy-more-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:14px;transition:background .15s;display:flex}.admin-table .policy-more-item:hover{background:#f3f4f6}.admin-table .policy-more-item.policy-more-item-danger{color:#dc2626;border-top:1px solid #e5e7eb}.admin-table .policy-more-item.policy-more-item-danger:hover{background:#fef2f2}.admin-table button{cursor:pointer;border:1px solid;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.admin-table button:disabled{opacity:.5;cursor:not-allowed}.admin-table button.edit-btn{color:#2563eb;background:#f8fafc;border-color:#3b82f6}.admin-table button.edit-btn:hover:not(:disabled){color:#1e40af;background:#f8fafc;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 4px #2563eb1a}.admin-table button.close-btn{color:#d97706;background:#f8fafc;border-color:#f59e0b}.admin-table button.close-btn:hover:not(:disabled){color:#92400e;background:#f8fafc;border-color:#b45309;transform:translateY(-1px);box-shadow:0 2px 4px #d977061a}.admin-table button.delete-btn{color:#dc2626;background:#f8fafc;border-color:#ef4444}.admin-table button.delete-btn:hover:not(:disabled){color:#991b1b;background:#f8fafc;border-color:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 4px #dc26261a}.admin-table button.deactivate-btn{color:#475569;background:#f8fafc;border-color:#64748b}.admin-table button.deactivate-btn:hover:not(:disabled){color:#334155;background:#f1f5f9;border-color:#475569;transform:translateY(-1px);box-shadow:0 2px 4px #4755691a}.admin-table button.more-btn{color:#6b7280;background:#f8fafc;border-color:#d1d5db;min-width:36px;padding:6px 8px}.admin-table button.more-btn:hover:not(:disabled){color:#374151;background:#f3f4f6;border-color:#9ca3af}.admin-table button.reset-password-btn{color:#2563eb;background:#f8fafc;border-color:#e2e8f0}.admin-table button.reset-password-btn:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 2px 4px #2563eb1a}.admin-table button.save{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.admin-table button.save:hover:not(:disabled){color:#15803d;background:#dcfce7;border-color:#86efac;transform:translateY(-1px);box-shadow:0 2px 4px #22c55e1a}.admin-table button.cancel{color:#6b7280;background:#f8fafc;border-color:#e2e8f0}.admin-table button.cancel:hover:not(:disabled){color:#4b5563;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.admin-table .add-btn{color:#fff;cursor:pointer;background:#3b82f6;border:1px solid #3b82f6;border-radius:8px;align-self:flex-end;align-items:center;gap:8px;margin-top:20px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.admin-table .add-btn:hover{background:#2563eb;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.admin-table .add-btn:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f633}.admin-table .add-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;border-color:#9ca3af;transform:none}.admin-table .bulk-update{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;justify-content:space-around;align-items:flex-end;gap:20px;margin-top:20px;padding:18px 24px;display:flex;box-shadow:0 6px 18px #0f172a14}.admin-table .bulk-update .bulk-section{flex-direction:column;gap:6px;width:220px;display:flex}.admin-table .bulk-update .bulk-section label{color:#0f172a;letter-spacing:-.01em;font-size:13px;font-weight:600}.admin-table .bulk-update .bulk-section .validation-message{color:#b91c1c;text-align:center;background:#f871712e;border:1px solid #f8717159;border-radius:10px;margin-top:6px;padding:8px 12px;font-size:12px;font-weight:500}.admin-table .bulk-update .bulk-section select,.admin-table .bulk-update .bulk-section .timepicker-input{color:#0f172a;background:#fff;border:1px solid #d0d7e2;border-radius:10px;width:100%;height:44px;padding:10px 14px;font-size:14px;font-weight:500;box-shadow:inset 0 2px 5px #0f172a0f}.admin-table .bulk-update .bulk-section select:focus,.admin-table .bulk-update .bulk-section .timepicker-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb2e}.admin-table .bulk-update .bulk-section .timepicker-input{text-align:center;background:#eef2ff}.admin-table .bulk-update .bulk-section .react-datepicker-wrapper,.admin-table .bulk-update .bulk-section .react-datepicker__input-container{width:100%}.admin-table .bulk-update .bulk-section .react-datepicker__close-icon{background:#2563eb1f!important;border-radius:999px!important;width:30px!important;height:20px!important;padding:0!important;top:50%!important;right:12px!important;transform:translateY(-50%)!important}.admin-table .bulk-update .bulk-section .react-datepicker__close-icon:after{color:#2563eb;background:0 0;font-size:12px;line-height:20px}.admin-table .bulk-update button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #0000;border-radius:10px;height:44px;padding:0 28px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 10px 22px #2563eb42}.admin-table .bulk-update button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #2563eb57}.admin-table .bulk-update button:disabled{color:#64748b;box-shadow:none;cursor:not-allowed;background:#cbd5f5}.admin-table .bulk-update button.bulk-action{width:220px}.admin-table .selected-count{color:#6b7280;text-align:right;margin-top:12px;font-size:14px;font-weight:500}.admin-table .inline-edit-row{background:#f8fafc;border:2px solid #3b82f6}.admin-table .inline-edit-row td{padding:12px}.admin-table .inline-edit-row input,.admin-table .inline-edit-row select,.admin-table .inline-edit-row .datepicker-input,.admin-table .inline-edit-row .timepicker-input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:14px;transition:all .2s}.admin-table .inline-edit-row input:focus,.admin-table .inline-edit-row select:focus,.admin-table .inline-edit-row .datepicker-input:focus,.admin-table .inline-edit-row .timepicker-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.admin-table .inline-edit-row .button-group{justify-content:center;gap:8px;display:flex}.admin-table .inline-edit-row .button-group button{cursor:pointer;border:1px solid;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.admin-table .inline-edit-row .button-group button.save{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.admin-table .inline-edit-row .button-group button.save:hover{color:#15803d;background:#dcfce7;border-color:#86efac;transform:translateY(-1px);box-shadow:0 2px 4px #22c55e1a}.admin-table .inline-edit-row .button-group button.cancel{color:#6b7280;background:#f8fafc;border-color:#e2e8f0}.admin-table .inline-edit-row .button-group button.cancel:hover{color:#4b5563;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-table .schedule-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .admin-table .schedule-header h3{color:#f1f5f9}html:not([data-theme=light]) .admin-table .schedule-header .schedule-close-btn{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-table .schedule-header .schedule-close-btn:hover{background:#718096;border-color:#a0aec0}html:not([data-theme=light]) .admin-table .table-wrapper{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-table .styled-table{background:#2d3748}html:not([data-theme=light]) .admin-table .styled-table thead{background:#4a5568;border-bottom-color:#718096}html:not([data-theme=light]) .admin-table .styled-table thead th{color:#e2e8f0;border-right-color:#718096}html:not([data-theme=light]) .admin-table .styled-table tbody tr{border-bottom-color:#4a5568}html:not([data-theme=light]) .admin-table .styled-table tbody tr:hover{background:#4a5568}html:not([data-theme=light]) .admin-table .styled-table tbody tr td{color:#e2e8f0;border-right-color:#4a5568}html:not([data-theme=light]) .admin-table .styled-table tbody tr td.no-data{color:#a0aec0}html:not([data-theme=light]) .admin-table .day-display{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-table button{color:#f7fafc;background:#4a5568;border-color:#718096;box-shadow:0 1px 2px #0003}html:not([data-theme=light]) .admin-table button:hover{background:#718096;border-color:#a0aec0;transform:translateY(-1px);box-shadow:0 2px 4px #00000040}html:not([data-theme=light]) .admin-table button.edit-btn{color:#93c5fd;background:#4a5568;border-color:#60a5fa}html:not([data-theme=light]) .admin-table button.edit-btn:hover{color:#bfdbfe;background:#4a5568;border-color:#93c5fd}html:not([data-theme=light]) .admin-table button.close-btn{color:#fde047;background:#4a5568;border-color:#fbbf24}html:not([data-theme=light]) .admin-table button.close-btn:hover{color:#fef08a;background:#4a5568;border-color:#fde047}html:not([data-theme=light]) .admin-table button.delete-btn{color:#fca5a5;background:#4a5568;border-color:#f87171}html:not([data-theme=light]) .admin-table button.delete-btn:hover{color:#fecaca;background:#4a5568;border-color:#fca5a5}html:not([data-theme=light]) .admin-table button.deactivate-btn{color:#cbd5e1;background:#4a5568;border-color:#94a3b8}html:not([data-theme=light]) .admin-table button.deactivate-btn:hover{color:#e2e8f0;background:#64748b;border-color:#cbd5e1}html:not([data-theme=light]) .admin-table button.reset-password-btn{color:#90cdf4;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-table button.reset-password-btn:hover{color:#bee3f8;background:#718096;border-color:#a0aec0}html:not([data-theme=light]) .admin-table button.save{color:#d1fae5;background:#065f46;border-color:#10b981}html:not([data-theme=light]) .admin-table button.save:hover{color:#ecfdf5;background:#047857;border-color:#059669}html:not([data-theme=light]) .admin-table button.cancel{color:#cbd5e0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-table button.cancel:hover{color:#e2e8f0;background:#718096;border-color:#a0aec0}html:not([data-theme=light]) .admin-table .add-btn{color:#fff;background:#3b82f6;border-color:#3b82f6}html:not([data-theme=light]) .admin-table .add-btn:hover{background:#2563eb;border-color:#1d4ed8}html:not([data-theme=light]) .admin-table .bulk-update{background:#111827;border-color:#1f2937;box-shadow:0 10px 28px #0006}html:not([data-theme=light]) .admin-table .bulk-update .bulk-section label{color:#e2e8f0}html:not([data-theme=light]) .admin-table .bulk-update .bulk-section select,html:not([data-theme=light]) .admin-table .bulk-update .bulk-section .timepicker-input{color:#f1f5f9;background:#0f172a;border-color:#39475b;box-shadow:inset 0 2px 5px #00000073}html:not([data-theme=light]) .admin-table .bulk-update .bulk-section select:focus,html:not([data-theme=light]) .admin-table .bulk-update .bulk-section .timepicker-input:focus{background:#121d35;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa47}html:not([data-theme=light]) .admin-table .bulk-update .bulk-section .timepicker-input{background:#1f2d4a}html:not([data-theme=light]) .admin-table .bulk-update .bulk-section .validation-message{color:#fecaca;background:#f871711f;border-color:#f8717152}html:not([data-theme=light]) .admin-table .bulk-update button{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 16px 32px #2563eb59}html:not([data-theme=light]) .admin-table .bulk-update button:hover:not(:disabled){box-shadow:0 20px 38px #2563eb73}html:not([data-theme=light]) .admin-table .bulk-update button:disabled{color:#94a3b8;box-shadow:none;background:#3f4a5c}html:not([data-theme=light]) .admin-table .selected-count{color:#a0aec0}html:not([data-theme=light]) .admin-table .inline-edit-row{background:#4a5568;border-color:#63b3ed}html:not([data-theme=light]) .admin-table .inline-edit-row input,html:not([data-theme=light]) .admin-table .inline-edit-row select,html:not([data-theme=light]) .admin-table .inline-edit-row .datepicker-input,html:not([data-theme=light]) .admin-table .inline-edit-row .timepicker-input{color:#e2e8f0;background:#2d3748;border-color:#718096}html:not([data-theme=light]) .admin-table .inline-edit-row input:focus,html:not([data-theme=light]) .admin-table .inline-edit-row select:focus,html:not([data-theme=light]) .admin-table .inline-edit-row .datepicker-input:focus,html:not([data-theme=light]) .admin-table .inline-edit-row .timepicker-input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html:not([data-theme=light]) .admin-table .inline-edit-row .button-group button{box-shadow:0 1px 2px #0003}html:not([data-theme=light]) .admin-table .inline-edit-row .button-group button.save{color:#d1fae5;background:#065f46;border-color:#10b981}html:not([data-theme=light]) .admin-table .inline-edit-row .button-group button.save:hover{color:#ecfdf5;background:#047857;border-color:#059669;transform:translateY(-1px);box-shadow:0 2px 4px #10b98140}html:not([data-theme=light]) .admin-table .inline-edit-row .button-group button.cancel{color:#cbd5e0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-table .inline-edit-row .button-group button.cancel:hover{color:#e2e8f0;background:#718096;border-color:#a0aec0;transform:translateY(-1px);box-shadow:0 2px 4px #00000040}}html[data-theme=dark] .admin-table .schedule-header{border-bottom-color:#4a5568}html[data-theme=dark] .admin-table .schedule-header h3{color:#f1f5f9}html[data-theme=dark] .admin-table .schedule-header .schedule-close-btn{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-table .schedule-header .schedule-close-btn:hover{background:#718096;border-color:#a0aec0}html[data-theme=dark] .admin-table .table-wrapper{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-table .styled-table{background:#2d3748}html[data-theme=dark] .admin-table .styled-table thead{background:#4a5568;border-bottom-color:#718096}html[data-theme=dark] .admin-table .styled-table thead th{color:#e2e8f0;border-right-color:#718096}html[data-theme=dark] .admin-table .styled-table tbody tr{border-bottom-color:#4a5568}html[data-theme=dark] .admin-table .styled-table tbody tr:hover{background:#4a5568}html[data-theme=dark] .admin-table .styled-table tbody tr td{color:#e2e8f0;border-right-color:#4a5568}html[data-theme=dark] .admin-table .styled-table tbody tr td.no-data{color:#a0aec0}html[data-theme=dark] .admin-table .day-display{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-table button{color:#f7fafc;background:#4a5568;border-color:#718096;box-shadow:0 1px 2px #0003}html[data-theme=dark] .admin-table button:hover{background:#718096;border-color:#a0aec0;transform:translateY(-1px);box-shadow:0 2px 4px #00000040}html[data-theme=dark] .admin-table button.edit-btn{color:#93c5fd;background:#4a5568;border-color:#60a5fa}html[data-theme=dark] .admin-table button.edit-btn:hover{color:#bfdbfe;background:#4a5568;border-color:#93c5fd}html[data-theme=dark] .admin-table button.close-btn{color:#fde047;background:#4a5568;border-color:#fbbf24}html[data-theme=dark] .admin-table button.close-btn:hover{color:#fef08a;background:#4a5568;border-color:#fde047}html[data-theme=dark] .admin-table button.delete-btn{color:#fca5a5;background:#4a5568;border-color:#f87171}html[data-theme=dark] .admin-table button.delete-btn:hover{color:#fecaca;background:#4a5568;border-color:#fca5a5}html[data-theme=dark] .admin-table button.deactivate-btn{color:#cbd5e1;background:#4a5568;border-color:#94a3b8}html[data-theme=dark] .admin-table button.deactivate-btn:hover{color:#e2e8f0;background:#64748b;border-color:#cbd5e1}html[data-theme=dark] .admin-table button.reset-password-btn{color:#90cdf4;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-table button.reset-password-btn:hover{color:#bee3f8;background:#718096;border-color:#a0aec0}html[data-theme=dark] .admin-table button.save{color:#d1fae5;background:#065f46;border-color:#10b981}html[data-theme=dark] .admin-table button.save:hover{color:#ecfdf5;background:#047857;border-color:#059669}html[data-theme=dark] .admin-table button.cancel{color:#cbd5e0;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-table button.cancel:hover{color:#e2e8f0;background:#718096;border-color:#a0aec0}html[data-theme=dark] .admin-table .add-btn{color:#fff;background:#3b82f6;border-color:#3b82f6}html[data-theme=dark] .admin-table .add-btn:hover{background:#2563eb;border-color:#1d4ed8}html[data-theme=dark] .admin-table .bulk-update{background:#111827;border-color:#1f2937;box-shadow:0 10px 28px #0006}html[data-theme=dark] .admin-table .bulk-update .bulk-section label{color:#e2e8f0}html[data-theme=dark] .admin-table .bulk-update .bulk-section select,html[data-theme=dark] .admin-table .bulk-update .bulk-section .timepicker-input{color:#f1f5f9;background:#0f172a;border-color:#39475b;box-shadow:inset 0 2px 5px #00000073}html[data-theme=dark] .admin-table .bulk-update .bulk-section select:focus,html[data-theme=dark] .admin-table .bulk-update .bulk-section .timepicker-input:focus{background:#121d35;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa47}html[data-theme=dark] .admin-table .bulk-update .bulk-section .timepicker-input{background:#1f2d4a}html[data-theme=dark] .admin-table .bulk-update .bulk-section .validation-message{color:#fecaca;background:#f871711f;border-color:#f8717152}html[data-theme=dark] .admin-table .bulk-update button{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 16px 32px #2563eb59}html[data-theme=dark] .admin-table .bulk-update button:hover:not(:disabled){box-shadow:0 20px 38px #2563eb73}html[data-theme=dark] .admin-table .bulk-update button:disabled{color:#94a3b8;box-shadow:none;background:#3f4a5c}html[data-theme=dark] .admin-table .selected-count{color:#a0aec0}html[data-theme=dark] .admin-table .inline-edit-row{background:#4a5568;border-color:#63b3ed}html[data-theme=dark] .admin-table .inline-edit-row input,html[data-theme=dark] .admin-table .inline-edit-row select,html[data-theme=dark] .admin-table .inline-edit-row .datepicker-input,html[data-theme=dark] .admin-table .inline-edit-row .timepicker-input{color:#e2e8f0;background:#2d3748;border-color:#718096}html[data-theme=dark] .admin-table .inline-edit-row input:focus,html[data-theme=dark] .admin-table .inline-edit-row select:focus,html[data-theme=dark] .admin-table .inline-edit-row .datepicker-input:focus,html[data-theme=dark] .admin-table .inline-edit-row .timepicker-input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html[data-theme=dark] .admin-table .inline-edit-row .button-group button{box-shadow:0 1px 2px #0003}html[data-theme=dark] .admin-table .inline-edit-row .button-group button.save{color:#d1fae5;background:#065f46;border-color:#10b981}html[data-theme=dark] .admin-table .inline-edit-row .button-group button.save:hover{color:#ecfdf5;background:#047857;border-color:#059669;transform:translateY(-1px);box-shadow:0 2px 4px #10b98140}html[data-theme=dark] .admin-table .inline-edit-row .button-group button.cancel{color:#cbd5e0;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-table .inline-edit-row .button-group button.cancel:hover{color:#e2e8f0;background:#718096;border-color:#a0aec0;transform:translateY(-1px);box-shadow:0 2px 4px #00000040}@media (width<=768px){.admin-table .schedule-header{margin-bottom:16px;padding-bottom:12px}.admin-table .schedule-header h3{font-size:16px}.admin-table .table-wrapper{font-size:12px}.admin-table .styled-table thead th,.admin-table .styled-table tbody td{padding:12px 8px;font-size:12px}.admin-table button{min-width:70px;padding:6px 10px;font-size:12px}.admin-table .bulk-update{flex-direction:column;align-items:stretch;gap:12px}.admin-table .bulk-update .bulk-section{width:100%;min-width:auto}.admin-table .bulk-update .bulk-section select,.admin-table .bulk-update .bulk-section .timepicker-input,.admin-table .bulk-update button,.admin-table .bulk-update button.bulk-action{width:100%}.admin-table .btn-wrapper{gap:4px}.admin-table .btn-wrapper button{min-width:60px;padding:4px 8px;font-size:11px}.admin-table .day-display{min-width:60px;padding:6px 8px;font-size:12px}}.policy-more-menu-portal{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:160px;padding:6px 0;position:fixed;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.policy-more-menu-portal .policy-more-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.policy-more-menu-portal .policy-more-item:hover{color:#1e293b;background:#f1f5f9}.policy-more-menu-portal .policy-more-item.policy-more-item-danger{color:#dc2626;border-top:1px solid #e2e8f0;margin-top:4px;padding-top:10px}.policy-more-menu-portal .policy-more-item.policy-more-item-danger:hover{color:#b91c1c;background:#fef2f2}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .policy-more-menu-portal{background:#374151;border-color:#4b5563}html:not([data-theme=light]) .policy-more-menu-portal .policy-more-item{color:#e5e7eb}html:not([data-theme=light]) .policy-more-menu-portal .policy-more-item:hover{color:#f9fafb;background:#4b5563}html:not([data-theme=light]) .policy-more-menu-portal .policy-more-item.policy-more-item-danger{color:#f87171;border-top-color:#4b5563}html:not([data-theme=light]) .policy-more-menu-portal .policy-more-item.policy-more-item-danger:hover{color:#fca5a5;background:#7f1d1d}}html[data-theme=dark] .policy-more-menu-portal{background:#374151;border-color:#4b5563}html[data-theme=dark] .policy-more-menu-portal .policy-more-item{color:#e5e7eb}html[data-theme=dark] .policy-more-menu-portal .policy-more-item:hover{color:#f9fafb;background:#4b5563}html[data-theme=dark] .policy-more-menu-portal .policy-more-item.policy-more-item-danger{color:#f87171;border-top-color:#4b5563}html[data-theme=dark] .policy-more-menu-portal .policy-more-item.policy-more-item-danger:hover{color:#fca5a5;background:#7f1d1d}.link-parent-modal-overlay{z-index:2100;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.link-parent-modal{background:#fff;border-radius:12px;width:min(560px,100%);max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.link-parent-modal .modal-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.link-parent-modal .modal-header .header-icon{color:#7c3aed;background:#ede9fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.link-parent-modal .modal-header h3{color:#1f2937;margin:0 0 4px;font-size:18px}.link-parent-modal .modal-header p{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.link-parent-modal .modal-header .close-btn{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;margin-left:auto;padding:8px}.link-parent-modal .link-parent-tabs{background:#f3f4f6;border-radius:10px;gap:8px;margin-bottom:16px;padding:4px;display:flex}.link-parent-modal .link-parent-tabs .tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 12px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.link-parent-modal .link-parent-tabs .tab-btn.active{color:#4f46e5;background:#fff;box-shadow:0 1px 3px #00000014}.link-parent-modal .link-parent-form{flex-direction:column;gap:14px;display:flex}.link-parent-modal .link-parent-form .tab-hint{color:#6b7280;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.link-parent-modal .link-parent-form label{color:#374151;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.link-parent-modal .link-parent-form label .required{color:#ef4444;margin-left:2px}.link-parent-modal .link-parent-form input,.link-parent-modal .link-parent-form .form-select{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;font-weight:400}.link-parent-modal .link-parent-form .form-select{appearance:none;background-repeat:no-repeat;background-image:linear-gradient(135deg, transparent 50%, var(--text-muted) 50%), linear-gradient(225deg, transparent 50%, var(--text-muted) 50%);background-color:#fff;background-position:calc(100% - 17px) calc(50% - .6px),calc(100% - 12px) calc(50% - .6px);background-size:5px 5px,5px 5px;padding-right:36px}.link-parent-modal .link-parent-form .form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.link-parent-modal .link-parent-form .search-row{background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.link-parent-modal .link-parent-form .search-row svg{color:#9ca3af;flex-shrink:0}.link-parent-modal .link-parent-form .search-row input{border:none;flex:1;min-width:0;padding:10px 0}.link-parent-modal .link-parent-form .search-row input:focus{outline:none}.link-parent-modal .link-parent-form .parent-picker-list{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;max-height:240px;overflow-y:auto}.link-parent-modal .link-parent-form .parent-picker-list .picker-status{text-align:center;color:#6b7280;margin:0;padding:20px 16px;font-size:14px}.link-parent-modal .link-parent-form .parent-picker-item{cursor:pointer;border-bottom:1px solid #e5e7eb;align-items:flex-start;gap:10px;padding:12px 14px;transition:background .15s;display:flex}.link-parent-modal .link-parent-form .parent-picker-item:last-child{border-bottom:none}.link-parent-modal .link-parent-form .parent-picker-item:hover{background:#f1f5f9}.link-parent-modal .link-parent-form .parent-picker-item.selected{background:#eef2ff}.link-parent-modal .link-parent-form .parent-picker-item input{accent-color:#6366f1;width:auto;margin-top:4px}.link-parent-modal .link-parent-form .parent-picker-item .picker-item-body{flex:1;min-width:0}.link-parent-modal .link-parent-form .parent-picker-item .picker-item-body strong{color:#1f2937;margin-bottom:4px;font-size:14px;display:block}.link-parent-modal .link-parent-form .parent-picker-item .picker-item-body .picker-item-meta{color:#6b7280;flex-wrap:wrap;gap:8px 12px;font-size:12px;display:flex}.link-parent-modal .link-parent-form .parent-picker-item .picker-item-body .picker-item-meta span{align-items:center;gap:4px;display:inline-flex}.link-parent-modal .link-parent-form .relationship-field{margin-top:4px}.link-parent-modal .modal-actions{justify-content:flex-end;gap:12px;margin-top:4px;display:flex}.link-parent-modal .modal-actions button{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.link-parent-modal .modal-actions .cancel-btn{color:#374151;background:#f3f4f6}.link-parent-modal .modal-actions .submit-btn{color:#fff;background:#6366f1}.link-parent-modal .modal-actions .submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.link-parent-modal{padding:16px}.link-parent-modal .link-parent-form .form-row{grid-template-columns:1fr}.link-parent-modal .link-parent-tabs .tab-btn{padding:8px 10px;font-size:12px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .link-parent-modal{background:#1e293b}html:not([data-theme=light]) .link-parent-modal .modal-header h3{color:#f1f5f9}html:not([data-theme=light]) .link-parent-modal .modal-header p{color:#94a3b8}html:not([data-theme=light]) .link-parent-modal .modal-header .close-btn{color:#e2e8f0;background:#334155}html:not([data-theme=light]) .link-parent-modal .link-parent-tabs{background:#334155}html:not([data-theme=light]) .link-parent-modal .link-parent-tabs .tab-btn.active{color:#a5b4fc;background:#1e293b}html:not([data-theme=light]) .link-parent-modal .link-parent-form label{color:#e2e8f0}html:not([data-theme=light]) .link-parent-modal .link-parent-form input,html:not([data-theme=light]) .link-parent-modal .link-parent-form .form-select,html:not([data-theme=light]) .link-parent-modal .link-parent-form .search-row{color:#f1f5f9;background:#334155;border-color:#475569}html:not([data-theme=light]) .link-parent-modal .link-parent-form .search-row input{background:0 0;border:none}html:not([data-theme=light]) .link-parent-modal .link-parent-form .parent-picker-list{background:#0f172a;border-color:#334155}html:not([data-theme=light]) .link-parent-modal .link-parent-form .parent-picker-item{border-color:#334155}html:not([data-theme=light]) .link-parent-modal .link-parent-form .parent-picker-item:hover{background:#1e293b}html:not([data-theme=light]) .link-parent-modal .link-parent-form .parent-picker-item.selected{background:#312e81}html:not([data-theme=light]) .link-parent-modal .link-parent-form .parent-picker-item .picker-item-body strong{color:#f1f5f9}html:not([data-theme=light]) .link-parent-modal .link-parent-form .tab-hint{color:#94a3b8;background:#0f172a;border-color:#334155}html:not([data-theme=light]) .link-parent-modal .cancel-btn{color:#e2e8f0;background:#334155}}html[data-theme=dark] .link-parent-modal{background:#1e293b}html[data-theme=dark] .link-parent-modal .modal-header h3{color:#f1f5f9}html[data-theme=dark] .link-parent-modal .modal-header p{color:#94a3b8}html[data-theme=dark] .link-parent-modal .modal-header .close-btn{color:#e2e8f0;background:#334155}html[data-theme=dark] .link-parent-modal .link-parent-tabs{background:#334155}html[data-theme=dark] .link-parent-modal .link-parent-tabs .tab-btn.active{color:#a5b4fc;background:#1e293b}html[data-theme=dark] .link-parent-modal .link-parent-form label{color:#e2e8f0}html[data-theme=dark] .link-parent-modal .link-parent-form input,html[data-theme=dark] .link-parent-modal .link-parent-form .form-select,html[data-theme=dark] .link-parent-modal .link-parent-form .search-row{color:#f1f5f9;background:#334155;border-color:#475569}html[data-theme=dark] .link-parent-modal .link-parent-form .search-row input{background:0 0;border:none}html[data-theme=dark] .link-parent-modal .link-parent-form .parent-picker-list{background:#0f172a;border-color:#334155}html[data-theme=dark] .link-parent-modal .link-parent-form .parent-picker-item{border-color:#334155}html[data-theme=dark] .link-parent-modal .link-parent-form .parent-picker-item:hover{background:#1e293b}html[data-theme=dark] .link-parent-modal .link-parent-form .parent-picker-item.selected{background:#312e81}html[data-theme=dark] .link-parent-modal .link-parent-form .parent-picker-item .picker-item-body strong{color:#f1f5f9}html[data-theme=dark] .link-parent-modal .link-parent-form .tab-hint{color:#94a3b8;background:#0f172a;border-color:#334155}html[data-theme=dark] .link-parent-modal .cancel-btn{color:#e2e8f0;background:#334155}.student-progress-reports-section .section-header-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.student-progress-reports-section .section-header-row h2{color:var(--text-heading);align-items:center;gap:8px;margin:0;display:flex}.student-progress-reports-section .progress-report-file-input{display:none}.student-progress-reports-section .progress-report-upload-btn{background:var(--accent);color:var(--brand-on-primary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.student-progress-reports-section .progress-report-upload-btn:disabled{opacity:.6;cursor:not-allowed;background:var(--btn-disabled-bg);color:var(--btn-disabled-fg)}.student-progress-reports-section .progress-report-pending-upload{border:1px solid var(--info-border);background:var(--info-bg);border-radius:10px;margin-bottom:16px;padding:14px}.student-progress-reports-section .progress-report-pending-upload .pending-file-row{color:var(--info-fg);align-items:center;gap:10px;margin-bottom:12px;display:flex}.student-progress-reports-section .progress-report-pending-upload .pending-file-row .pending-file-meta{flex:1;min-width:0}.student-progress-reports-section .progress-report-pending-upload .pending-file-row .pending-file-meta strong{word-break:break-all;font-size:14px;display:block}.student-progress-reports-section .progress-report-pending-upload .pending-file-row .pending-file-meta span{color:var(--accent);font-size:12px}.student-progress-reports-section .progress-report-pending-upload .pending-file-row .pending-file-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.student-progress-reports-section .progress-report-pending-upload .pending-note-field{color:var(--text-primary);flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.student-progress-reports-section .progress-report-pending-upload .pending-note-field textarea{border:1px solid var(--input-border);resize:vertical;background:var(--input-bg);min-height:64px;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:14px;font-weight:400}.student-progress-reports-section .progress-report-pending-upload .pending-note-field textarea::placeholder{color:var(--input-placeholder)}.student-progress-reports-section .progress-report-pending-upload .pending-notify-field{cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.student-progress-reports-section .progress-report-pending-upload .pending-notify-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:2px}.student-progress-reports-section .progress-report-pending-upload .pending-notify-field .pending-notify-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.student-progress-reports-section .progress-report-pending-upload .pending-notify-field .pending-notify-label{color:var(--text-primary);font-size:13px;font-weight:600}.student-progress-reports-section .progress-report-pending-upload .pending-notify-field .pending-notify-helper{color:var(--text-muted);font-size:12px;font-weight:400;line-height:1.4}.student-progress-reports-section .progress-report-pending-upload .pending-upload-actions{justify-content:flex-end;gap:8px;display:flex}.student-progress-reports-section .progress-report-pending-upload .pending-upload-actions button{cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.student-progress-reports-section .progress-report-pending-upload .pending-upload-actions .cancel-btn{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg)}.student-progress-reports-section .progress-report-pending-upload .pending-upload-actions .submit-btn{background:var(--accent);color:var(--brand-on-primary)}.student-progress-reports-section .progress-report-pending-upload .pending-upload-actions .submit-btn:disabled{opacity:.6;cursor:not-allowed}.student-progress-reports-section .progress-reports-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.student-progress-reports-section .progress-report-list-error{border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-fg);border-radius:10px;margin-bottom:12px;padding:12px 14px;font-size:14px}.student-progress-reports-section .progress-report-row{border:1px solid var(--border-muted);background:var(--surface-1);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.student-progress-reports-section .report-leading{background:var(--surface-2);width:40px;height:40px;color:var(--text-muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.student-progress-reports-section .report-leading.is-pdf{background:var(--info-bg);color:var(--info-fg)}.student-progress-reports-section .report-main{flex:1;min-width:0}.student-progress-reports-section .report-main .report-title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.student-progress-reports-section .report-main .report-title-row .report-file-name,.student-progress-reports-section .report-main .report-title-row strong{color:var(--text-heading);word-break:break-all;font-size:15px;font-weight:700}.student-progress-reports-section .report-main .report-meta-line{color:var(--text-muted);margin:0;font-size:13px;line-height:1.4}.student-progress-reports-section .report-main .report-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px 16px;font-size:13px;display:flex}.student-progress-reports-section .report-main .report-note-block{margin-top:8px}.student-progress-reports-section .report-main .report-note{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.student-progress-reports-section .report-main .report-note.is-expanded{white-space:pre-wrap;-webkit-line-clamp:unset;display:block;overflow:visible}.student-progress-reports-section .report-main .report-note-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;min-height:28px;margin-top:4px;padding:0;font-size:12px;font-weight:600}.student-progress-reports-section .report-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.student-progress-reports-section .report-actions button{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.student-progress-reports-section .report-actions button:disabled{opacity:.6;cursor:not-allowed}.student-progress-reports-section .report-actions .view-btn{background:var(--accent);color:var(--brand-on-primary)}.student-progress-reports-section .report-actions .download-btn{background:var(--accent-subtle-bg);color:var(--accent)}.student-progress-reports-section .report-actions .delete-btn{background:var(--error-bg);color:var(--error-fg)}.student-progress-reports-section .progress-reports-skeleton .progress-report-row.is-skeleton{align-items:center}.student-progress-reports-section .progress-reports-skeleton .skeleton-block,.student-progress-reports-section .progress-reports-skeleton .skeleton-line{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-1) 37%, var(--surface-2) 63%);background-size:400% 100%;border-radius:8px;animation:1.2s ease-in-out infinite progress-report-skeleton;display:block}.student-progress-reports-section .progress-reports-skeleton .skeleton-block{width:40px;height:40px}.student-progress-reports-section .progress-reports-skeleton .skeleton-line{height:12px;margin-bottom:8px}.student-progress-reports-section .progress-reports-skeleton .skeleton-line--title{width:55%;height:14px}.student-progress-reports-section .progress-reports-skeleton .skeleton-line--meta{width:75%;margin-bottom:0}@keyframes progress-report-skeleton{0%{background-position:100% 0}to{background-position:0 0}}@media (width<=768px){.student-progress-reports-section .section-header-row,.student-progress-reports-section .progress-report-row{flex-direction:column;align-items:stretch}.student-progress-reports-section .report-actions{flex-flow:wrap;justify-content:flex-end}.student-progress-reports-section .report-actions button{flex:auto;min-height:44px}}.admin-student-detail-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-student-detail-page .loading-container,.admin-student-detail-page .not-found-container{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:40vh;display:flex}.admin-student-detail-page .not-found-container h2{color:#1f2937;margin:0;font-size:20px}.admin-student-detail-page .not-found-container p{max-width:420px;margin:0;line-height:1.5}.admin-student-detail-page .back-to-list-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;margin-top:8px;padding:10px 16px;font-weight:500}.admin-student-detail-page .back-to-list-btn:hover{background:#4f46e5}.admin-student-detail-page .student-detail-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px 24px;box-shadow:0 1px 3px #00000014}.admin-student-detail-page .student-detail-header .back-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 10px;font-size:14px;display:inline-flex}.admin-student-detail-page .student-detail-header .back-btn:hover{color:#374151;background:#f3f4f6}.admin-student-detail-page .student-detail-header .back-btn:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.admin-student-detail-page .student-detail-header .header-main{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-student-detail-page .student-detail-header .header-actions{border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;display:flex}.admin-student-detail-page .student-detail-header .header-action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.admin-student-detail-page .student-detail-header .header-action-btn.edit{color:#374151;background:#f3f4f6;border-color:#e5e7eb}.admin-student-detail-page .student-detail-header .header-action-btn.edit:hover{background:#e5e7eb}.admin-student-detail-page .student-detail-header .header-action-btn.deactivate{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.admin-student-detail-page .student-detail-header .header-action-btn.deactivate:hover{background:#fecaca}.admin-student-detail-page .student-detail-header .header-action-btn.reset-password{color:#b45309;background:#fffbeb;border-color:#fde68a}.admin-student-detail-page .student-detail-header .header-action-btn.reset-password:hover{background:#fef3c7;border-color:#fcd34d}.admin-student-detail-page .student-detail-header .header-action-btn:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.admin-student-detail-page .student-detail-header .header-icon-wrap{color:#059669;background:#ecfdf5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.admin-student-detail-page .student-detail-header .header-text{flex:1;min-width:0}.admin-student-detail-page .student-detail-header .header-text h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.admin-student-detail-page .student-detail-header .header-text .header-academy{color:#6b7280;margin:0;font-size:14px}.admin-student-detail-page .student-detail-header .status-badge{border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.admin-student-detail-page .student-detail-header .status-badge.status-active{color:#047857;background:#d1fae5}.admin-student-detail-page .student-detail-header .status-badge.status-inactive{color:#b91c1c;background:#fee2e2}.admin-student-detail-page .student-detail-content{flex-direction:column;gap:16px;display:flex}.admin-student-detail-page .student-detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px #0000000f}.admin-student-detail-page .student-detail-section h2{color:#1f2937;margin:0 0 12px;font-size:18px;font-weight:700}.admin-student-detail-page .student-detail-section .section-subtitle{color:#9ca3af;margin:-4px 0 16px;font-size:13px}.admin-student-detail-page .student-detail-section .section-loading-text,.admin-student-detail-page .student-detail-section .section-empty-text{color:#6b7280;margin:0;font-size:14px}.admin-student-detail-page .student-parents-section .section-header-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-student-detail-page .student-parents-section .section-header-row h2{align-items:center;gap:8px;margin:0;display:flex}.admin-student-detail-page .student-parents-section .section-header-row .section-count{color:#6b7280;font-size:14px;font-weight:600}.admin-student-detail-page .student-parents-section .link-parent-add-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,transform .2s;display:flex}.admin-student-detail-page .student-parents-section .link-parent-add-btn:hover{background:#4f46e5;transform:translateY(-1px)}.admin-student-detail-page .student-parents-section .student-parents-grid{gap:12px;margin:0;padding:0;list-style:none;display:grid}.admin-student-detail-page .student-parents-section .student-parent-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;align-items:stretch;gap:8px;display:flex;overflow:hidden}.admin-student-detail-page .student-parents-section .student-parent-card-body{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:16px;transition:background .15s}.admin-student-detail-page .student-parents-section .student-parent-card-body.is-readonly{cursor:default}.admin-student-detail-page .student-parents-section .student-parent-card-body.is-readonly:hover{background:0 0}.admin-student-detail-page .student-parents-section .student-parent-card-body:hover:not(:disabled){background:#f1f5f9}.admin-student-detail-page .student-parents-section .student-parent-card-body:disabled{cursor:default}.admin-student-detail-page .student-parents-section .student-parent-card-body .parent-card-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.admin-student-detail-page .student-parents-section .student-parent-card-body .parent-card-header strong{color:#1f2937;font-size:16px}.admin-student-detail-page .student-parents-section .student-parent-card-body .parent-card-meta{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px 16px;margin:0;display:grid}.admin-student-detail-page .student-parents-section .student-parent-card-body .parent-card-meta div dt{color:#9ca3af;text-transform:uppercase;letter-spacing:.02em;margin:0 0 2px;font-size:11px;font-weight:600}.admin-student-detail-page .student-parents-section .student-parent-card-body .parent-card-meta div dd{color:#374151;word-break:break-word;margin:0;font-size:13px}.admin-student-detail-page .student-parents-section .unlink-parent-btn{color:#b91c1c;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;flex-shrink:0;align-self:center;align-items:center;gap:6px;margin-right:12px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.admin-student-detail-page .student-parents-section .unlink-parent-btn:hover:not(:disabled){background:#fee2e2}.admin-student-detail-page .student-parents-section .unlink-parent-btn:disabled{opacity:.6;cursor:not-allowed}.admin-student-detail-page .student-parents-section .badge.pending{color:#92400e;background:#fef3c7;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.admin-student-detail-page .student-info-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px 20px;margin:0;display:grid}.admin-student-detail-page .student-info-grid .student-info-row dt{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;margin:0 0 4px;font-size:12px;font-weight:600;display:flex}.admin-student-detail-page .student-info-grid .student-info-row dd{color:#111827;word-break:break-word;margin:0;font-size:14px}.admin-student-detail-page .student-courses-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-student-detail-page .student-courses-list .student-course-link{color:inherit;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.admin-student-detail-page .student-courses-list .student-course-link:hover{background:#eef2ff;border-color:#6366f1}.admin-student-detail-page .student-courses-list .student-course-link:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.admin-student-detail-page .student-courses-list .student-course-link .course-link-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-student-detail-page .student-courses-list .student-course-link .course-link-text strong{color:#1f2937;font-size:15px;font-weight:600}.admin-student-detail-page .student-courses-list .student-course-link .course-link-text .course-link-meta{color:#4b5563;font-size:13px}.admin-student-detail-page .student-courses-list .student-course-link .course-link-chevron{color:#9ca3af;flex-shrink:0}.admin-student-detail-page .attendance-period-filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.admin-student-detail-page .attendance-period-filters .period-preset-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:6px 12px;font-size:13px}.admin-student-detail-page .attendance-period-filters .period-preset-btn.is-active{color:#4338ca;background:#eef2ff;border-color:#6366f1;font-weight:600}.admin-student-detail-page .attendance-period-filters .period-preset-btn:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.admin-student-detail-page .attendance-custom-range{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.admin-student-detail-page .attendance-custom-range label{color:#6b7280;flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.admin-student-detail-page .attendance-custom-range label input[type=date]{border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:14px}.admin-student-detail-page .attendance-empty-all{color:#6b7280;background:#f3f4f6;border-radius:8px;margin:0 0 16px;padding:12px 14px;font-size:14px}.admin-student-detail-page .attendance-history-error{color:#b91c1c;background:#fef2f2;border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;font-size:14px;display:flex}.admin-student-detail-page .attendance-history-error p{margin:0}.admin-student-detail-page .attendance-history-error .retry-btn{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.admin-student-detail-page .attendance-history-skeleton,.admin-student-detail-page .attendance-history-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.admin-student-detail-page .attendance-group-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.admin-student-detail-page .attendance-group-card.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;min-height:120px;animation:1.2s infinite studentDetailShimmer}.admin-student-detail-page .attendance-group-card.is-makeup{background:#ede9fe;border-color:#c4b5fd}.admin-student-detail-page .attendance-group-card.is-makeup .attendance-group-header h3{color:#5b21b6}.admin-student-detail-page .attendance-group-card.status-present{border-left:4px solid #10b981}.admin-student-detail-page .attendance-group-card.status-late{border-left:4px solid #f59e0b}.admin-student-detail-page .attendance-group-card.status-absent{border-left:4px solid #ef4444}.admin-student-detail-page .attendance-group-card.status-excused{border-left:4px solid #6366f1}.admin-student-detail-page .attendance-group-card .attendance-group-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.admin-student-detail-page .attendance-group-card .attendance-group-header h3{color:#1f2937;margin:0;font-size:15px;font-weight:700}.admin-student-detail-page .attendance-group-card .attendance-group-header .attendance-group-count{color:#4b5563;white-space:nowrap;font-size:13px;font-weight:600}.admin-student-detail-page .attendance-group-card .attendance-group-empty{color:#6b7280;margin:0;font-size:14px}.admin-student-detail-page .attendance-group-card .attendance-group-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.admin-student-detail-page .attendance-group-card .attendance-group-list li{border-bottom:1px solid #e5e7eb;padding-bottom:10px}.admin-student-detail-page .attendance-group-card .attendance-group-list li:last-child{border-bottom:none;padding-bottom:0}.admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-main{color:#374151;flex-wrap:wrap;gap:6px 10px;font-size:14px;line-height:1.5;display:flex}.admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-main .attendance-item-date{color:#111827;font-weight:600}.admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-main .attendance-item-time{color:#4b5563}.admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-main .attendance-item-course{color:#111827;flex:100%;font-weight:600}.admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-comment{color:#4b5563;align-items:flex-start;gap:6px;margin:6px 0 0;font-size:13px;line-height:1.5;display:flex}.admin-student-detail-page .student-edit-modal{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-student-detail-page .student-edit-modal .edit-student-form{background:#fff;border-radius:12px;width:min(480px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 20px 40px #0003}.admin-reset-password-modal{width:min(420px,100%)}.admin-reset-password-modal .reset-password-plain-hint{color:#6b7280;margin:0 0 12px;font-size:13px;line-height:1.5}.admin-reset-password-modal .reset-password-requirements{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:10px 12px}.admin-reset-password-modal .reset-password-requirements-title{color:#374151;margin:0 0 8px;font-size:13px;font-weight:600}.admin-reset-password-modal .reset-password-requirements ul{color:#6b7280;margin:0;padding-left:18px;font-size:12px}.admin-reset-password-modal .reset-password-requirements ul li.is-met{color:#059669}.admin-reset-password-modal .reset-password-field-error{color:#b91c1c;margin:0 0 12px;font-size:13px}.student-detail-toast{z-index:1100;color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;align-items:flex-start;gap:8px;max-width:min(420px,100vw - 32px);padding:12px 16px;font-size:14px;line-height:1.5;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0000001f}.student-detail-toast.is-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}@keyframes studentDetailShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=640px){.admin-student-detail-page{padding:16px}.admin-student-detail-page .student-detail-header .header-main{align-items:flex-start}.admin-student-detail-page .attendance-history-skeleton,.admin-student-detail-page .attendance-history-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-student-detail-page{background:#0f172a}html:not([data-theme=light]) .admin-student-detail-page .loading-container,html:not([data-theme=light]) .admin-student-detail-page .not-found-container{color:#94a3b8}html:not([data-theme=light]) .admin-student-detail-page .not-found-container h2{color:#f8fafc}html:not([data-theme=light]) .admin-student-detail-page .back-to-list-btn{background:#6366f1}html:not([data-theme=light]) .admin-student-detail-page .back-to-list-btn:hover{background:#4f46e5}html:not([data-theme=light]) .admin-student-detail-page .student-detail-header{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px #00000040}html:not([data-theme=light]) .admin-student-detail-page .student-detail-header .back-btn{color:#94a3b8}html:not([data-theme=light]) .admin-student-detail-page .student-detail-header .back-btn:hover{color:#f8fafc;background:#334155}html:not([data-theme=light]) .admin-student-detail-page .student-detail-header .header-icon-wrap{color:#34d399;background:#34d3991f}html:not([data-theme=light]) .admin-student-detail-page .student-detail-header .header-text h1{color:#f8fafc}html:not([data-theme=light]) .admin-student-detail-page .student-detail-header .header-text .header-academy{color:#94a3b8}html:not([data-theme=light]) .admin-student-detail-page .student-detail-header .status-badge.status-active{color:#34d399;background:#34d39926}html:not([data-theme=light]) .admin-student-detail-page .student-detail-header .status-badge.status-inactive{color:#f87171;background:#f8717126}html:not([data-theme=light]) .admin-student-detail-page .header-actions{border-top-color:#334155}html:not([data-theme=light]) .admin-student-detail-page .header-action-btn.edit{color:#f1f5f9;background:#334155;border-color:#475569}html:not([data-theme=light]) .admin-student-detail-page .header-action-btn.edit:hover{background:#475569}html:not([data-theme=light]) .admin-student-detail-page .header-action-btn.deactivate{color:#f87171;background:#f871711f;border-color:#f871714d}html:not([data-theme=light]) .admin-student-detail-page .header-action-btn.deactivate:hover{background:#f8717133}html:not([data-theme=light]) .admin-student-detail-page .header-action-btn.reset-password{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2459}html:not([data-theme=light]) .admin-student-detail-page .header-action-btn.reset-password:hover{background:#fbbf2433}html:not([data-theme=light]) .admin-student-detail-page .student-detail-section{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px #0003}html:not([data-theme=light]) .admin-student-detail-page .student-detail-section h2{color:#f8fafc}html:not([data-theme=light]) .admin-student-detail-page .student-detail-section .section-subtitle,html:not([data-theme=light]) .admin-student-detail-page .student-detail-section .section-empty-text,html:not([data-theme=light]) .admin-student-detail-page .student-detail-section .section-loading-text{color:#cbd5e1}html:not([data-theme=light]) .admin-student-detail-page .student-info-grid .student-info-row dt{color:#94a3b8}html:not([data-theme=light]) .admin-student-detail-page .student-info-grid .student-info-row dd{color:#f1f5f9}html:not([data-theme=light]) .admin-student-detail-page .student-courses-list .student-course-link{color:#e2e8f0;background:#111827;border-color:#334155}html:not([data-theme=light]) .admin-student-detail-page .student-courses-list .student-course-link>svg:first-child{color:#a5b4fc;flex-shrink:0}html:not([data-theme=light]) .admin-student-detail-page .student-courses-list .student-course-link:hover{background:#6366f124;border-color:#6366f1}html:not([data-theme=light]) .admin-student-detail-page .student-courses-list .student-course-link .course-link-text strong{color:#fff;font-weight:600}html:not([data-theme=light]) .admin-student-detail-page .student-courses-list .student-course-link .course-link-text .course-link-meta{color:#cbd5e1}html:not([data-theme=light]) .admin-student-detail-page .student-courses-list .student-course-link .course-link-chevron{color:#94a3b8}html:not([data-theme=light]) .admin-student-detail-page .student-courses-list .student-course-link:hover .course-link-chevron{color:#c7d2fe}html:not([data-theme=light]) .admin-student-detail-page .attendance-period-filters .period-preset-btn{color:#e2e8f0;background:#111827;border-color:#334155;font-weight:500}html:not([data-theme=light]) .admin-student-detail-page .attendance-period-filters .period-preset-btn:hover:not(.is-active){color:#f8fafc;background:#1e293b;border-color:#475569}html:not([data-theme=light]) .admin-student-detail-page .attendance-period-filters .period-preset-btn.is-active{color:#fff;background:#6366f138;border-color:#6366f1;font-weight:600}html:not([data-theme=light]) .admin-student-detail-page .attendance-custom-range label{color:#e2e8f0}html:not([data-theme=light]) .admin-student-detail-page .attendance-custom-range label input[type=date]{color:#f8fafc;background:#111827;border-color:#334155}html:not([data-theme=light]) .admin-student-detail-page .attendance-custom-range label input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.85)}html:not([data-theme=light]) .admin-student-detail-page .attendance-empty-all{color:#e2e8f0;background:#111827;border:1px solid #334155}html:not([data-theme=light]) .admin-student-detail-page .attendance-history-error{color:#fca5a5;background:#f871711a;border:1px solid #f8717140}html:not([data-theme=light]) .admin-student-detail-page .attendance-history-error .retry-btn{color:#fca5a5;background:#1e293b;border-color:#f8717159}html:not([data-theme=light]) .admin-student-detail-page .attendance-history-error .retry-btn:hover{background:#334155}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card{background:#111827;border-color:#334155}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card.skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%) 0 0/200% 100%}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card.status-present{background:#10b9811a;border-left-color:#34d399}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card.status-late{background:#f59e0b1a;border-left-color:#fbbf24}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card.status-absent{background:#ef44441a;border-left-color:#f87171}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card.status-excused{background:#6366f11a;border-left-color:#818cf8}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card.is-makeup{background:#8b5cf624;border-color:#7c3aed}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card.is-makeup .attendance-group-header h3{color:#fff}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card .attendance-group-header h3{color:#fff;font-weight:700}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card .attendance-group-header .attendance-group-count{color:#f1f5f9;background:#ffffff14;border-radius:999px;padding:2px 8px;font-weight:600}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card .attendance-group-empty{color:#cbd5e1}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card .attendance-group-list li{border-bottom-color:#334155}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-main{color:#e2e8f0}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-main .attendance-item-date{color:#fff;font-weight:700}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-main .attendance-item-time{color:#cbd5e1;font-weight:500}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-main .attendance-item-course{color:#f8fafc;font-weight:600}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-comment{color:#e2e8f0;background:#ffffff0f;border-radius:6px;padding:8px 10px}html:not([data-theme=light]) .admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-comment svg{color:#94a3b8;flex-shrink:0;margin-top:2px}html:not([data-theme=light]) .admin-student-detail-page .student-edit-modal{background:#000000a6}html:not([data-theme=light]) .admin-student-detail-page .student-edit-modal .edit-student-form{color:#f1f5f9;background:#1e293b;border:1px solid #334155}}html[data-theme=dark] .admin-student-detail-page{background:#0f172a}html[data-theme=dark] .admin-student-detail-page .loading-container,html[data-theme=dark] .admin-student-detail-page .not-found-container{color:#94a3b8}html[data-theme=dark] .admin-student-detail-page .not-found-container h2{color:#f8fafc}html[data-theme=dark] .admin-student-detail-page .back-to-list-btn{background:#6366f1}html[data-theme=dark] .admin-student-detail-page .back-to-list-btn:hover{background:#4f46e5}html[data-theme=dark] .admin-student-detail-page .student-detail-header{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px #00000040}html[data-theme=dark] .admin-student-detail-page .student-detail-header .back-btn{color:#94a3b8}html[data-theme=dark] .admin-student-detail-page .student-detail-header .back-btn:hover{color:#f8fafc;background:#334155}html[data-theme=dark] .admin-student-detail-page .student-detail-header .header-icon-wrap{color:#34d399;background:#34d3991f}html[data-theme=dark] .admin-student-detail-page .student-detail-header .header-text h1{color:#f8fafc}html[data-theme=dark] .admin-student-detail-page .student-detail-header .header-text .header-academy{color:#94a3b8}html[data-theme=dark] .admin-student-detail-page .student-detail-header .status-badge.status-active{color:#34d399;background:#34d39926}html[data-theme=dark] .admin-student-detail-page .student-detail-header .status-badge.status-inactive{color:#f87171;background:#f8717126}html[data-theme=dark] .admin-student-detail-page .header-actions{border-top-color:#334155}html[data-theme=dark] .admin-student-detail-page .header-action-btn.edit{color:#f1f5f9;background:#334155;border-color:#475569}html[data-theme=dark] .admin-student-detail-page .header-action-btn.edit:hover{background:#475569}html[data-theme=dark] .admin-student-detail-page .header-action-btn.deactivate{color:#f87171;background:#f871711f;border-color:#f871714d}html[data-theme=dark] .admin-student-detail-page .header-action-btn.deactivate:hover{background:#f8717133}html[data-theme=dark] .admin-student-detail-page .header-action-btn.reset-password{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2459}html[data-theme=dark] .admin-student-detail-page .header-action-btn.reset-password:hover{background:#fbbf2433}html[data-theme=dark] .admin-student-detail-page .student-detail-section{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px #0003}html[data-theme=dark] .admin-student-detail-page .student-detail-section h2{color:#f8fafc}html[data-theme=dark] .admin-student-detail-page .student-detail-section .section-subtitle,html[data-theme=dark] .admin-student-detail-page .student-detail-section .section-empty-text,html[data-theme=dark] .admin-student-detail-page .student-detail-section .section-loading-text{color:#cbd5e1}html[data-theme=dark] .admin-student-detail-page .student-info-grid .student-info-row dt{color:#94a3b8}html[data-theme=dark] .admin-student-detail-page .student-info-grid .student-info-row dd{color:#f1f5f9}html[data-theme=dark] .admin-student-detail-page .student-courses-list .student-course-link{color:#e2e8f0;background:#111827;border-color:#334155}html[data-theme=dark] .admin-student-detail-page .student-courses-list .student-course-link>svg:first-child{color:#a5b4fc;flex-shrink:0}html[data-theme=dark] .admin-student-detail-page .student-courses-list .student-course-link:hover{background:#6366f124;border-color:#6366f1}html[data-theme=dark] .admin-student-detail-page .student-courses-list .student-course-link .course-link-text strong{color:#fff;font-weight:600}html[data-theme=dark] .admin-student-detail-page .student-courses-list .student-course-link .course-link-text .course-link-meta{color:#cbd5e1}html[data-theme=dark] .admin-student-detail-page .student-courses-list .student-course-link .course-link-chevron{color:#94a3b8}html[data-theme=dark] .admin-student-detail-page .student-courses-list .student-course-link:hover .course-link-chevron{color:#c7d2fe}html[data-theme=dark] .admin-student-detail-page .attendance-period-filters .period-preset-btn{color:#e2e8f0;background:#111827;border-color:#334155;font-weight:500}html[data-theme=dark] .admin-student-detail-page .attendance-period-filters .period-preset-btn:hover:not(.is-active){color:#f8fafc;background:#1e293b;border-color:#475569}html[data-theme=dark] .admin-student-detail-page .attendance-period-filters .period-preset-btn.is-active{color:#fff;background:#6366f138;border-color:#6366f1;font-weight:600}html[data-theme=dark] .admin-student-detail-page .attendance-custom-range label{color:#e2e8f0}html[data-theme=dark] .admin-student-detail-page .attendance-custom-range label input[type=date]{color:#f8fafc;background:#111827;border-color:#334155}html[data-theme=dark] .admin-student-detail-page .attendance-custom-range label input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.85)}html[data-theme=dark] .admin-student-detail-page .attendance-empty-all{color:#e2e8f0;background:#111827;border:1px solid #334155}html[data-theme=dark] .admin-student-detail-page .attendance-history-error{color:#fca5a5;background:#f871711a;border:1px solid #f8717140}html[data-theme=dark] .admin-student-detail-page .attendance-history-error .retry-btn{color:#fca5a5;background:#1e293b;border-color:#f8717159}html[data-theme=dark] .admin-student-detail-page .attendance-history-error .retry-btn:hover{background:#334155}html[data-theme=dark] .admin-student-detail-page .attendance-group-card{background:#111827;border-color:#334155}html[data-theme=dark] .admin-student-detail-page .attendance-group-card.skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%) 0 0/200% 100%}html[data-theme=dark] .admin-student-detail-page .attendance-group-card.status-present{background:#10b9811a;border-left-color:#34d399}html[data-theme=dark] .admin-student-detail-page .attendance-group-card.status-late{background:#f59e0b1a;border-left-color:#fbbf24}html[data-theme=dark] .admin-student-detail-page .attendance-group-card.status-absent{background:#ef44441a;border-left-color:#f87171}html[data-theme=dark] .admin-student-detail-page .attendance-group-card.status-excused{background:#6366f11a;border-left-color:#818cf8}html[data-theme=dark] .admin-student-detail-page .attendance-group-card.is-makeup{background:#8b5cf624;border-color:#7c3aed}html[data-theme=dark] .admin-student-detail-page .attendance-group-card.is-makeup .attendance-group-header h3{color:#fff}html[data-theme=dark] .admin-student-detail-page .attendance-group-card .attendance-group-header h3{color:#fff;font-weight:700}html[data-theme=dark] .admin-student-detail-page .attendance-group-card .attendance-group-header .attendance-group-count{color:#f1f5f9;background:#ffffff14;border-radius:999px;padding:2px 8px;font-weight:600}html[data-theme=dark] .admin-student-detail-page .attendance-group-card .attendance-group-empty{color:#cbd5e1}html[data-theme=dark] .admin-student-detail-page .attendance-group-card .attendance-group-list li{border-bottom-color:#334155}html[data-theme=dark] .admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-main{color:#e2e8f0}html[data-theme=dark] .admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-main .attendance-item-date{color:#fff;font-weight:700}html[data-theme=dark] .admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-main .attendance-item-time{color:#cbd5e1;font-weight:500}html[data-theme=dark] .admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-main .attendance-item-course{color:#f8fafc;font-weight:600}html[data-theme=dark] .admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-comment{color:#e2e8f0;background:#ffffff0f;border-radius:6px;padding:8px 10px}html[data-theme=dark] .admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-comment svg{color:#94a3b8;flex-shrink:0;margin-top:2px}html[data-theme=dark] .admin-student-detail-page .student-edit-modal{background:#000000a6}html[data-theme=dark] .admin-student-detail-page .student-edit-modal .edit-student-form{color:#f1f5f9;background:#1e293b;border:1px solid #334155}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-reset-password-modal .reset-password-plain-hint{color:#94a3b8}html:not([data-theme=light]) .admin-reset-password-modal .reset-password-requirements{background:#0f172a;border-color:#334155}html:not([data-theme=light]) .admin-reset-password-modal .reset-password-requirements-title{color:#e2e8f0}html:not([data-theme=light]) .admin-reset-password-modal .reset-password-requirements ul{color:#94a3b8}html:not([data-theme=light]) .admin-reset-password-modal .reset-password-requirements ul li.is-met{color:#34d399}html:not([data-theme=light]) .admin-reset-password-modal .reset-password-field-error{color:#fca5a5}html:not([data-theme=light]) .student-detail-toast{color:#6ee7b7;background:#10b98126;border-color:#34d39959}html:not([data-theme=light]) .student-detail-toast.is-error{color:#fca5a5;background:#f871711f;border-color:#f8717159}}html[data-theme=dark] .admin-reset-password-modal .reset-password-plain-hint{color:#94a3b8}html[data-theme=dark] .admin-reset-password-modal .reset-password-requirements{background:#0f172a;border-color:#334155}html[data-theme=dark] .admin-reset-password-modal .reset-password-requirements-title{color:#e2e8f0}html[data-theme=dark] .admin-reset-password-modal .reset-password-requirements ul{color:#94a3b8}html[data-theme=dark] .admin-reset-password-modal .reset-password-requirements ul li.is-met{color:#34d399}html[data-theme=dark] .admin-reset-password-modal .reset-password-field-error{color:#fca5a5}html[data-theme=dark] .student-detail-toast{color:#6ee7b7;background:#10b98126;border-color:#34d39959}html[data-theme=dark] .student-detail-toast.is-error{color:#fca5a5;background:#f871711f;border-color:#f8717159}.admin-instructor-management-page{background:#f8fafc;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.admin-instructor-management-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-instructor-management-page .page-header .header-content{justify-content:space-between;align-items:center;display:flex}.admin-instructor-management-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.admin-instructor-management-page .page-header .header-content .header-title .header-icon{color:#10b981}.admin-instructor-management-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.admin-instructor-management-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.admin-instructor-management-page .account-usage-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-instructor-management-page .account-usage-container .usage-card{justify-content:space-around;align-items:center;gap:24px;display:flex}.admin-instructor-management-page .account-usage-container .usage-card .usage-item{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-label{color:#6b7280;text-align:center;font-size:14px;font-weight:500}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value{text-align:center;border-radius:8px;min-width:60px;padding:8px 16px;font-size:24px;font-weight:700;transition:all .2s}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.quota{color:#374151;background:#f3f4f6;border:2px solid #d1d5db}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.used{color:#92400e;background:#fef3c7;border:2px solid #f59e0b}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.remaining{color:#065f46;background:#d1fae5;border:2px solid #10b981}.admin-instructor-management-page .add-instructor-form-container{flex-shrink:0}.admin-instructor-management-page .search-filter-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;padding:20px 24px;box-shadow:0 1px 3px #0000001a}.admin-instructor-management-page .search-filter-container .search-bar{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.admin-instructor-management-page .search-filter-container .search-bar:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.admin-instructor-management-page .search-filter-container .search-bar::placeholder{color:#9ca3af}.admin-instructor-management-page .instructor-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;padding:24px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.admin-instructor-management-page .instructor-list-container .admin-table{box-shadow:none;background:0 0;border:none;margin:0;padding:0}.admin-instructor-management-page .instructor-list-container .admin-table h3{color:#1f2937;border-bottom:1px solid #e5e7eb;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.admin-instructor-management-page .instructor-list-container .admin-table .table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.admin-instructor-management-page .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.admin-instructor-management-page .loading-container p{color:#6b7280;margin:0;font-size:16px}.instructor-list{border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;margin-top:20px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.instructor-list thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.instructor-list thead th{text-align:left;color:#374151;border-right:1px solid #e5e7eb;padding:16px 12px;font-size:14px;font-weight:600}.instructor-list thead th:last-child{border-right:none}.instructor-list tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.instructor-list tbody tr:hover{background:#f9fafb}.instructor-list tbody tr:last-child{border-bottom:none}.instructor-list tbody tr td{text-align:left;color:#374151;border-right:1px solid #e5e7eb;padding:16px 12px;font-size:14px}.instructor-list tbody tr td:last-child{border-right:none}.button-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.button-group button{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:80px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.button-group button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.button-group button:active{transform:translateY(0)}.button-group button.add{color:#fff;background:#10b981;border-color:#10b981}.button-group button.add:hover{background:#059669;border-color:#047857}.button-group button.edit{color:#fff;background:#3b82f6;border-color:#3b82f6}.button-group button.edit:hover{background:#2563eb;border-color:#1d4ed8}.button-group button.delete{color:#fff;background:#ef4444;border-color:#ef4444}.button-group button.delete:hover{background:#dc2626;border-color:#b91c1c}.button-group button.reset-password{color:#fff;background:#f59e0b;border-color:#f59e0b}.button-group button.reset-password:hover{background:#d97706;border-color:#b45309}.instructor-edit-modal{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}.instructor-edit-modal .modal-content{border-radius:12px;width:100%;max-width:600px;max-height:calc(100vh - 40px);animation:.3s ease-out modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.instructor-edit-modal .modal-content:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.instructor-edit-modal .modal-content button{width:100%;margin-top:16px}@media (width<=768px){.admin-instructor-management-page .account-usage-container{padding:12px 16px}.admin-instructor-management-page .account-usage-container .usage-card{flex-direction:row;align-items:stretch;gap:8px}.admin-instructor-management-page .account-usage-container .usage-card .usage-item{gap:6px;min-width:0}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-label{font-size:11px;line-height:1.3}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value{box-sizing:border-box;width:100%;min-width:0;padding:6px 8px;font-size:18px}.admin-instructor-management-page .search-filter-container,.admin-instructor-management-page .instructor-list-container{padding:16px}.instructor-list{font-size:12px}.instructor-list thead th,.instructor-list tbody td{padding:12px 8px}.button-group{flex-direction:column;align-items:stretch;gap:8px}.button-group button{width:100%;min-width:auto}.instructor-edit-modal{padding:16px}.instructor-edit-modal .modal-content{border-radius:12px;max-width:100%}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-instructor-management-page{background:#1e293b}html:not([data-theme=light]) .admin-instructor-management-page .page-header{background:#334155;border-color:#475569}html:not([data-theme=light]) .admin-instructor-management-page .page-header .header-content .header-title .header-icon{color:#10b981}html:not([data-theme=light]) .admin-instructor-management-page .page-header .header-content .header-title h1{color:#f8fafc}html:not([data-theme=light]) .admin-instructor-management-page .page-header .header-content .header-title .header-description{color:#cbd5e1}html:not([data-theme=light]) .admin-instructor-management-page .account-usage-container{background:#334155;border-color:#475569}html:not([data-theme=light]) .admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-label{color:#cbd5e1}html:not([data-theme=light]) .admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.quota{color:#e2e8f0;background:#475569;border-color:#64748b}html:not([data-theme=light]) .admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.used{color:#fbbf24;background:#744210;border-color:#f59e0b}html:not([data-theme=light]) .admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.remaining{color:#6ee7b7;background:#064e3b;border-color:#10b981}html:not([data-theme=light]) .admin-instructor-management-page .search-filter-container{background:#334155;border-color:#475569}html:not([data-theme=light]) .admin-instructor-management-page .search-filter-container .search-bar{color:#f8fafc;background:#334155;border-color:#475569}html:not([data-theme=light]) .admin-instructor-management-page .search-filter-container .search-bar:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}html:not([data-theme=light]) .admin-instructor-management-page .search-filter-container .search-bar::placeholder{color:#94a3b8}html:not([data-theme=light]) .admin-instructor-management-page .instructor-list-container{background:#334155;border-color:#475569}html:not([data-theme=light]) .admin-instructor-management-page .instructor-list-container .admin-table h3{color:#f8fafc;border-bottom-color:#475569}html:not([data-theme=light]) .admin-instructor-management-page .instructor-list-container .admin-table .table-wrapper{border-color:#475569}html:not([data-theme=light]) .admin-instructor-management-page .loading-container p{color:#cbd5e1}html:not([data-theme=light]) .instructor-list{background:#334155;border-color:#475569}html:not([data-theme=light]) .instructor-list thead{background:#475569;border-bottom-color:#64748b}html:not([data-theme=light]) .instructor-list thead th{color:#e2e8f0;border-right-color:#64748b}html:not([data-theme=light]) .instructor-list tbody tr{border-bottom-color:#475569}html:not([data-theme=light]) .instructor-list tbody tr:hover{background:#475569}html:not([data-theme=light]) .instructor-list tbody tr td{color:#e2e8f0;border-right-color:#475569}html:not([data-theme=light]) .button-group button.add{background:#10b981}html:not([data-theme=light]) .button-group button.add:hover{background:#059669}html:not([data-theme=light]) .button-group button.edit{background:#3b82f6}html:not([data-theme=light]) .button-group button.edit:hover{background:#2563eb}html:not([data-theme=light]) .button-group button.delete{background:#ef4444}html:not([data-theme=light]) .button-group button.delete:hover{background:#dc2626}html:not([data-theme=light]) .button-group button.reset-password{background:#f59e0b}html:not([data-theme=light]) .button-group button.reset-password:hover{background:#d97706}html:not([data-theme=light]) .instructor-edit-modal{background:#000000b3}html:not([data-theme=light]) .instructor-edit-modal .modal-content{background:#1e293b;border-color:#334155}}html[data-theme=dark] .admin-instructor-management-page{background:#1e293b}html[data-theme=dark] .admin-instructor-management-page .page-header{background:#334155;border-color:#475569}html[data-theme=dark] .admin-instructor-management-page .page-header .header-content .header-title .header-icon{color:#10b981}html[data-theme=dark] .admin-instructor-management-page .page-header .header-content .header-title h1{color:#f8fafc}html[data-theme=dark] .admin-instructor-management-page .page-header .header-content .header-title .header-description{color:#cbd5e1}html[data-theme=dark] .admin-instructor-management-page .account-usage-container{background:#334155;border-color:#475569}html[data-theme=dark] .admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-label{color:#cbd5e1}html[data-theme=dark] .admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.quota{color:#e2e8f0;background:#475569;border-color:#64748b}html[data-theme=dark] .admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.used{color:#fbbf24;background:#744210;border-color:#f59e0b}html[data-theme=dark] .admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.remaining{color:#6ee7b7;background:#064e3b;border-color:#10b981}html[data-theme=dark] .admin-instructor-management-page .search-filter-container{background:#334155;border-color:#475569}html[data-theme=dark] .admin-instructor-management-page .search-filter-container .search-bar{color:#f8fafc;background:#334155;border-color:#475569}html[data-theme=dark] .admin-instructor-management-page .search-filter-container .search-bar:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}html[data-theme=dark] .admin-instructor-management-page .search-filter-container .search-bar::placeholder{color:#94a3b8}html[data-theme=dark] .admin-instructor-management-page .instructor-list-container{background:#334155;border-color:#475569}html[data-theme=dark] .admin-instructor-management-page .instructor-list-container .admin-table h3{color:#f8fafc;border-bottom-color:#475569}html[data-theme=dark] .admin-instructor-management-page .instructor-list-container .admin-table .table-wrapper{border-color:#475569}html[data-theme=dark] .admin-instructor-management-page .loading-container p{color:#cbd5e1}html[data-theme=dark] .instructor-list{background:#334155;border-color:#475569}html[data-theme=dark] .instructor-list thead{background:#475569;border-bottom-color:#64748b}html[data-theme=dark] .instructor-list thead th{color:#e2e8f0;border-right-color:#64748b}html[data-theme=dark] .instructor-list tbody tr{border-bottom-color:#475569}html[data-theme=dark] .instructor-list tbody tr:hover{background:#475569}html[data-theme=dark] .instructor-list tbody tr td{color:#e2e8f0;border-right-color:#475569}html[data-theme=dark] .button-group button.add{background:#10b981}html[data-theme=dark] .button-group button.add:hover{background:#059669}html[data-theme=dark] .button-group button.edit{background:#3b82f6}html[data-theme=dark] .button-group button.edit:hover{background:#2563eb}html[data-theme=dark] .button-group button.delete{background:#ef4444}html[data-theme=dark] .button-group button.delete:hover{background:#dc2626}html[data-theme=dark] .button-group button.reset-password{background:#f59e0b}html[data-theme=dark] .button-group button.reset-password:hover{background:#d97706}html[data-theme=dark] .instructor-edit-modal{background:#000000b3}html[data-theme=dark] .instructor-edit-modal .modal-content{background:#1e293b;border-color:#334155}@media (width<=768px){.admin-instructor-management-page,.admin-student-management-page,.admin-parent-management-page,.admin-join-code-management-page{gap:12px;padding:12px}.admin-instructor-management-page .page-header,.admin-student-management-page .page-header,.admin-parent-management-page .page-header,.admin-join-code-management-page .page-header{border-radius:10px;padding:12px 14px}.admin-instructor-management-page .page-header .header-content,.admin-student-management-page .page-header .header-content,.admin-parent-management-page .page-header .header-content,.admin-join-code-management-page .page-header .header-content{flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px 12px}.admin-instructor-management-page .page-header .header-content .header-title,.admin-student-management-page .page-header .header-content .header-title,.admin-parent-management-page .page-header .header-content .header-title,.admin-join-code-management-page .page-header .header-content .header-title{text-align:left;flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.admin-instructor-management-page .page-header .header-content .header-title .header-icon,.admin-student-management-page .page-header .header-content .header-title .header-icon,.admin-parent-management-page .page-header .header-content .header-title .header-icon,.admin-join-code-management-page .page-header .header-content .header-title .header-icon{flex-shrink:0;width:22px;height:22px}.admin-instructor-management-page .page-header .header-content .header-title h1,.admin-student-management-page .page-header .header-content .header-title h1,.admin-parent-management-page .page-header .header-content .header-title h1,.admin-join-code-management-page .page-header .header-content .header-title h1{margin:0;font-size:17px;font-weight:700;line-height:1.25}.admin-instructor-management-page .page-header .header-content .header-title .header-description,.admin-student-management-page .page-header .header-content .header-title .header-description,.admin-parent-management-page .page-header .header-content .header-title .header-description,.admin-join-code-management-page .page-header .header-content .header-title .header-description{display:none}.admin-instructor-management-page .page-header .header-content .header-actions,.admin-student-management-page .page-header .header-content .header-actions,.admin-parent-management-page .page-header .header-content .header-actions,.admin-join-code-management-page .page-header .header-content .header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto;display:flex}.admin-instructor-management-page .page-header .header-content .header-actions button,.admin-instructor-management-page .page-header .header-content .header-actions .register-student-btn,.admin-instructor-management-page .page-header .header-content .header-actions .bulk-category-btn,.admin-student-management-page .page-header .header-content .header-actions button,.admin-student-management-page .page-header .header-content .header-actions .register-student-btn,.admin-student-management-page .page-header .header-content .header-actions .bulk-category-btn,.admin-parent-management-page .page-header .header-content .header-actions button,.admin-parent-management-page .page-header .header-content .header-actions .register-student-btn,.admin-parent-management-page .page-header .header-content .header-actions .bulk-category-btn,.admin-join-code-management-page .page-header .header-content .header-actions button,.admin-join-code-management-page .page-header .header-content .header-actions .register-student-btn,.admin-join-code-management-page .page-header .header-content .header-actions .bulk-category-btn{box-shadow:none;white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600}.admin-instructor-management-page .page-header .header-content .header-actions button:hover,.admin-instructor-management-page .page-header .header-content .header-actions .register-student-btn:hover,.admin-instructor-management-page .page-header .header-content .header-actions .bulk-category-btn:hover,.admin-student-management-page .page-header .header-content .header-actions button:hover,.admin-student-management-page .page-header .header-content .header-actions .register-student-btn:hover,.admin-student-management-page .page-header .header-content .header-actions .bulk-category-btn:hover,.admin-parent-management-page .page-header .header-content .header-actions button:hover,.admin-parent-management-page .page-header .header-content .header-actions .register-student-btn:hover,.admin-parent-management-page .page-header .header-content .header-actions .bulk-category-btn:hover,.admin-join-code-management-page .page-header .header-content .header-actions button:hover,.admin-join-code-management-page .page-header .header-content .header-actions .register-student-btn:hover,.admin-join-code-management-page .page-header .header-content .header-actions .bulk-category-btn:hover{transform:none}.admin-instructor-management-page .page-header .header-content .header-actions button svg,.admin-instructor-management-page .page-header .header-content .header-actions .register-student-btn svg,.admin-instructor-management-page .page-header .header-content .header-actions .bulk-category-btn svg,.admin-student-management-page .page-header .header-content .header-actions button svg,.admin-student-management-page .page-header .header-content .header-actions .register-student-btn svg,.admin-student-management-page .page-header .header-content .header-actions .bulk-category-btn svg,.admin-parent-management-page .page-header .header-content .header-actions button svg,.admin-parent-management-page .page-header .header-content .header-actions .register-student-btn svg,.admin-parent-management-page .page-header .header-content .header-actions .bulk-category-btn svg,.admin-join-code-management-page .page-header .header-content .header-actions button svg,.admin-join-code-management-page .page-header .header-content .header-actions .register-student-btn svg,.admin-join-code-management-page .page-header .header-content .header-actions .bulk-category-btn svg{flex-shrink:0;width:15px;height:15px}}@media (width<=480px){.admin-instructor-management-page .page-header .header-content .header-title h1,.admin-student-management-page .page-header .header-content .header-title h1,.admin-parent-management-page .page-header .header-content .header-title h1,.admin-join-code-management-page .page-header .header-content .header-title h1{font-size:16px}:is(.admin-instructor-management-page .page-header .header-content .header-actions:has(>:nth-child(2)),.admin-student-management-page .page-header .header-content .header-actions:has(>:nth-child(2)),.admin-parent-management-page .page-header .header-content .header-actions:has(>:nth-child(2)),.admin-join-code-management-page .page-header .header-content .header-actions:has(>:nth-child(2))){flex:100%;justify-content:flex-start;margin-left:0}.admin-instructor-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) button{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-instructor-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .register-student-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-instructor-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .bulk-category-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-student-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) button{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-student-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .register-student-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-student-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .bulk-category-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-parent-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) button{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-parent-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .register-student-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-parent-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .bulk-category-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-join-code-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) button{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-join-code-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .register-student-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-join-code-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .bulk-category-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}}.admin-parent-management-page{background:#f8fafc;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.admin-parent-management-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-parent-management-page .page-header .header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-parent-management-page .page-header .header-title{align-items:center;gap:16px;display:flex}.admin-parent-management-page .page-header .header-title .header-icon{color:#8b5cf6}.admin-parent-management-page .page-header .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px}.admin-parent-management-page .page-header .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.admin-parent-management-page .search-filter-container .search-input{border:1px solid #d1d5db;border-radius:8px;width:100%;max-width:420px;padding:12px 16px;font-size:14px}.admin-parent-management-page .loading-text{color:#6b7280}.admin-parent-management-page .parent-list-table .parent-list-checkbox-col{text-align:center;width:48px}.admin-parent-management-page .parent-list-table .parent-list-name-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-parent-management-page .parent-list-table .parent-list-badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.admin-parent-management-page .parent-list-table .parent-list-badge.pending{color:#92400e;background:#fef3c7}.admin-parent-management-page .parent-list-table .parent-list-badge.inactive{color:#b91c1c;background:#fee2e2}.admin-parent-management-page .parent-list-table .parent-list-children-badge{color:#4338ca;white-space:nowrap;cursor:default;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.admin-parent-management-page .parent-list-table .parent-list-children-empty{color:#9ca3af;font-size:13px}.admin-parent-management-page .parent-management-toast{z-index:2200;color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:12px 16px;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0000001f}.admin-parent-management-page .parent-management-toast.is-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-parent-management-page{background:#0f172a}html:not([data-theme=light]) .admin-parent-management-page .page-header{background:#1e293b;border-color:#334155}html:not([data-theme=light]) .admin-parent-management-page .page-header .header-title h1{color:#f8fafc}html:not([data-theme=light]) .admin-parent-management-page .page-header .header-description{color:#94a3b8}html:not([data-theme=light]) .admin-parent-management-page .search-filter-container .search-input{color:#f1f5f9;background:#334155;border-color:#475569}html:not([data-theme=light]) .admin-parent-management-page .parent-management-toast{color:#6ee7b7;background:#10b98126;border-color:#34d39959}html:not([data-theme=light]) .admin-parent-management-page .parent-management-toast.is-error{color:#fca5a5;background:#f871711f;border-color:#f8717159}}html[data-theme=dark] .admin-parent-management-page{background:#0f172a}html[data-theme=dark] .admin-parent-management-page .page-header{background:#1e293b;border-color:#334155}html[data-theme=dark] .admin-parent-management-page .page-header .header-title h1{color:#f8fafc}html[data-theme=dark] .admin-parent-management-page .page-header .header-description{color:#94a3b8}html[data-theme=dark] .admin-parent-management-page .search-filter-container .search-input{color:#f1f5f9;background:#334155;border-color:#475569}html[data-theme=dark] .admin-parent-management-page .parent-management-toast{color:#6ee7b7;background:#10b98126;border-color:#34d39959}html[data-theme=dark] .admin-parent-management-page .parent-management-toast.is-error{color:#fca5a5;background:#f871711f;border-color:#f8717159}@media (width<=768px){.admin-instructor-management-page,.admin-student-management-page,.admin-parent-management-page,.admin-join-code-management-page{gap:12px;padding:12px}.admin-instructor-management-page .page-header,.admin-student-management-page .page-header,.admin-parent-management-page .page-header,.admin-join-code-management-page .page-header{border-radius:10px;padding:12px 14px}.admin-instructor-management-page .page-header .header-content,.admin-student-management-page .page-header .header-content,.admin-parent-management-page .page-header .header-content,.admin-join-code-management-page .page-header .header-content{flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px 12px}.admin-instructor-management-page .page-header .header-content .header-title,.admin-student-management-page .page-header .header-content .header-title,.admin-parent-management-page .page-header .header-content .header-title,.admin-join-code-management-page .page-header .header-content .header-title{text-align:left;flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.admin-instructor-management-page .page-header .header-content .header-title .header-icon,.admin-student-management-page .page-header .header-content .header-title .header-icon,.admin-parent-management-page .page-header .header-content .header-title .header-icon,.admin-join-code-management-page .page-header .header-content .header-title .header-icon{flex-shrink:0;width:22px;height:22px}.admin-instructor-management-page .page-header .header-content .header-title h1,.admin-student-management-page .page-header .header-content .header-title h1,.admin-parent-management-page .page-header .header-content .header-title h1,.admin-join-code-management-page .page-header .header-content .header-title h1{margin:0;font-size:17px;font-weight:700;line-height:1.25}.admin-instructor-management-page .page-header .header-content .header-title .header-description,.admin-student-management-page .page-header .header-content .header-title .header-description,.admin-parent-management-page .page-header .header-content .header-title .header-description,.admin-join-code-management-page .page-header .header-content .header-title .header-description{display:none}.admin-instructor-management-page .page-header .header-content .header-actions,.admin-student-management-page .page-header .header-content .header-actions,.admin-parent-management-page .page-header .header-content .header-actions,.admin-join-code-management-page .page-header .header-content .header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto;display:flex}.admin-instructor-management-page .page-header .header-content .header-actions button,.admin-instructor-management-page .page-header .header-content .header-actions .register-student-btn,.admin-instructor-management-page .page-header .header-content .header-actions .bulk-category-btn,.admin-student-management-page .page-header .header-content .header-actions button,.admin-student-management-page .page-header .header-content .header-actions .register-student-btn,.admin-student-management-page .page-header .header-content .header-actions .bulk-category-btn,.admin-parent-management-page .page-header .header-content .header-actions button,.admin-parent-management-page .page-header .header-content .header-actions .register-student-btn,.admin-parent-management-page .page-header .header-content .header-actions .bulk-category-btn,.admin-join-code-management-page .page-header .header-content .header-actions button,.admin-join-code-management-page .page-header .header-content .header-actions .register-student-btn,.admin-join-code-management-page .page-header .header-content .header-actions .bulk-category-btn{box-shadow:none;white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600}.admin-instructor-management-page .page-header .header-content .header-actions button:hover,.admin-instructor-management-page .page-header .header-content .header-actions .register-student-btn:hover,.admin-instructor-management-page .page-header .header-content .header-actions .bulk-category-btn:hover,.admin-student-management-page .page-header .header-content .header-actions button:hover,.admin-student-management-page .page-header .header-content .header-actions .register-student-btn:hover,.admin-student-management-page .page-header .header-content .header-actions .bulk-category-btn:hover,.admin-parent-management-page .page-header .header-content .header-actions button:hover,.admin-parent-management-page .page-header .header-content .header-actions .register-student-btn:hover,.admin-parent-management-page .page-header .header-content .header-actions .bulk-category-btn:hover,.admin-join-code-management-page .page-header .header-content .header-actions button:hover,.admin-join-code-management-page .page-header .header-content .header-actions .register-student-btn:hover,.admin-join-code-management-page .page-header .header-content .header-actions .bulk-category-btn:hover{transform:none}.admin-instructor-management-page .page-header .header-content .header-actions button svg,.admin-instructor-management-page .page-header .header-content .header-actions .register-student-btn svg,.admin-instructor-management-page .page-header .header-content .header-actions .bulk-category-btn svg,.admin-student-management-page .page-header .header-content .header-actions button svg,.admin-student-management-page .page-header .header-content .header-actions .register-student-btn svg,.admin-student-management-page .page-header .header-content .header-actions .bulk-category-btn svg,.admin-parent-management-page .page-header .header-content .header-actions button svg,.admin-parent-management-page .page-header .header-content .header-actions .register-student-btn svg,.admin-parent-management-page .page-header .header-content .header-actions .bulk-category-btn svg,.admin-join-code-management-page .page-header .header-content .header-actions button svg,.admin-join-code-management-page .page-header .header-content .header-actions .register-student-btn svg,.admin-join-code-management-page .page-header .header-content .header-actions .bulk-category-btn svg{flex-shrink:0;width:15px;height:15px}}@media (width<=480px){.admin-instructor-management-page .page-header .header-content .header-title h1,.admin-student-management-page .page-header .header-content .header-title h1,.admin-parent-management-page .page-header .header-content .header-title h1,.admin-join-code-management-page .page-header .header-content .header-title h1{font-size:16px}:is(.admin-instructor-management-page .page-header .header-content .header-actions:has(>:nth-child(2)),.admin-student-management-page .page-header .header-content .header-actions:has(>:nth-child(2)),.admin-parent-management-page .page-header .header-content .header-actions:has(>:nth-child(2)),.admin-join-code-management-page .page-header .header-content .header-actions:has(>:nth-child(2))){flex:100%;justify-content:flex-start;margin-left:0}.admin-instructor-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) button{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-instructor-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .register-student-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-instructor-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .bulk-category-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-student-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) button{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-student-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .register-student-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-student-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .bulk-category-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-parent-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) button{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-parent-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .register-student-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-parent-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .bulk-category-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-join-code-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) button{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-join-code-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .register-student-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}.admin-join-code-management-page .page-header .header-content .header-actions:has(>:nth-child(2)) .bulk-category-btn{flex:auto;justify-content:center;min-width:0;padding:8px 10px}}.issue-join-code-overlay{z-index:1100;background:var(--overlay);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.issue-join-code-modal{background:var(--surface-0);border:1px solid var(--border-muted);width:100%;max-width:440px;max-height:90vh;box-shadow:var(--card-shadow);border-radius:12px;overflow-y:auto}.issue-join-code-header{align-items:flex-start;gap:12px;padding:20px 20px 0;display:flex}.issue-join-code-header-icon{background:var(--accent-subtle-bg);width:36px;height:36px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.issue-join-code-header-copy{flex:1;min-width:0}.issue-join-code-header-copy h2{color:var(--text-heading);margin:0 0 4px;font-size:18px;font-weight:700}.issue-join-code-header-copy p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.issue-join-code-close{border:1px solid var(--border-default);background:var(--surface-0);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.issue-join-code-close:hover:not(:disabled){background:var(--surface-1);color:var(--text-heading)}.issue-join-code-close:disabled{opacity:.5;cursor:not-allowed}.issue-join-code-form,.issue-join-code-success{padding:16px 20px 20px}.issue-join-code-field{margin-bottom:14px}.issue-join-code-field label{color:var(--text-heading);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.issue-join-code-field select{border:1px solid var(--border-default);background:var(--input-bg);width:100%;min-width:0;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:14px}.issue-join-code-roles{border:0;min-width:0;margin:0 0 12px;padding:0}.issue-join-code-roles legend{color:var(--text-heading);margin-bottom:8px;font-size:13px;font-weight:600}.issue-join-code-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.issue-join-code-role-card{border:1px solid var(--border-default);background:var(--surface-0);min-width:0;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:12px;font-weight:600;display:flex}.issue-join-code-role-card svg{color:var(--text-muted)}.issue-join-code-role-card:hover:not(:disabled){border-color:var(--accent-subtle-border);background:var(--accent-subtle-bg)}.issue-join-code-role-card.is-selected{border-color:var(--accent);background:var(--accent-subtle-bg);color:var(--accent-subtle-fg)}.issue-join-code-role-card.is-selected svg{color:var(--accent)}.issue-join-code-role-card:disabled{opacity:.5;cursor:not-allowed}.issue-join-code-role-card span{text-align:center;word-break:break-word;line-height:1.2}.issue-join-code-hint{border:1px solid var(--border-muted);background:var(--surface-1);border-radius:8px;margin:0 0 12px;padding:10px 12px}.issue-join-code-hint p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.issue-join-code-hint-title{font-weight:600;color:var(--text-heading)!important;margin-bottom:4px!important}.issue-join-code-hint-meta{color:var(--text-muted)!important;margin-top:6px!important}.issue-join-code-reissue{color:var(--pending-fg)!important;margin-top:8px!important}.issue-join-code-error{color:var(--error-fg);margin:0 0 12px;font-size:13px}.issue-join-code-footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.issue-join-code-secondary,.issue-join-code-primary,.issue-join-code-copy{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.issue-join-code-secondary{border:1px solid var(--border-default);background:var(--surface-0);color:var(--text-heading)}.issue-join-code-secondary:hover:not(:disabled){background:var(--surface-1)}.issue-join-code-primary,.issue-join-code-copy{background:var(--accent);color:#fff;border:0}.issue-join-code-primary:hover:not(:disabled),.issue-join-code-copy:hover:not(:disabled){background:var(--accent-hover)}.issue-join-code-primary:disabled,.issue-join-code-copy:disabled{opacity:.6;cursor:not-allowed}.issue-join-code-success{flex-direction:column;align-items:stretch;gap:10px;display:flex}.issue-join-code-success-role{color:var(--text-secondary);margin:0;font-size:13px;font-weight:600}.issue-join-code-code{border:1px solid var(--border-default);background:var(--surface-1);letter-spacing:.04em;text-align:center;word-break:break-all;color:var(--text-heading);border-radius:8px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:16px;font-weight:700}.issue-join-code-copy{width:100%}.issue-join-code-expires,.issue-join-code-warning{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.issue-join-code-success .issue-join-code-footer{margin-top:4px}.issue-join-code-success .issue-join-code-primary{width:100%}@media (width<=640px){.issue-join-code-role-grid{grid-template-columns:1fr}.issue-join-code-footer .issue-join-code-secondary,.issue-join-code-footer .issue-join-code-primary{flex:100%}}.admin-join-code-management-page{background:var(--app-bg);flex-direction:column;gap:16px;min-height:100vh;padding:24px;display:flex}.admin-join-code-management-page .page-header{background:var(--surface-0);border:1px solid var(--border-muted);box-shadow:var(--shadow-sm);border-radius:12px;padding:20px 24px}.admin-join-code-management-page .page-header .header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-join-code-management-page .page-header .header-title{align-items:center;gap:12px;min-width:0;display:flex}.admin-join-code-management-page .page-header .header-title .header-icon{color:var(--accent);flex-shrink:0}.admin-join-code-management-page .page-header .header-title h1{color:var(--text-heading);margin:0 0 4px;font-size:22px;font-weight:700}.admin-join-code-management-page .page-header .header-title .header-description{color:var(--text-muted);margin:0;font-size:14px}.join-code-issue-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.join-code-issue-btn:hover{background:var(--accent-hover)}.join-code-filters{flex-wrap:wrap;gap:8px;display:flex}.join-code-filter{border:1px solid var(--border-default);background:var(--surface-0);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600}.join-code-filter:hover,.join-code-filter.is-active{border-color:var(--accent-subtle-border);background:var(--accent-subtle-bg);color:var(--accent-subtle-fg)}.join-code-loading{color:var(--text-muted);margin:0}.join-code-status-badge.expired{color:var(--text-muted)}.join-code-status-badge.revoked{color:var(--error-fg)}.join-code-table-wrap{background:var(--surface-0);border:1px solid var(--border-muted);border-radius:12px;overflow-x:auto}.join-code-table{border-collapse:collapse;width:100%;min-width:640px}.join-code-table th,.join-code-table td{text-align:left;border-bottom:1px solid var(--border-muted);color:var(--text-primary);padding:12px 16px;font-size:14px}.join-code-table th{color:var(--text-muted);background:var(--surface-1);font-size:12px;font-weight:600}.join-code-table tr:last-child td{border-bottom:0}.join-code-revoke-btn{border:1px solid var(--border-default);background:var(--surface-0);color:var(--error-fg);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.join-code-revoke-btn:hover{background:var(--error-bg)}.join-code-card-list{margin:0;padding:0;list-style:none;display:none}@media (width<=768px){.admin-join-code-management-page{padding:12px}.admin-join-code-management-page .page-header{padding:12px 14px}.admin-join-code-management-page .page-header .header-description,.join-code-table-wrap{display:none}.join-code-card-list{gap:10px;display:grid}.join-code-card{background:var(--surface-0);border:1px solid var(--border-muted);border-radius:12px;padding:14px}.join-code-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.join-code-card dl{gap:8px;margin:0 0 12px;display:grid}.join-code-card div{min-width:0}.join-code-card dt{color:var(--text-muted);font-size:12px}.join-code-card dd{color:var(--text-primary);margin:2px 0 0;font-size:14px}}.bulk-course-dates-modal.modal{z-index:9999;background:var(--overlay);box-sizing:border-box;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.bulk-course-dates-panel{background:var(--surface-0);width:min(520px,100%);max-height:calc(100vh - 40px);color:var(--text-primary);border:1px solid var(--border-muted);scrollbar-color:var(--terms-scrollbar-thumb) var(--terms-scrollbar-track);border-radius:12px;padding:24px;overflow:auto;box-shadow:0 25px 50px -12px #00000040}.bulk-course-dates-panel::-webkit-scrollbar{width:8px}.bulk-course-dates-panel::-webkit-scrollbar-track{background:var(--terms-scrollbar-track)}.bulk-course-dates-panel::-webkit-scrollbar-thumb{background:var(--terms-scrollbar-thumb);border-radius:4px}.bulk-course-dates-panel h2{color:var(--text-heading);margin:0 0 8px;font-size:20px}.bulk-course-dates-panel h3{color:var(--text-heading);margin:0 0 8px;font-size:15px}.bulk-dates-count,.bulk-dates-period{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.bulk-dates-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bulk-dates-fields .form-group{flex-direction:column;gap:6px;display:flex}.bulk-dates-fields label{color:var(--btn-secondary-fg);font-size:14px;font-weight:600}.bulk-dates-fields .datepicker-input{box-sizing:border-box;border:1px solid var(--input-border);background:var(--surface-0);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:14px}.bulk-dates-fields .datepicker-input::placeholder{color:var(--input-placeholder)}.bulk-dates-fields .datepicker-input:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--input-focus-ring);outline:none}.bulk-dates-fields .datepicker-input:disabled{background:var(--input-bg);color:var(--text-disabled)}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.bulk-dates-datepicker-popper{z-index:10000}.bulk-dates-field-error{color:var(--error-fg);margin:8px 0 0;font-size:13px}.bulk-dates-section{background:var(--surface-1);border:1px solid var(--border-muted);color:var(--text-primary);border-radius:8px;margin-bottom:16px;padding:12px}.bulk-dates-section ul{margin:8px 0 0;padding-left:18px}.bulk-dates-section li+li{margin-top:6px}.bulk-dates-section p{color:var(--text-secondary);margin:0;font-size:14px}.bulk-dates-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--pending-fg)}.bulk-dates-warning h3,.bulk-dates-warning p,.bulk-dates-warning li,.bulk-dates-warning strong,.bulk-dates-warning span{color:var(--pending-fg)}.bulk-dates-warning li{flex-direction:column;gap:2px;display:flex}.bulk-dates-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.bulk-dates-primary,.bulk-dates-secondary{cursor:pointer;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600}.bulk-dates-primary:focus-visible,.bulk-dates-secondary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bulk-dates-primary:disabled,.bulk-dates-secondary:disabled{opacity:.55;cursor:not-allowed}.bulk-dates-primary{background:var(--mypage-admin-accent);color:var(--brand-on-primary);border:none}.bulk-dates-primary:hover:not(:disabled){filter:brightness(1.05)}.bulk-dates-secondary{border:1px solid var(--btn-secondary-border);background:var(--surface-0);color:var(--btn-secondary-fg)}.bulk-dates-secondary:hover:not(:disabled){background:var(--btn-secondary-hover-bg)}@media (width<=640px){.bulk-dates-fields{grid-template-columns:1fr}.bulk-dates-actions{flex-direction:column-reverse}.bulk-dates-actions button{width:100%}}.add-course-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.add-course-form .form-header{text-align:center;margin-bottom:32px}.add-course-form .form-header h3{color:#1f2937;margin:0 0 8px;font-size:24px;font-weight:700}.add-course-form .form-header .form-description{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.add-course-form .form-grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;display:grid}@media (width<=768px){.add-course-form .form-grid{grid-template-columns:1fr;gap:24px}}.add-course-form .form-section .section-header{border-bottom:2px solid #f3f4f6;margin-bottom:20px;padding-bottom:12px}.add-course-form .form-section .section-header h4{color:#374151;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.add-course-form .form-section .section-header h4:before{content:"";background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px;width:4px;height:20px}.add-course-form .form-group{margin-bottom:20px}.add-course-form .form-group:last-child{margin-bottom:0}.add-course-form .form-group .form-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.add-course-form .form-group .form-input,.add-course-form .form-group .form-select,.add-course-form .form-group .form-textarea{color:#374151;box-sizing:border-box;background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.add-course-form .form-group .form-input:focus,.add-course-form .form-group .form-select:focus,.add-course-form .form-group .form-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.add-course-form .form-group .form-input::placeholder,.add-course-form .form-group .form-select::placeholder,.add-course-form .form-group .form-textarea::placeholder{color:#9ca3af}.add-course-form .form-group .form-input:disabled,.add-course-form .form-group .form-select:disabled,.add-course-form .form-group .form-textarea:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.add-course-form .form-group .form-textarea{resize:vertical;min-height:100px}.add-course-form .form-group .form-select{cursor:pointer;background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.add-course-form .date-range-inputs{gap:12px;display:flex}.add-course-form .date-range-inputs .datepicker-input{flex:1;min-width:150px}@media (width<=480px){.add-course-form .date-range-inputs{flex-direction:column;gap:8px}}.add-course-form .day-checkboxes{margin-bottom:20px}.add-course-form .day-checkboxes .checkbox-group{background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:16px;display:grid}.add-course-form .day-checkboxes .checkbox-group .day-checkbox-item{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.add-course-form .day-checkboxes .checkbox-group .day-checkbox-item:hover{background:#f1f5f9}.add-course-form .day-checkboxes .checkbox-group .day-checkbox-item .day-checkbox{accent-color:#3b82f6;cursor:pointer;width:18px;height:18px}.add-course-form .day-checkboxes .checkbox-group .day-checkbox-item .day-label{color:#374151;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500}.add-course-form .day-checkboxes .checkbox-group .day-checkbox-item:has(.day-checkbox:checked){background:#dbeafe;border:1px solid #3b82f6}.add-course-form .day-checkboxes .checkbox-group .day-checkbox-item:has(.day-checkbox:checked) .day-label{color:#1e40af;font-weight:600}@media (width<=768px){.add-course-form .day-checkboxes .checkbox-group{grid-template-columns:repeat(2,1fr);gap:8px}}@media (width<=480px){.add-course-form .day-checkboxes .checkbox-group{grid-template-columns:1fr}}.add-course-form .week-day-time{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;display:grid}.add-course-form .week-day-time .timepicker-input{min-width:120px}.add-course-form .week-day-time .add-time-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #10b98133}.add-course-form .week-day-time .add-time-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 8px #10b9814d}.add-course-form .week-day-time .add-time-btn:active{transform:translateY(0)}.add-course-form .week-day-time .add-time-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}@media (width<=768px){.add-course-form .week-day-time{grid-template-columns:1fr;gap:8px}.add-course-form .week-day-time .add-time-btn{width:100%}}.add-course-form .schedule-list-section{margin-bottom:32px}.add-course-form .schedule-list-section .section-header{margin-bottom:16px}.add-course-form .schedule-list-section .section-header h4{color:#374151;font-size:16px;font-weight:600}.add-course-form .weekday-time-list{flex-direction:column;gap:8px;display:flex}.add-course-form .weekday-time-list .weekday-time-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.add-course-form .weekday-time-list .weekday-time-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.add-course-form .weekday-time-list .weekday-time-item .schedule-info{align-items:center;gap:16px;display:flex}.add-course-form .weekday-time-list .weekday-time-item .schedule-info .day{color:#3730a3;background:#e0e7ff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.add-course-form .weekday-time-list .weekday-time-item .schedule-info .time{color:#6b7280;font-size:14px;font-weight:500}.add-course-form .weekday-time-list .weekday-time-item .delete-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;font-size:18px;transition:all .2s;display:flex}.add-course-form .weekday-time-list .weekday-time-item .delete-btn:hover{color:#b91c1c;background:#fef2f2;transform:scale(1.1)}.add-course-form .form-footer{border-top:2px solid #f3f4f6;padding-top:24px}.add-course-form .form-footer .button-group{justify-content:flex-end;gap:12px;display:flex}.add-course-form .form-footer .button-group button{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.add-course-form .form-footer .button-group button.register-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 4px #3b82f633}.add-course-form .form-footer .button-group button.register-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.add-course-form .form-footer .button-group button.register-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.add-course-form .form-footer .button-group button.close-btn{color:#374151;background:#f3f4f6;border:2px solid #e5e7eb}.add-course-form .form-footer .button-group button.close-btn:hover{background:#e5e7eb;border-color:#d1d5db}.add-course-form .react-datepicker-wrapper{width:100%}.add-course-form .react-datepicker-wrapper .datepicker-input,.add-course-form .react-datepicker-wrapper .timepicker-input{color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.add-course-form .react-datepicker-wrapper .datepicker-input:focus,.add-course-form .react-datepicker-wrapper .timepicker-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.add-course-form .react-datepicker__time-list{max-height:200px;font-size:14px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .add-course-form{background:#1f2937;border-color:#374151}html:not([data-theme=light]) .add-course-form .form-header h3{color:#f9fafb}html:not([data-theme=light]) .add-course-form .form-header .form-description{color:#d1d5db}html:not([data-theme=light]) .add-course-form .form-section .section-header{border-bottom-color:#374151}html:not([data-theme=light]) .add-course-form .form-section .section-header h4{color:#f3f4f6}html:not([data-theme=light]) .add-course-form .form-section .section-header h4:before{background:linear-gradient(135deg,#60a5fa,#a78bfa)}html:not([data-theme=light]) .add-course-form .form-group .form-label{color:#e5e7eb}html:not([data-theme=light]) .add-course-form .form-group .form-input,html:not([data-theme=light]) .add-course-form .form-group .form-select,html:not([data-theme=light]) .add-course-form .form-group .form-textarea{color:#f9fafb;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .add-course-form .form-group .form-input:focus,html:not([data-theme=light]) .add-course-form .form-group .form-select:focus,html:not([data-theme=light]) .add-course-form .form-group .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html:not([data-theme=light]) .add-course-form .form-group .form-input::placeholder,html:not([data-theme=light]) .add-course-form .form-group .form-select::placeholder,html:not([data-theme=light]) .add-course-form .form-group .form-textarea::placeholder{color:#9ca3af}html:not([data-theme=light]) .add-course-form .form-group .form-input:disabled,html:not([data-theme=light]) .add-course-form .form-group .form-select:disabled,html:not([data-theme=light]) .add-course-form .form-group .form-textarea:disabled{color:#6b7280;background:#374151}html:not([data-theme=light]) .add-course-form .day-checkboxes .checkbox-group{background:#374151;border-color:#4b5563}html:not([data-theme=light]) .add-course-form .day-checkboxes .checkbox-group .day-checkbox-item:hover{background:#4b5563}html:not([data-theme=light]) .add-course-form .day-checkboxes .checkbox-group .day-checkbox-item .day-label{color:#e5e7eb}html:not([data-theme=light]) .add-course-form .day-checkboxes .checkbox-group .day-checkbox-item:has(.day-checkbox:checked){background:#1e40af;border-color:#3b82f6}html:not([data-theme=light]) .add-course-form .day-checkboxes .checkbox-group .day-checkbox-item:has(.day-checkbox:checked) .day-label{color:#dbeafe}html:not([data-theme=light]) .add-course-form .week-day-time .add-time-btn{background:linear-gradient(135deg,#059669,#047857)}html:not([data-theme=light]) .add-course-form .week-day-time .add-time-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46)}html:not([data-theme=light]) .add-course-form .week-day-time .add-time-btn:disabled{background:#6b7280}html:not([data-theme=light]) .add-course-form .weekday-time-list .weekday-time-item{background:linear-gradient(135deg,#374151,#4b5563);border-color:#4b5563}html:not([data-theme=light]) .add-course-form .weekday-time-list .weekday-time-item:hover{background:linear-gradient(135deg,#4b5563,#6b7280);border-color:#6b7280}html:not([data-theme=light]) .add-course-form .weekday-time-list .weekday-time-item .schedule-info .day{color:#dbeafe;background:#1e40af}html:not([data-theme=light]) .add-course-form .weekday-time-list .weekday-time-item .schedule-info .time{color:#d1d5db}html:not([data-theme=light]) .add-course-form .weekday-time-list .weekday-time-item .delete-btn{color:#f87171}html:not([data-theme=light]) .add-course-form .weekday-time-list .weekday-time-item .delete-btn:hover{color:#fca5a5;background:#7f1d1d}html:not([data-theme=light]) .add-course-form .form-footer{border-top-color:#374151}html:not([data-theme=light]) .add-course-form .form-footer .button-group button.register-btn{background:linear-gradient(135deg,#1d4ed8,#1e40af)}html:not([data-theme=light]) .add-course-form .form-footer .button-group button.register-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1e3a8a)}html:not([data-theme=light]) .add-course-form .form-footer .button-group button.register-btn:disabled{background:#6b7280}html:not([data-theme=light]) .add-course-form .form-footer .button-group button.close-btn{color:#f3f4f6;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .add-course-form .form-footer .button-group button.close-btn:hover{background:#4b5563;border-color:#6b7280}}html[data-theme=dark] .add-course-form{background:#1f2937;border-color:#374151}html[data-theme=dark] .add-course-form .form-header h3{color:#f9fafb}html[data-theme=dark] .add-course-form .form-header .form-description{color:#d1d5db}html[data-theme=dark] .add-course-form .form-section .section-header{border-bottom-color:#374151}html[data-theme=dark] .add-course-form .form-section .section-header h4{color:#f3f4f6}html[data-theme=dark] .add-course-form .form-section .section-header h4:before{background:linear-gradient(135deg,#60a5fa,#a78bfa)}html[data-theme=dark] .add-course-form .form-group .form-label{color:#e5e7eb}html[data-theme=dark] .add-course-form .form-group .form-input,html[data-theme=dark] .add-course-form .form-group .form-select,html[data-theme=dark] .add-course-form .form-group .form-textarea{color:#f9fafb;background:#374151;border-color:#4b5563}html[data-theme=dark] .add-course-form .form-group .form-input:focus,html[data-theme=dark] .add-course-form .form-group .form-select:focus,html[data-theme=dark] .add-course-form .form-group .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html[data-theme=dark] .add-course-form .form-group .form-input::placeholder,html[data-theme=dark] .add-course-form .form-group .form-select::placeholder,html[data-theme=dark] .add-course-form .form-group .form-textarea::placeholder{color:#9ca3af}html[data-theme=dark] .add-course-form .form-group .form-input:disabled,html[data-theme=dark] .add-course-form .form-group .form-select:disabled,html[data-theme=dark] .add-course-form .form-group .form-textarea:disabled{color:#6b7280;background:#374151}html[data-theme=dark] .add-course-form .day-checkboxes .checkbox-group{background:#374151;border-color:#4b5563}html[data-theme=dark] .add-course-form .day-checkboxes .checkbox-group .day-checkbox-item:hover{background:#4b5563}html[data-theme=dark] .add-course-form .day-checkboxes .checkbox-group .day-checkbox-item .day-label{color:#e5e7eb}html[data-theme=dark] .add-course-form .day-checkboxes .checkbox-group .day-checkbox-item:has(.day-checkbox:checked){background:#1e40af;border-color:#3b82f6}html[data-theme=dark] .add-course-form .day-checkboxes .checkbox-group .day-checkbox-item:has(.day-checkbox:checked) .day-label{color:#dbeafe}html[data-theme=dark] .add-course-form .week-day-time .add-time-btn{background:linear-gradient(135deg,#059669,#047857)}html[data-theme=dark] .add-course-form .week-day-time .add-time-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46)}html[data-theme=dark] .add-course-form .week-day-time .add-time-btn:disabled{background:#6b7280}html[data-theme=dark] .add-course-form .weekday-time-list .weekday-time-item{background:linear-gradient(135deg,#374151,#4b5563);border-color:#4b5563}html[data-theme=dark] .add-course-form .weekday-time-list .weekday-time-item:hover{background:linear-gradient(135deg,#4b5563,#6b7280);border-color:#6b7280}html[data-theme=dark] .add-course-form .weekday-time-list .weekday-time-item .schedule-info .day{color:#dbeafe;background:#1e40af}html[data-theme=dark] .add-course-form .weekday-time-list .weekday-time-item .schedule-info .time{color:#d1d5db}html[data-theme=dark] .add-course-form .weekday-time-list .weekday-time-item .delete-btn{color:#f87171}html[data-theme=dark] .add-course-form .weekday-time-list .weekday-time-item .delete-btn:hover{color:#fca5a5;background:#7f1d1d}html[data-theme=dark] .add-course-form .form-footer{border-top-color:#374151}html[data-theme=dark] .add-course-form .form-footer .button-group button.register-btn{background:linear-gradient(135deg,#1d4ed8,#1e40af)}html[data-theme=dark] .add-course-form .form-footer .button-group button.register-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1e3a8a)}html[data-theme=dark] .add-course-form .form-footer .button-group button.register-btn:disabled{background:#6b7280}html[data-theme=dark] .add-course-form .form-footer .button-group button.close-btn{color:#f3f4f6;background:#374151;border-color:#4b5563}html[data-theme=dark] .add-course-form .form-footer .button-group button.close-btn:hover{background:#4b5563;border-color:#6b7280}@media (width<=768px){.add-course-form{margin-bottom:20px;padding:24px}.add-course-form .form-header{margin-bottom:24px}.add-course-form .form-header h3{font-size:20px}.add-course-form .form-grid{gap:20px}.add-course-form .form-section .section-header{margin-bottom:16px}.add-course-form .form-section .section-header h4{font-size:16px}.add-course-form .form-group{margin-bottom:16px}.add-course-form .form-group .form-input,.add-course-form .form-group .form-select,.add-course-form .form-group .form-textarea{padding:10px 12px;font-size:13px}.add-course-form .form-footer .button-group{flex-direction:column}.add-course-form .form-footer .button-group button{width:100%;padding:12px 16px;font-size:14px}}@media (width<=480px){.add-course-form{padding:20px}.add-course-form .form-header h3{font-size:18px}}.pagination{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;margin-top:24px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000001a}.pagination .pagination-info{color:#6b7280;font-size:14px;font-weight:500}.pagination .pagination-controls{align-items:center;gap:8px;display:flex}.pagination .pagination-controls .pagination-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.pagination .pagination-controls .pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.pagination .pagination-controls .pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination .pagination-controls .pagination-btn:disabled{opacity:.4;cursor:not-allowed;color:#9ca3af;background:#f9fafb;border-color:#e5e7eb}.pagination .pagination-controls .pagination-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f633}.pagination .pagination-controls .pagination-btn.active:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 8px #3b82f64d}.pagination .pagination-controls .page-numbers{align-items:center;gap:4px;display:flex}.pagination .pagination-controls .page-size-select{color:#374151;cursor:pointer;appearance:none;background:#fff right 12px center/12px no-repeat;border:1px solid #d1d5db;border-radius:8px;padding:10px 32px 10px 12px;font-size:14px;font-weight:500;transition:all .2s}.pagination .pagination-controls .page-size-select:hover{background-color:#f9fafb;border-color:#9ca3af}.pagination .pagination-controls .page-size-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.pagination .pagination-controls .page-size-select option{padding:8px}@media (width<=768px){.pagination{flex-direction:column;gap:16px;padding:16px}.pagination .pagination-info{text-align:center;width:100%}.pagination .pagination-controls{flex-wrap:wrap;justify-content:center;width:100%}.pagination .pagination-controls .pagination-btn{min-width:36px;height:36px;padding:0 10px;font-size:13px}.pagination .pagination-controls .page-size-select{width:100%;max-width:200px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .pagination{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #0000004d}html:not([data-theme=light]) .pagination .pagination-info{color:#a0aec0}html:not([data-theme=light]) .pagination .pagination-controls .pagination-btn{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .pagination .pagination-controls .pagination-btn:hover:not(:disabled){background:#718096;border-color:#a0aec0}html:not([data-theme=light]) .pagination .pagination-controls .pagination-btn:disabled{color:#6b7280;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .pagination .pagination-controls .pagination-btn.active{color:#1a202c;background:#68d391;border-color:#68d391}html:not([data-theme=light]) .pagination .pagination-controls .pagination-btn.active:hover{background:#48bb78;border-color:#48bb78}html:not([data-theme=light]) .pagination .pagination-controls .page-size-select{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .pagination .pagination-controls .page-size-select:hover{background:#718096;border-color:#a0aec0}html:not([data-theme=light]) .pagination .pagination-controls .page-size-select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}}html[data-theme=dark] .pagination{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #0000004d}html[data-theme=dark] .pagination .pagination-info{color:#a0aec0}html[data-theme=dark] .pagination .pagination-controls .pagination-btn{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .pagination .pagination-controls .pagination-btn:hover:not(:disabled){background:#718096;border-color:#a0aec0}html[data-theme=dark] .pagination .pagination-controls .pagination-btn:disabled{color:#6b7280;background:#374151;border-color:#4a5568}html[data-theme=dark] .pagination .pagination-controls .pagination-btn.active{color:#1a202c;background:#68d391;border-color:#68d391}html[data-theme=dark] .pagination .pagination-controls .pagination-btn.active:hover{background:#48bb78;border-color:#48bb78}html[data-theme=dark] .pagination .pagination-controls .page-size-select{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .pagination .pagination-controls .page-size-select:hover{background:#718096;border-color:#a0aec0}html[data-theme=dark] .pagination .pagination-controls .page-size-select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}.edit-course-modal{background:#fff;border:1px solid #dbe2ea;border-radius:14px;width:100%;max-width:600px;margin:0 auto;padding:0;overflow:hidden;box-shadow:0 18px 36px #0f172a29}.edit-course-modal .modal-header{text-align:left;border-bottom:1px solid #e5e7eb;margin-bottom:0;padding:18px 24px 14px}.edit-course-modal .modal-header h3{color:#111827;margin:0;font-size:20px;font-weight:700;line-height:1.3}.edit-course-modal .form-group{margin-bottom:20px}.edit-course-modal .form-group:last-child{margin-bottom:0}.edit-course-modal .form-group .form-label{color:#374151;margin-bottom:7px;font-size:14px;font-weight:600;display:block}.edit-course-modal .form-group .form-input,.edit-course-modal .form-group .form-select,.edit-course-modal .form-group .form-textarea{color:#374151;box-sizing:border-box;background:#f8fafc;border:1px solid #cfd8e3;border-radius:9px;width:100%;min-height:44px;padding:10px 14px;font-size:14px;transition:all .2s}.edit-course-modal .form-group .form-input:focus,.edit-course-modal .form-group .form-select:focus,.edit-course-modal .form-group .form-textarea:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}.edit-course-modal .form-group .form-input::placeholder,.edit-course-modal .form-group .form-select::placeholder,.edit-course-modal .form-group .form-textarea::placeholder{color:#9ca3af}.edit-course-modal .form-group .form-input:disabled,.edit-course-modal .form-group .form-select:disabled,.edit-course-modal .form-group .form-textarea:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.edit-course-modal .form-group .form-input--readonly{color:#1f2937;cursor:default;background:#eef2f7;border-color:#d6dee8}.edit-course-modal .form-group .form-input--readonly:hover,.edit-course-modal .form-group .form-input--readonly:focus{box-shadow:none;background:#eef2f7;border-color:#d6dee8}.edit-course-modal .form-group .form-textarea{resize:vertical;min-height:100px;padding-top:10px}.edit-course-modal .form-group .form-select{cursor:pointer;background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.edit-course-modal .date-range-group{gap:12px;margin-bottom:18px;padding:0 24px;display:flex}@media (width<=480px){.edit-course-modal .date-range-group{flex-direction:column;gap:8px}}.edit-course-modal .date-range-group .date-input{flex:1;min-width:170px}.edit-course-modal .select-group{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;padding:0 24px;display:grid}@media (width<=480px){.edit-course-modal .select-group{grid-template-columns:1fr;gap:12px}}.edit-course-modal .text-fields-group{flex-direction:column;gap:14px;margin-bottom:18px;padding:18px 24px 0;display:flex}.edit-course-modal .error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin:4px 24px 0;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.edit-course-modal .error-message:before{content:"⚠️";font-size:16px}.edit-course-modal .modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;margin-top:16px;padding:14px 24px 18px}.edit-course-modal .modal-footer .button-group{justify-content:flex-end;gap:12px;display:flex}@media (width<=480px){.edit-course-modal .modal-footer .button-group{flex-direction:column;gap:8px}}.edit-course-modal .modal-footer .button-group button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:100px;min-height:42px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:flex}@media (width<=480px){.edit-course-modal .modal-footer .button-group button{width:100%;padding:12px 20px}}.edit-course-modal .modal-footer .button-group button.save-btn{color:#fff;background:#2563eb}.edit-course-modal .modal-footer .button-group button.save-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 10px #2563eb3d}.edit-course-modal .modal-footer .button-group button.save-btn:active{background:#1e40af}.edit-course-modal .modal-footer .button-group button.save-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af}.edit-course-modal .modal-footer .button-group button.cancel-btn{color:#475569;background:#fff;border-color:#cbd5e1}.edit-course-modal .modal-footer .button-group button.cancel-btn:hover{background:#f1f5f9;border-color:#94a3b8}.edit-course-modal.loading{pointer-events:none;opacity:.7}.edit-course-modal.loading .form-input,.edit-course-modal.loading .form-select,.edit-course-modal.loading .form-textarea{background:#f9fafb}.edit-course-modal.loading .button-group button{cursor:not-allowed}.edit-course-modal.error{border-color:#dc2626}.edit-course-modal.error .form-input,.edit-course-modal.error .form-select,.edit-course-modal.error .form-textarea{border-color:#fca5a5}.edit-course-modal.error .form-input:focus,.edit-course-modal.error .form-select:focus,.edit-course-modal.error .form-textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}@media (width<=768px){.edit-course-modal{max-width:calc(100% - 32px);margin:16px}.edit-course-modal .modal-header{padding:16px 18px 12px}.edit-course-modal .modal-header h3{font-size:19px}.edit-course-modal .form-group{margin-bottom:16px}.edit-course-modal .form-group .form-label{font-size:15px}.edit-course-modal .form-group .form-input,.edit-course-modal .form-group .form-select,.edit-course-modal .form-group .form-textarea{min-height:44px;padding:10px 13px;font-size:15px}.edit-course-modal .date-range-group,.edit-course-modal .select-group{gap:12px;margin-bottom:16px}.edit-course-modal .text-fields-group{gap:12px;margin-bottom:16px;padding:16px 18px 0}.edit-course-modal .date-range-group,.edit-course-modal .select-group{padding-left:18px;padding-right:18px}.edit-course-modal .error-message{margin-left:18px;margin-right:18px}.edit-course-modal .modal-footer{padding:12px 18px 16px}}@media (width<=480px){.edit-course-modal{max-width:calc(100% - 32px);margin:12px}.edit-course-modal .modal-header{padding:14px 14px 10px}.edit-course-modal .modal-header h3{font-size:18px}.edit-course-modal .form-group{margin-bottom:14px}.edit-course-modal .form-group .form-label{margin-bottom:6px;font-size:14px}.edit-course-modal .form-group .form-input,.edit-course-modal .form-group .form-select,.edit-course-modal .form-group .form-textarea{padding:10px 12px;font-size:14px}.edit-course-modal .date-range-group,.edit-course-modal .select-group{gap:12px;margin-bottom:14px}.edit-course-modal .text-fields-group{gap:10px;margin-bottom:14px;padding:12px 14px 0}.edit-course-modal .date-range-group,.edit-course-modal .select-group{padding-left:14px;padding-right:14px}.edit-course-modal .modal-footer{margin-top:12px;padding:10px 14px 14px}.edit-course-modal .modal-footer .button-group button{padding:10px 14px;font-size:14px}.edit-course-modal .error-message{margin-left:14px;margin-right:14px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .edit-course-modal{background:#1e293b;border-color:#334155;box-shadow:0 18px 36px #0206178c}html:not([data-theme=light]) .edit-course-modal .modal-header{border-bottom-color:#334155}html:not([data-theme=light]) .edit-course-modal .modal-header h3{color:#f8fafc}html:not([data-theme=light]) .edit-course-modal .form-group .form-label{color:#94a3b8}html:not([data-theme=light]) .edit-course-modal .form-group .form-input,html:not([data-theme=light]) .edit-course-modal .form-group .form-select,html:not([data-theme=light]) .edit-course-modal .form-group .form-textarea{color:#e2e8f0;background:#111827;border-color:#334155}html:not([data-theme=light]) .edit-course-modal .form-group .form-input:focus,html:not([data-theme=light]) .edit-course-modal .form-group .form-select:focus,html:not([data-theme=light]) .edit-course-modal .form-group .form-textarea:focus{background:#0f172a;border-color:#475569;box-shadow:0 0 0 2px #47556940}html:not([data-theme=light]) .edit-course-modal .form-group .form-input::placeholder,html:not([data-theme=light]) .edit-course-modal .form-group .form-select::placeholder,html:not([data-theme=light]) .edit-course-modal .form-group .form-textarea::placeholder{color:#64748b}html:not([data-theme=light]) .edit-course-modal .form-group .form-input:hover,html:not([data-theme=light]) .edit-course-modal .form-group .form-select:hover,html:not([data-theme=light]) .edit-course-modal .form-group .form-textarea:hover{border-color:#475569}html:not([data-theme=light]) .edit-course-modal .form-group .form-input--readonly{color:#e2e8f0;background:#172131;border-color:#2d3c50}html:not([data-theme=light]) .edit-course-modal .form-group .form-input--readonly:hover,html:not([data-theme=light]) .edit-course-modal .form-group .form-input--readonly:focus{box-shadow:none;background:#172131;border-color:#2d3c50}html:not([data-theme=light]) .edit-course-modal .error-message{color:#fca5a5;background:#7f1d1d3d;border-color:#dc26268c}html:not([data-theme=light]) .edit-course-modal .modal-footer{background:#0f172a;border-top-color:#334155}html:not([data-theme=light]) .edit-course-modal .modal-footer .button-group button.save-btn{background:#0d9488}html:not([data-theme=light]) .edit-course-modal .modal-footer .button-group button.save-btn:hover:not(:disabled){background:#0f766e;box-shadow:0 4px 10px #0d948847}html:not([data-theme=light]) .edit-course-modal .modal-footer .button-group button.save-btn:active{background:#115e59}html:not([data-theme=light]) .edit-course-modal .modal-footer .button-group button.cancel-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}html:not([data-theme=light]) .edit-course-modal .modal-footer .button-group button.cancel-btn:hover{background:#273449;border-color:#475569}html:not([data-theme=light]) .edit-course-modal.loading .form-input,html:not([data-theme=light]) .edit-course-modal.loading .form-select,html:not([data-theme=light]) .edit-course-modal.loading .form-textarea{color:#94a3b8;background:#1f2937}html:not([data-theme=light]) .edit-course-modal.error{border-color:#b91c1c}html:not([data-theme=light]) .edit-course-modal.error .form-input,html:not([data-theme=light]) .edit-course-modal.error .form-select,html:not([data-theme=light]) .edit-course-modal.error .form-textarea{border-color:#7f1d1d}html:not([data-theme=light]) .edit-course-modal.error .form-input:focus,html:not([data-theme=light]) .edit-course-modal.error .form-select:focus,html:not([data-theme=light]) .edit-course-modal.error .form-textarea:focus{border-color:#b91c1c;box-shadow:0 0 0 2px #b91c1c33}}html[data-theme=dark] .edit-course-modal{background:#1e293b;border-color:#334155;box-shadow:0 18px 36px #0206178c}html[data-theme=dark] .edit-course-modal .modal-header{border-bottom-color:#334155}html[data-theme=dark] .edit-course-modal .modal-header h3{color:#f8fafc}html[data-theme=dark] .edit-course-modal .form-group .form-label{color:#94a3b8}html[data-theme=dark] .edit-course-modal .form-group .form-input,html[data-theme=dark] .edit-course-modal .form-group .form-select,html[data-theme=dark] .edit-course-modal .form-group .form-textarea{color:#e2e8f0;background:#111827;border-color:#334155}html[data-theme=dark] .edit-course-modal .form-group .form-input:focus,html[data-theme=dark] .edit-course-modal .form-group .form-select:focus,html[data-theme=dark] .edit-course-modal .form-group .form-textarea:focus{background:#0f172a;border-color:#475569;box-shadow:0 0 0 2px #47556940}html[data-theme=dark] .edit-course-modal .form-group .form-input::placeholder,html[data-theme=dark] .edit-course-modal .form-group .form-select::placeholder,html[data-theme=dark] .edit-course-modal .form-group .form-textarea::placeholder{color:#64748b}html[data-theme=dark] .edit-course-modal .form-group .form-input:hover,html[data-theme=dark] .edit-course-modal .form-group .form-select:hover,html[data-theme=dark] .edit-course-modal .form-group .form-textarea:hover{border-color:#475569}html[data-theme=dark] .edit-course-modal .form-group .form-input--readonly{color:#e2e8f0;background:#172131;border-color:#2d3c50}html[data-theme=dark] .edit-course-modal .form-group .form-input--readonly:hover,html[data-theme=dark] .edit-course-modal .form-group .form-input--readonly:focus{box-shadow:none;background:#172131;border-color:#2d3c50}html[data-theme=dark] .edit-course-modal .error-message{color:#fca5a5;background:#7f1d1d3d;border-color:#dc26268c}html[data-theme=dark] .edit-course-modal .modal-footer{background:#0f172a;border-top-color:#334155}html[data-theme=dark] .edit-course-modal .modal-footer .button-group button.save-btn{background:#0d9488}html[data-theme=dark] .edit-course-modal .modal-footer .button-group button.save-btn:hover:not(:disabled){background:#0f766e;box-shadow:0 4px 10px #0d948847}html[data-theme=dark] .edit-course-modal .modal-footer .button-group button.save-btn:active{background:#115e59}html[data-theme=dark] .edit-course-modal .modal-footer .button-group button.cancel-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}html[data-theme=dark] .edit-course-modal .modal-footer .button-group button.cancel-btn:hover{background:#273449;border-color:#475569}html[data-theme=dark] .edit-course-modal.loading .form-input,html[data-theme=dark] .edit-course-modal.loading .form-select,html[data-theme=dark] .edit-course-modal.loading .form-textarea{color:#94a3b8;background:#1f2937}html[data-theme=dark] .edit-course-modal.error{border-color:#b91c1c}html[data-theme=dark] .edit-course-modal.error .form-input,html[data-theme=dark] .edit-course-modal.error .form-select,html[data-theme=dark] .edit-course-modal.error .form-textarea{border-color:#7f1d1d}html[data-theme=dark] .edit-course-modal.error .form-input:focus,html[data-theme=dark] .edit-course-modal.error .form-select:focus,html[data-theme=dark] .edit-course-modal.error .form-textarea:focus{border-color:#b91c1c;box-shadow:0 0 0 2px #b91c1c33}.admin-course-management-page{background:#f8fafc;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.admin-course-management-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-course-management-page .page-header .header-content{justify-content:space-between;align-items:center;display:flex}.admin-course-management-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.admin-course-management-page .page-header .header-content .header-title .header-icon{color:#10b981;flex-shrink:0}.admin-course-management-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.admin-course-management-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.admin-course-management-page .page-header .header-content .header-actions .add-course-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-course-management-page .page-header .header-content .header-actions .add-course-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.admin-course-management-page .page-header .header-content .header-actions .add-course-btn:active{transform:translateY(0)}.admin-course-management-page .page-header .header-content .header-actions .add-course-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.admin-course-management-page .page-header .header-content .header-actions .add-course-btn svg{flex-shrink:0}.admin-course-management-page .course-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;padding:24px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.admin-course-management-page .course-list-container .admin-table{box-shadow:none;background:0 0;border:none;margin:0;padding:0}.admin-course-management-page .course-list-container .admin-table .table-header{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.admin-course-management-page .course-list-container .admin-table .table-header h3{color:#1f2937;border-bottom:1px solid #e5e7eb;margin:0;padding-bottom:12px;font-size:18px;font-weight:600}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form{flex:1;align-items:center;gap:8px;min-width:300px;display:flex}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .search-icon{color:#6b7280;pointer-events:none;z-index:1;position:absolute;left:12px}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .search-input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 16px 10px 40px;font-size:14px;transition:all .2s}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .search-input::placeholder{color:#9ca3af}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .clear-search-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex;position:absolute;right:8px}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .clear-search-btn:hover{color:#374151;background:#f3f4f6}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .clear-search-btn svg{width:14px;height:14px}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-btn:active{transform:translateY(0)}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .filter-select-wrapper{align-items:center;min-width:200px;display:flex;position:relative}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .filter-select-wrapper .filter-icon{color:#6b7280;pointer-events:none;z-index:1;position:absolute;left:12px}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .filter-select-wrapper .filter-select{color:#374151;cursor:pointer;appearance:none;background:#fff right 12px center/12px no-repeat;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 16px 10px 40px;font-size:14px;transition:all .2s}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .filter-select-wrapper .filter-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .filter-select-wrapper .filter-select option{padding:8px}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .clear-filters-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .clear-filters-btn:hover{background:#e5e7eb;border-color:#9ca3af}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .clear-filters-btn svg{width:14px;height:14px}.admin-course-management-page .course-list-container .admin-table .table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.admin-course-management-page .course-list-container .admin-table .styled-table tbody tr.clickable-row{cursor:pointer;transition:background-color .2s}.admin-course-management-page .course-list-container .admin-table .styled-table tbody tr.clickable-row:hover{background-color:#eff6ff}.admin-course-management-page .course-list-container .admin-table .styled-table tbody tr.clickable-row:active{background-color:#dbeafe}.admin-course-management-page .course-list-container .admin-table .styled-table tbody tr.clickable-row:focus{outline-offset:-2px;outline:2px solid #3b82f6}.admin-course-management-page .course-list-container .admin-table .styled-table tbody tr.clickable-row .action-cell{cursor:default}.admin-course-management-page .student-course-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-course-management-page .student-course-list-container h3{color:#1f2937;border-bottom:1px solid #e5e7eb;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.admin-course-management-page .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.admin-course-management-page .loading-container p{color:#6b7280;margin:0;font-size:16px}.admin-course-management-page .modal{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}.admin-course-management-page .modal .modal-content{border-radius:12px;width:100%;max-width:1400px;max-height:calc(100vh - 40px);animation:.3s ease-out modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.admin-course-management-page .modal .add-course-modal-content{border-radius:12px;width:100%;max-width:80%;max-height:calc(100vh - 40px);animation:.3s ease-out modalSlideIn;position:relative;overflow-y:auto}.add-course-form{flex-direction:column;gap:16px;display:flex}.add-course-form .form-group{flex-direction:column;gap:8px;display:flex}.add-course-form .form-group label{color:#374151;font-size:14px;font-weight:500}.add-course-form .form-group input,.add-course-form .form-group textarea,.add-course-form .form-group select{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.add-course-form .form-group input:focus,.add-course-form .form-group textarea:focus,.add-course-form .form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.add-course-form .form-group input::placeholder,.add-course-form .form-group textarea::placeholder,.add-course-form .form-group select::placeholder{color:#9ca3af}.add-course-form .form-group textarea{resize:vertical;min-height:100px}.add-course-form .form-group select{cursor:pointer}.add-course-form .form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;display:flex}.add-course-form .form-actions .submit-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.add-course-form .form-actions .submit-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.add-course-form .form-actions .submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.add-course-form .form-actions .cancel-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.add-course-form .form-actions .cancel-btn:hover{background:#e5e7eb}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-course-management-page{background:#1a1a2e}html:not([data-theme=light]) .admin-course-management-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-course-management-page .page-header .header-content .header-title .header-icon{color:#68d391}html:not([data-theme=light]) .admin-course-management-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-course-management-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .admin-course-management-page .page-header .header-content .header-actions .add-course-btn{background:#68d391}html:not([data-theme=light]) .admin-course-management-page .page-header .header-content .header-actions .add-course-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}html:not([data-theme=light]) .admin-course-management-page .course-list-container{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-header h3{color:#f1f5f9;border-bottom-color:#4a5568}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .search-icon{color:#a0aec0}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .search-input{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .search-input:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .search-input::placeholder,html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .clear-search-btn{color:#a0aec0}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .clear-search-btn:hover{color:#e2e8f0;background:#4a5568}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-btn{color:#1a202c;background:#68d391}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-btn:hover{background:#48bb78;box-shadow:0 4px 12px #68d3914d}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .filter-select-wrapper .filter-icon{color:#a0aec0}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .filter-select-wrapper .filter-select{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .filter-select-wrapper .filter-select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .clear-filters-btn{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .clear-filters-btn:hover{background:#718096;border-color:#a0aec0}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-wrapper{border-color:#4a5568}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .styled-table tbody tr.clickable-row:hover{background-color:#1e3a5f}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .styled-table tbody tr.clickable-row:active{background-color:#1e40af}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .styled-table tbody tr.clickable-row:focus{outline-color:#60a5fa}html:not([data-theme=light]) .admin-course-management-page .student-course-list-container{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-course-management-page .student-course-list-container h3{color:#f1f5f9;border-bottom-color:#4a5568}html:not([data-theme=light]) .admin-course-management-page .loading-container p{color:#a0aec0}html:not([data-theme=light]) .modal{background:#000c}html:not([data-theme=light]) .modal .modal-content,html:not([data-theme=light]) .modal .add-course-modal-content{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html:not([data-theme=light]) .add-course-form .form-group label{color:#e2e8f0}html:not([data-theme=light]) .add-course-form .form-group input,html:not([data-theme=light]) .add-course-form .form-group textarea,html:not([data-theme=light]) .add-course-form .form-group select{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .add-course-form .form-group input:focus,html:not([data-theme=light]) .add-course-form .form-group textarea:focus,html:not([data-theme=light]) .add-course-form .form-group select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html:not([data-theme=light]) .add-course-form .form-group input::placeholder,html:not([data-theme=light]) .add-course-form .form-group textarea::placeholder,html:not([data-theme=light]) .add-course-form .form-group select::placeholder{color:#a0aec0}html:not([data-theme=light]) .add-course-form .form-actions{border-top-color:#4a5568}html:not([data-theme=light]) .add-course-form .form-actions .submit-btn{background:#68d391}html:not([data-theme=light]) .add-course-form .form-actions .submit-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}html:not([data-theme=light]) .add-course-form .form-actions .cancel-btn{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .add-course-form .form-actions .cancel-btn:hover{background:#718096}}html[data-theme=dark] .admin-course-management-page{background:#1a1a2e}html[data-theme=dark] .admin-course-management-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-course-management-page .page-header .header-content .header-title .header-icon{color:#68d391}html[data-theme=dark] .admin-course-management-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-course-management-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .admin-course-management-page .page-header .header-content .header-actions .add-course-btn{background:#68d391}html[data-theme=dark] .admin-course-management-page .page-header .header-content .header-actions .add-course-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}html[data-theme=dark] .admin-course-management-page .course-list-container{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-header h3{color:#f1f5f9;border-bottom-color:#4a5568}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .search-icon{color:#a0aec0}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .search-input{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .search-input:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .search-input::placeholder,html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .clear-search-btn{color:#a0aec0}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .clear-search-btn:hover{color:#e2e8f0;background:#4a5568}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-btn{color:#1a202c;background:#68d391}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-btn:hover{background:#48bb78;box-shadow:0 4px 12px #68d3914d}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .filter-select-wrapper .filter-icon{color:#a0aec0}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .filter-select-wrapper .filter-select{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .filter-select-wrapper .filter-select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .clear-filters-btn{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .clear-filters-btn:hover{background:#718096;border-color:#a0aec0}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-wrapper{border-color:#4a5568}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .styled-table tbody tr.clickable-row:hover{background-color:#1e3a5f}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .styled-table tbody tr.clickable-row:active{background-color:#1e40af}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .styled-table tbody tr.clickable-row:focus{outline-color:#60a5fa}html[data-theme=dark] .admin-course-management-page .student-course-list-container{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-course-management-page .student-course-list-container h3{color:#f1f5f9;border-bottom-color:#4a5568}html[data-theme=dark] .admin-course-management-page .loading-container p{color:#a0aec0}html[data-theme=dark] .modal{background:#000c}html[data-theme=dark] .modal .modal-content,html[data-theme=dark] .modal .add-course-modal-content{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html[data-theme=dark] .add-course-form .form-group label{color:#e2e8f0}html[data-theme=dark] .add-course-form .form-group input,html[data-theme=dark] .add-course-form .form-group textarea,html[data-theme=dark] .add-course-form .form-group select{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .add-course-form .form-group input:focus,html[data-theme=dark] .add-course-form .form-group textarea:focus,html[data-theme=dark] .add-course-form .form-group select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html[data-theme=dark] .add-course-form .form-group input::placeholder,html[data-theme=dark] .add-course-form .form-group textarea::placeholder,html[data-theme=dark] .add-course-form .form-group select::placeholder{color:#a0aec0}html[data-theme=dark] .add-course-form .form-actions{border-top-color:#4a5568}html[data-theme=dark] .add-course-form .form-actions .submit-btn{background:#68d391}html[data-theme=dark] .add-course-form .form-actions .submit-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}html[data-theme=dark] .add-course-form .form-actions .cancel-btn{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .add-course-form .form-actions .cancel-btn:hover{background:#718096}@media (width<=768px){.admin-course-management-page{gap:16px;padding:16px}.admin-course-management-page .page-header{padding:16px}.admin-course-management-page .page-header .header-content{flex-direction:column;align-items:stretch;gap:16px}.admin-course-management-page .page-header .header-content .header-title{text-align:center}.admin-course-management-page .page-header .header-content .header-actions{width:100%}.admin-course-management-page .page-header .header-content .header-actions .add-course-btn{justify-content:center;width:100%}.admin-course-management-page .course-list-container,.admin-course-management-page .student-course-list-container{padding:16px}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters,.admin-course-management-page .student-course-list-container .admin-table .table-header .table-filters{flex-direction:column;align-items:stretch}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form,.admin-course-management-page .student-course-list-container .admin-table .table-header .table-filters .search-form{flex-direction:column;min-width:100%}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper,.admin-course-management-page .student-course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper{width:100%}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-btn,.admin-course-management-page .student-course-list-container .admin-table .table-header .table-filters .search-form .search-btn{justify-content:center;width:100%}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .filter-select-wrapper,.admin-course-management-page .student-course-list-container .admin-table .table-header .table-filters .filter-select-wrapper{width:100%;min-width:100%}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .clear-filters-btn,.admin-course-management-page .student-course-list-container .admin-table .table-header .table-filters .clear-filters-btn{justify-content:center;width:100%}.modal{padding:16px}.modal .modal-content,.modal .add-course-modal-content{width:100%;max-width:none;max-height:calc(100vh - 32px);margin:0}.add-course-form .form-actions{flex-direction:column}.add-course-form .form-actions .submit-btn,.add-course-form .form-actions .cancel-btn{width:100%}}.admin-course-management-page .bulk-dates-toolbar{background:var(--accent-subtle-bg);border:1px solid var(--accent-subtle-border);color:var(--accent-subtle-fg);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.admin-course-management-page .bulk-dates-open-btn{background:var(--mypage-admin-accent);color:var(--brand-on-primary);cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600}.admin-course-management-page .bulk-dates-open-btn:hover:not(:disabled){filter:brightness(1.05)}.admin-course-management-page .bulk-dates-open-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.admin-course-management-page .bulk-dates-open-btn:disabled{opacity:.55;cursor:not-allowed}.admin-course-management-page .styled-table .col-select,.admin-course-management-page .styled-table .select-cell{text-align:center;width:48px}.admin-course-management-page .styled-table .select-cell{cursor:default}.admin-course-management-page .styled-table input[type=checkbox]{cursor:pointer;width:18px;height:18px}.courses-detail-page{background:#1a202c;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.courses-detail-page .page-header{background:0 0;border:none;margin-bottom:0;padding:0}.courses-detail-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.courses-detail-page .page-header .header-content .header-title .back-button{color:#fff;cursor:pointer;background:#2d3748;border:1px solid #4a5568;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.courses-detail-page .page-header .header-content .header-title .back-button:hover{background:#374151;border-color:#6b7280}.courses-detail-page .page-header .header-content .header-title .back-button svg{width:18px;height:18px}.courses-detail-page .page-header .header-content .header-title h1{color:#fff;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.courses-detail-page .page-header .header-content .header-title .header-description{color:#a0aec0;margin:8px 0 0;font-size:16px}.courses-detail-page .page-header .header-content .header-title .header-description .course-description-text{color:#94a3b8;margin-top:6px;font-size:14px;line-height:1.5;display:block}.courses-detail-page .loading-container{text-align:center;color:#a0aec0;justify-content:center;align-items:center;padding:60px 20px;font-size:16px;display:flex}.courses-detail-page .course-content-section .course-content{background:0 0;border:none;padding:0}.courses-detail-page .course-content-section .course-content .course-tabs{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.courses-detail-page .course-content-section .course-content .course-tabs .tab-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2d3748;border:1px solid #4a5568;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.courses-detail-page .course-content-section .course-content .course-tabs .tab-btn svg{flex-shrink:0;width:18px;height:18px}.courses-detail-page .course-content-section .course-content .course-tabs .tab-btn:hover{background:#374151;border-color:#6b7280}.courses-detail-page .course-content-section .course-content .course-tabs .tab-btn.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.courses-detail-page .course-content-section .course-content .course-tabs .tab-btn.active:hover{background:#7c3aed;border-color:#7c3aed}.courses-detail-page .course-content-section .course-content .course-detail-tab-content{width:100%}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .courses-detail-page{background:#0f172a}html:not([data-theme=light]) .courses-detail-page .page-header .header-content .header-title .back-button{background:#1e293b;border-color:#334155}html:not([data-theme=light]) .courses-detail-page .page-header .header-content .header-title .back-button:hover{background:#334155;border-color:#475569}html:not([data-theme=light]) .courses-detail-page .course-content-section .course-content .course-tabs .tab-btn{background:#1e293b;border-color:#334155}html:not([data-theme=light]) .courses-detail-page .course-content-section .course-content .course-tabs .tab-btn:hover{background:#334155;border-color:#475569}html:not([data-theme=light]) .courses-detail-page .course-content-section .course-content .course-tabs .tab-btn.active{background:#a78bfa;border-color:#a78bfa;box-shadow:0 4px 12px #a78bfa66}html:not([data-theme=light]) .courses-detail-page .course-content-section .course-content .course-tabs .tab-btn.active:hover{background:#8b5cf6;border-color:#8b5cf6}}html[data-theme=dark] .courses-detail-page{background:#0f172a}html[data-theme=dark] .courses-detail-page .page-header .header-content .header-title .back-button{background:#1e293b;border-color:#334155}html[data-theme=dark] .courses-detail-page .page-header .header-content .header-title .back-button:hover{background:#334155;border-color:#475569}html[data-theme=dark] .courses-detail-page .course-content-section .course-content .course-tabs .tab-btn{background:#1e293b;border-color:#334155}html[data-theme=dark] .courses-detail-page .course-content-section .course-content .course-tabs .tab-btn:hover{background:#334155;border-color:#475569}html[data-theme=dark] .courses-detail-page .course-content-section .course-content .course-tabs .tab-btn.active{background:#a78bfa;border-color:#a78bfa;box-shadow:0 4px 12px #a78bfa66}html[data-theme=dark] .courses-detail-page .course-content-section .course-content .course-tabs .tab-btn.active:hover{background:#8b5cf6;border-color:#8b5cf6}@media (width<=768px){.courses-detail-page{gap:16px;padding:16px}.courses-detail-page .page-header .header-content .header-title{flex-direction:column;align-items:flex-start;gap:12px}.courses-detail-page .page-header .header-content .header-title .back-button{padding:6px 12px;font-size:13px}.courses-detail-page .page-header .header-content .header-title .back-button svg{width:16px;height:16px}.courses-detail-page .page-header .header-content .header-title h1{font-size:24px}.courses-detail-page .page-header .header-content .header-title .header-description{font-size:14px}.courses-detail-page .course-content-section .course-content .course-tabs{gap:8px;margin-bottom:24px}.courses-detail-page .course-content-section .course-content .course-tabs .tab-btn{flex:1;justify-content:center;min-width:calc(50% - 4px);padding:10px 16px;font-size:14px}.courses-detail-page .course-content-section .course-content .course-tabs .tab-btn svg{width:16px;height:16px}}@media (prefers-color-scheme:light){.courses-detail-page{background:#f8fafc}.courses-detail-page .page-header .header-content .header-title .back-button{color:#1f2937;background:#fff;border-color:#e5e7eb}.courses-detail-page .page-header .header-content .header-title .back-button:hover{background:#f9fafb;border-color:#d1d5db}.courses-detail-page .page-header .header-content .header-title h1{color:#1f2937}.courses-detail-page .page-header .header-content .header-title .header-description{color:#6b7280}.courses-detail-page .course-content-section .course-content .course-tabs .tab-btn{color:#4b5563;background:#fff;border-color:#e5e7eb}.courses-detail-page .course-content-section .course-content .course-tabs .tab-btn:hover{background:#f9fafb;border-color:#d1d5db}.courses-detail-page .course-content-section .course-content .course-tabs .tab-btn.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}}.import-from-course-modal .import-from-course-modal-content{background:var(--surface-0);border-radius:14px;flex-direction:column;width:100%;max-width:800px;max-height:calc(100vh - 48px);padding:0;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0003}.import-from-course-modal .import-modal-header{border-bottom:1px solid var(--border-muted);background:linear-gradient(180deg, var(--surface-1) 0%, var(--surface-0) 100%);align-items:flex-start;gap:16px;padding:20px 22px}.import-from-course-modal .import-modal-header .import-modal-header-text{flex:1;min-width:0}.import-from-course-modal .import-modal-header h3{color:var(--text-primary);margin:0 0 6px;font-size:18px;font-weight:700}.import-from-course-modal .import-modal-header .import-modal-desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.import-from-course-modal .import-modal-header .close-btn{background:var(--surface-2);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.import-from-course-modal .import-modal-header .close-btn:hover{background:var(--border-default);color:var(--text-primary)}.import-from-course-modal .import-modal-body{flex-direction:column;flex:1;gap:20px;min-height:0;padding:20px 22px;display:flex;overflow-y:auto}.import-from-course-modal .import-panel{background:var(--auth-page-bg);border:1px solid var(--border-muted);border-radius:12px;padding:16px 18px}.import-from-course-modal .import-panel-label,.import-from-course-modal .import-panel-head .import-panel-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:700;display:block}.import-from-course-modal .import-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.import-from-course-modal .import-panel-head .import-panel-label{margin-bottom:0}.import-from-course-modal .import-panel-label--solo{margin-bottom:12px}.import-from-course-modal .import-course-select{border:1px solid var(--icon-muted);background:var(--surface-0);border-radius:10px;width:100%;max-width:100%;padding:12px 14px;font-size:14px}.import-from-course-modal .import-course-select:focus{border-color:var(--success-dot);outline:none;box-shadow:0 0 0 3px #10b98126}.import-from-course-modal .import-hint{color:var(--text-muted);margin-top:12px;font-size:13px}.import-from-course-modal .import-empty-box{text-align:center;background:var(--surface-0);border:1px dashed var(--icon-muted);color:var(--text-muted);border-radius:10px;margin:0;padding:20px}.import-from-course-modal .import-search-wrap{margin-bottom:14px;position:relative}.import-from-course-modal .import-search-wrap .import-search-icon{color:var(--text-subtle);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.import-from-course-modal .import-search-wrap .import-search-input{border:1px solid var(--icon-muted);box-sizing:border-box;border-radius:10px;width:100%;padding:11px 14px 11px 42px;font-size:14px}.import-from-course-modal .import-search-wrap .import-search-input:focus{border-color:var(--success-dot);outline:none;box-shadow:0 0 0 3px #10b9811f}.import-from-course-modal .import-select-all-bar{background:var(--surface-0);border:1px solid var(--border-default);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:12px 14px;display:flex}.import-from-course-modal .import-select-all-bar--unified{align-items:flex-start}.import-from-course-modal .import-select-all-bar--unified .import-select-all-bar-controls{flex-wrap:wrap;flex:1;align-items:center;gap:10px 14px;min-width:0;display:flex}.import-from-course-modal .import-select-all-bar--unified .import-selected-compact{color:var(--success-fg);background:var(--success-bg);white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:13px;font-weight:700}.import-from-course-modal .import-select-all-bar--unified .import-inline-link-btn{color:var(--link-primary);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.import-from-course-modal .import-select-all-bar--unified .import-inline-link-btn:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}.import-from-course-modal .import-select-all-bar--unified .import-inline-link-btn:hover:not(:disabled){color:var(--link-strong)}.import-from-course-modal .import-select-all-bar--unified .import-inline-link-btn.is-on{color:var(--success-fg)}.import-from-course-modal .import-select-all-bar--unified .import-inline-link-btn.import-inline-link-btn--muted{color:var(--text-muted);text-decoration:none}.import-from-course-modal .import-select-all-bar--unified .import-inline-link-btn.import-inline-link-btn--muted:hover:not(:disabled){color:var(--text-primary);text-decoration:underline}.import-from-course-modal .import-enrolled-inline-hint{color:var(--warning-text);margin:0 0 8px;font-size:12px;font-weight:600}.import-from-course-modal .import-select-all-label{color:var(--text-strong);cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.import-from-course-modal .import-select-all-label input{width:18px;height:18px;accent-color:var(--success-text);cursor:pointer}.import-from-course-modal .import-filter-count{color:var(--text-muted);font-size:12px;font-weight:500}.import-from-course-modal .import-student-list-scroll{border:1px solid var(--border-default);background:var(--surface-0);border-radius:10px;max-height:min(380px,52vh);overflow:auto}.import-from-course-modal .import-student-list-scroll .students-table{margin:0}.import-from-course-modal .import-modal-footer{border-top:1px solid var(--border-muted);background:var(--surface-1);gap:12px;padding:16px 22px}.import-from-course-modal .import-modal-footer .import-submit-btn{min-width:140px;font-weight:600}.import-from-course-modal .import-target-loading{margin:0 0 12px}.import-from-course-modal .import-target-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text-strong);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.import-from-course-modal .import-retry-btn{border:1px solid var(--error-fg);background:var(--surface-0);color:var(--error-text-strong);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.import-from-course-modal .import-retry-btn:hover{background:var(--error-bg)}.import-from-course-modal .import-skeleton-stack{flex-direction:column;gap:10px;padding:8px 0;display:flex}.import-from-course-modal .import-skeleton{background:linear-gradient(90deg, var(--skeleton-to) 0%, var(--skeleton-from) 50%, var(--skeleton-to) 100%);background-size:200% 100%;border-radius:6px;height:14px;animation:1.2s ease-in-out infinite import-skeleton-shimmer}.import-from-course-modal .import-skeleton.short{width:60%}.import-from-course-modal .import-skeleton--line{width:100%}.import-from-course-modal .import-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.import-from-course-modal .import-toolbar-btn{border:1px solid var(--icon-muted);background:var(--surface-0);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.import-from-course-modal .import-toolbar-btn:hover:not(:disabled){border-color:var(--success-dot);color:var(--success-fg)}.import-from-course-modal .import-toolbar-btn:disabled{opacity:.45;cursor:not-allowed}.import-from-course-modal .import-toolbar-btn.is-active{border-color:var(--success-text);background:var(--success-bg);color:var(--success-text-strong)}.import-from-course-modal .import-subsection-title{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:16px 0 8px;font-size:12px;font-weight:700}.import-from-course-modal .import-subsection-title--blocked{color:var(--warning-text)}.import-from-course-modal .import-subsection-count{color:var(--text-primary);font-weight:700}.import-from-course-modal .import-subsection-empty{text-align:center;color:var(--text-muted);margin:0;padding:16px;font-size:13px}.import-from-course-modal .import-student-list-scroll--blocked{border-color:var(--warning-soft-border);background:var(--warning-soft-bg)}.import-from-course-modal .import-footer-summary-inline{color:var(--text-secondary);flex-wrap:wrap;align-items:baseline;gap:6px 16px;padding:12px 22px 0;font-size:13px;display:flex}.import-from-course-modal .import-footer-summary-inline .import-footer-metric strong{font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:700}.import-from-course-modal .import-footer-summary-inline .import-footer-metric--muted{color:var(--text-muted)}.import-from-course-modal .import-footer-summary-inline .import-footer-metric--muted strong{color:var(--text-secondary)}.import-from-course-modal .import-footer-summary-inline .import-footer-metric-sep{color:var(--icon-muted);-webkit-user-select:none;user-select:none}.import-from-course-modal .import-modal-confirm-dock{border-top:1px solid var(--border-default);background:var(--surface-1);z-index:2;flex-direction:column;flex-shrink:0;align-items:stretch;margin-top:auto;display:flex}.import-from-course-modal .import-modal-confirm-dock--toned{box-shadow:none}.import-from-course-modal .import-modal-confirm-dock .import-modal-footer-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:12px 22px 16px;display:flex}.import-from-course-modal .import-modal-confirm-dock .import-footer-cancel{border:1px solid var(--icon-muted);background:var(--surface-0);min-height:40px;color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:0 16px;font-size:14px;font-weight:600}.import-from-course-modal .import-modal-confirm-dock .import-footer-cancel:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-subtle)}.import-from-course-modal .import-modal-confirm-dock .import-footer-cancel:disabled{opacity:.5;cursor:not-allowed}.import-from-course-modal .import-modal-confirm-dock .import-footer-primary{border:1px solid var(--success-text);background:var(--form-save-bg);min-width:140px;min-height:40px;color:var(--brand-on-primary);cursor:pointer;box-shadow:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.import-from-course-modal .import-modal-confirm-dock .import-footer-primary:hover:not(:disabled){background:var(--form-save-bg-hover);border-color:var(--success-fg)}.import-from-course-modal .import-modal-confirm-dock .import-footer-primary:disabled{opacity:.45;cursor:not-allowed}.import-from-course-modal .import-modal-confirm-dock .import-footer-primary .spin{animation:.85s linear infinite import-spin}@keyframes import-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes import-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.course-students-import-toast{z-index:10001;background:var(--bulk-bar-bg);max-width:min(480px,92vw);color:var(--text-on-inverse);white-space:pre-line;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0000002e}.course-students-import-toast.is-warning{background:var(--warning-inverse-bg)}.course-students-import-toast svg{color:var(--success-on-inverse);flex-shrink:0;margin-top:2px}.course-students-import-toast.is-warning svg{color:var(--warning-on-inverse)}.students-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.students-header .import-from-course-btn{border:1px solid var(--border-muted);background:var(--surface-0);color:var(--btn-secondary-fg);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex}.students-header .import-from-course-btn:hover:not(:disabled){background:var(--surface-subtle);border-color:var(--progress-active);color:var(--link-strong)}.students-header .import-from-course-btn:disabled{opacity:.5;cursor:not-allowed}.admin-course-detail-page{min-height:100vh;padding:24px;background:#f8fafc!important}.admin-course-detail-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:0;padding:20px 24px;box-shadow:0 1px 3px #00000014}.admin-course-detail-page .page-header .back-button{color:#1f2937;background:#fff;border-color:#e5e7eb}.admin-course-detail-page .page-header .back-button:hover{background:#f9fafb;border-color:#d1d5db}.admin-course-detail-page .page-header .header-content.has-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-course-detail-page .page-header .header-content .header-actions-slot{flex-shrink:0}.admin-course-detail-page .page-header .header-content .header-title .header-summary{flex:1;min-width:0}.admin-course-detail-page .page-header .header-content .header-title.header-title--admin{flex-direction:column;flex:1;align-items:stretch;gap:12px;width:100%;min-width:0;display:flex}.admin-course-detail-page .page-header .header-content .header-title.header-title--admin .header-title-top{flex-direction:row;align-items:baseline;gap:12px;width:100%;min-width:0;display:flex}.admin-course-detail-page .page-header .header-content .header-title.header-title--admin .header-title-top .header-summary{flex:1;min-width:0}.admin-course-detail-page .page-header .header-content .header-title.header-title--admin .header-title-top h1{margin:0}.admin-course-detail-page .page-header .header-content .header-title.header-title--admin .header-meta{margin-top:0}.admin-course-detail-page .page-header .header-content .header-title .back-button{color:#1f2937;background:#fff;border-color:#e5e7eb}.admin-course-detail-page .page-header .header-content .header-title .back-button:hover{background:#f9fafb;border-color:#d1d5db}.admin-course-detail-page .page-header .header-content .header-title h1{color:#1f2937;font-size:24px}.admin-course-detail-page .page-header .header-content .header-title .header-meta{flex-direction:column;align-items:stretch;gap:0;width:100%;margin-top:8px;display:flex}.admin-course-detail-page .page-header .header-content .header-title .header-meta .header-meta-primary{color:#4b5563;width:100%;font-size:14px;font-weight:500;line-height:1.5;display:block}.admin-course-detail-page .page-header .header-content .header-title .header-meta .header-meta-secondary{color:#9ca3af;border-top:1px solid #e5e7eb;width:100%;margin-top:10px;padding-top:12px;font-size:13px;line-height:1.5;display:block}.admin-course-detail-page .page-header .header-content .header-title .header-meta .header-meta-secondary .header-extras{color:#9ca3af;width:100%;font-size:13px;display:block}.admin-course-detail-page .page-header .header-content .header-title .header-description{color:#6b7280;margin-top:6px;font-size:14px}.admin-course-detail-page .page-header .header-content .header-title .header-description .header-extras{color:#9ca3af;font-size:13px}.admin-course-detail-page .loading-container{color:#6b7280}.admin-course-detail-page .course-content-section .course-content .course-detail-tab-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000014}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn{color:#4b5563;background:#fff;border-color:#e5e7eb}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn:hover{background:#f9fafb;border-color:#d1d5db}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn.active{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b9814d}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn.active:hover{background:#059669;border-color:#059669}.admin-course-overview-tab .modal,.admin-course-policy-tab .modal,.admin-course-students-tab .modal{z-index:9999;box-sizing:border-box;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.admin-course-overview-tab .modal .edit-course-modal-content,.admin-course-policy-tab .modal .edit-course-modal-content,.admin-course-students-tab .modal .edit-course-modal-content{width:100%;max-width:560px;max-height:calc(100vh - 40px);box-shadow:none;background:0 0;border-radius:16px;padding:0;overflow-y:auto}.admin-course-overview-tab,.admin-course-policy-tab,.admin-course-sessions-tab,.admin-course-attendance-tab,.admin-course-students-tab{padding:0}.admin-course-policy-tab .policy-table-wrapper,.admin-course-sessions-tab .sessions-table-wrapper,.admin-course-attendance-tab .attendance-table-wrapper,.admin-course-students-tab .students-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.student-search-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.student-search-filter-bar .search-row{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:180px;padding:8px 12px;display:flex}.student-search-filter-bar .search-row .search-icon{color:#6b7280;flex-shrink:0}.student-search-filter-bar .search-row .search-input{background:0 0;border:none;flex:1;font-size:14px}.student-search-filter-bar .search-row .search-input:focus{outline:none}.student-search-filter-bar .category-filter-select{border:1px solid #d1d5db;border-radius:8px;min-width:140px;padding:8px 12px;font-size:14px}.student-search-filter-bar .include-former-filter{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:14px;display:inline-flex}.student-search-filter-bar .include-former-filter input[type=checkbox]{cursor:pointer;width:16px;height:16px}.student-category-badge{color:#4338ca;background:#e0e7ff;border-radius:4px;padding:2px 8px;font-size:12px;display:inline-block}.student-list-table .col-checkbox{text-align:center;vertical-align:middle;width:48px}.student-list-table .student-table-checkbox-label{cursor:pointer;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:-6px -8px;padding:6px 8px;display:flex}.student-list-table .student-table-checkbox-label input{cursor:pointer;accent-color:#059669;width:18px;height:18px}.student-list-table--modal tbody tr.row-selected td{background:#ecfdf5}.student-list-table--modal tbody tr.row-selected:hover td{background:#d1fae5}.student-list-table--modal tbody tr:not(.row-disabled){cursor:pointer}.student-list-table--modal tbody tr.row-disabled{opacity:.78;cursor:not-allowed}.student-list-table--modal tbody tr.row-disabled td{color:#64748b;background:#f8fafc}.student-list-table--modal tbody tr.row-disabled:hover td{background:#f1f5f9}.student-row-enrolled-badge{letter-spacing:.04em;text-transform:uppercase;color:#92400e;vertical-align:middle;cursor:help;background:#fef3c7;border-radius:4px;max-width:14rem;margin-right:6px;padding:2px 7px;font-size:10px;font-weight:700;line-height:1.25;display:inline-block}.student-list-table .col-category{min-width:80px}.admin-course-overview-tab .overview-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-course-overview-tab .overview-header h3{margin:0;font-size:18px;font-weight:600}.admin-course-overview-tab .overview-header .overview-actions{gap:8px;display:flex}.admin-course-overview-tab .overview-header .overview-actions .edit-btn,.admin-course-overview-tab .overview-header .overview-actions .delete-btn{cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-course-overview-tab .overview-header .overview-actions .edit-btn{color:#fff;background:#3b82f6;border-color:#3b82f6}.admin-course-overview-tab .overview-header .overview-actions .edit-btn:hover{background:#2563eb;border-color:#2563eb}.admin-course-overview-tab .overview-header .overview-actions .delete-btn{color:#dc2626;background:#fff}.admin-course-overview-tab .overview-header .overview-actions .delete-btn:hover{background:#fef2f2;border-color:#dc2626}.admin-course-overview-tab .overview-grid{grid-template-columns:repeat(2,1fr);gap:16px 24px;display:grid}.admin-course-overview-tab .overview-grid .overview-item{flex-direction:column;gap:4px;display:flex}.admin-course-overview-tab .overview-grid .overview-item.full-width{grid-column:1/-1}.admin-course-overview-tab .overview-grid .overview-item .label{color:#6b7280;font-size:12px;font-weight:500}.admin-course-overview-tab .overview-grid .overview-item .value{color:#1f2937;font-size:14px}.admin-course-policy-tab .policy-header,.admin-course-policy-tab .sessions-header,.admin-course-policy-tab .students-header,.admin-course-sessions-tab .policy-header,.admin-course-sessions-tab .sessions-header,.admin-course-sessions-tab .students-header,.admin-course-students-tab .policy-header,.admin-course-students-tab .sessions-header,.admin-course-students-tab .students-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin-course-policy-tab .policy-header h3,.admin-course-policy-tab .sessions-header h3,.admin-course-policy-tab .students-header h3,.admin-course-sessions-tab .policy-header h3,.admin-course-sessions-tab .sessions-header h3,.admin-course-sessions-tab .students-header h3,.admin-course-students-tab .policy-header h3,.admin-course-students-tab .sessions-header h3,.admin-course-students-tab .students-header h3{margin:0;font-size:18px;font-weight:600}.admin-course-policy-tab .policy-header .add-btn,.admin-course-policy-tab .sessions-header .add-btn,.admin-course-policy-tab .students-header .add-btn,.admin-course-sessions-tab .policy-header .add-btn,.admin-course-sessions-tab .sessions-header .add-btn,.admin-course-sessions-tab .students-header .add-btn,.admin-course-students-tab .policy-header .add-btn,.admin-course-students-tab .sessions-header .add-btn,.admin-course-students-tab .students-header .add-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.admin-course-policy-tab .policy-header .add-btn:hover,.admin-course-policy-tab .sessions-header .add-btn:hover,.admin-course-policy-tab .students-header .add-btn:hover,.admin-course-sessions-tab .policy-header .add-btn:hover,.admin-course-sessions-tab .sessions-header .add-btn:hover,.admin-course-sessions-tab .students-header .add-btn:hover,.admin-course-students-tab .policy-header .add-btn:hover,.admin-course-students-tab .sessions-header .add-btn:hover,.admin-course-students-tab .students-header .add-btn:hover{background:#059669}.admin-course-policy-tab .sessions-header .date-range,.admin-course-sessions-tab .sessions-header .date-range,.admin-course-students-tab .sessions-header .date-range{align-items:center;gap:8px;display:flex}.admin-course-policy-tab .sessions-header .date-range input[type=date],.admin-course-sessions-tab .sessions-header .date-range input[type=date],.admin-course-students-tab .sessions-header .date-range input[type=date]{border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:14px}.admin-course-policy-tab .loading-text,.admin-course-policy-tab .empty-text,.admin-course-sessions-tab .loading-text,.admin-course-sessions-tab .empty-text,.admin-course-students-tab .loading-text,.admin-course-students-tab .empty-text{text-align:center;color:#6b7280;margin:0;padding:24px}.admin-course-policy-tab .policy-table,.admin-course-policy-tab .sessions-table,.admin-course-policy-tab .students-table,.admin-course-sessions-tab .policy-table,.admin-course-sessions-tab .sessions-table,.admin-course-sessions-tab .students-table,.admin-course-students-tab .policy-table,.admin-course-students-tab .sessions-table,.admin-course-students-tab .students-table{border-collapse:collapse;background:#fff;width:100%;font-size:14px}.admin-course-policy-tab .policy-table th,.admin-course-policy-tab .policy-table td,.admin-course-policy-tab .sessions-table th,.admin-course-policy-tab .sessions-table td,.admin-course-policy-tab .students-table th,.admin-course-policy-tab .students-table td,.admin-course-sessions-tab .policy-table th,.admin-course-sessions-tab .policy-table td,.admin-course-sessions-tab .sessions-table th,.admin-course-sessions-tab .sessions-table td,.admin-course-sessions-tab .students-table th,.admin-course-sessions-tab .students-table td,.admin-course-students-tab .policy-table th,.admin-course-students-tab .policy-table td,.admin-course-students-tab .sessions-table th,.admin-course-students-tab .sessions-table td,.admin-course-students-tab .students-table th,.admin-course-students-tab .students-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 16px}.admin-course-policy-tab .policy-table th,.admin-course-policy-tab .sessions-table th,.admin-course-policy-tab .students-table th,.admin-course-sessions-tab .policy-table th,.admin-course-sessions-tab .sessions-table th,.admin-course-sessions-tab .students-table th,.admin-course-students-tab .policy-table th,.admin-course-students-tab .sessions-table th,.admin-course-students-tab .students-table th{color:#374151;background:#f9fafb;font-weight:600}.admin-course-policy-tab .policy-table .btn-wrapper,.admin-course-policy-tab .sessions-table .btn-wrapper,.admin-course-policy-tab .students-table .btn-wrapper,.admin-course-sessions-tab .policy-table .btn-wrapper,.admin-course-sessions-tab .sessions-table .btn-wrapper,.admin-course-sessions-tab .students-table .btn-wrapper,.admin-course-students-tab .policy-table .btn-wrapper,.admin-course-students-tab .sessions-table .btn-wrapper,.admin-course-students-tab .students-table .btn-wrapper{gap:8px;display:flex}.admin-course-policy-tab .policy-table .btn-wrapper .edit-btn,.admin-course-policy-tab .policy-table .btn-wrapper .delete-btn,.admin-course-policy-tab .sessions-table .btn-wrapper .edit-btn,.admin-course-policy-tab .sessions-table .btn-wrapper .delete-btn,.admin-course-policy-tab .students-table .btn-wrapper .edit-btn,.admin-course-policy-tab .students-table .btn-wrapper .delete-btn,.admin-course-sessions-tab .policy-table .btn-wrapper .edit-btn,.admin-course-sessions-tab .policy-table .btn-wrapper .delete-btn,.admin-course-sessions-tab .sessions-table .btn-wrapper .edit-btn,.admin-course-sessions-tab .sessions-table .btn-wrapper .delete-btn,.admin-course-sessions-tab .students-table .btn-wrapper .edit-btn,.admin-course-sessions-tab .students-table .btn-wrapper .delete-btn,.admin-course-students-tab .policy-table .btn-wrapper .edit-btn,.admin-course-students-tab .policy-table .btn-wrapper .delete-btn,.admin-course-students-tab .sessions-table .btn-wrapper .edit-btn,.admin-course-students-tab .sessions-table .btn-wrapper .delete-btn,.admin-course-students-tab .students-table .btn-wrapper .edit-btn,.admin-course-students-tab .students-table .btn-wrapper .delete-btn{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;display:inline-flex}.admin-course-policy-tab .policy-table .btn-wrapper .edit-btn,.admin-course-policy-tab .sessions-table .btn-wrapper .edit-btn,.admin-course-policy-tab .students-table .btn-wrapper .edit-btn,.admin-course-sessions-tab .policy-table .btn-wrapper .edit-btn,.admin-course-sessions-tab .sessions-table .btn-wrapper .edit-btn,.admin-course-sessions-tab .students-table .btn-wrapper .edit-btn,.admin-course-students-tab .policy-table .btn-wrapper .edit-btn,.admin-course-students-tab .sessions-table .btn-wrapper .edit-btn,.admin-course-students-tab .students-table .btn-wrapper .edit-btn{color:#2563eb;background:#eff6ff}.admin-course-policy-tab .policy-table .btn-wrapper .edit-btn:hover,.admin-course-policy-tab .sessions-table .btn-wrapper .edit-btn:hover,.admin-course-policy-tab .students-table .btn-wrapper .edit-btn:hover,.admin-course-sessions-tab .policy-table .btn-wrapper .edit-btn:hover,.admin-course-sessions-tab .sessions-table .btn-wrapper .edit-btn:hover,.admin-course-sessions-tab .students-table .btn-wrapper .edit-btn:hover,.admin-course-students-tab .policy-table .btn-wrapper .edit-btn:hover,.admin-course-students-tab .sessions-table .btn-wrapper .edit-btn:hover,.admin-course-students-tab .students-table .btn-wrapper .edit-btn:hover{background:#dbeafe}.admin-course-policy-tab .policy-table .btn-wrapper .delete-btn,.admin-course-policy-tab .policy-table .btn-wrapper .unenroll-btn,.admin-course-policy-tab .sessions-table .btn-wrapper .delete-btn,.admin-course-policy-tab .sessions-table .btn-wrapper .unenroll-btn,.admin-course-policy-tab .students-table .btn-wrapper .delete-btn,.admin-course-policy-tab .students-table .btn-wrapper .unenroll-btn,.admin-course-sessions-tab .policy-table .btn-wrapper .delete-btn,.admin-course-sessions-tab .policy-table .btn-wrapper .unenroll-btn,.admin-course-sessions-tab .sessions-table .btn-wrapper .delete-btn,.admin-course-sessions-tab .sessions-table .btn-wrapper .unenroll-btn,.admin-course-sessions-tab .students-table .btn-wrapper .delete-btn,.admin-course-sessions-tab .students-table .btn-wrapper .unenroll-btn,.admin-course-students-tab .policy-table .btn-wrapper .delete-btn,.admin-course-students-tab .policy-table .btn-wrapper .unenroll-btn,.admin-course-students-tab .sessions-table .btn-wrapper .delete-btn,.admin-course-students-tab .sessions-table .btn-wrapper .unenroll-btn,.admin-course-students-tab .students-table .btn-wrapper .delete-btn,.admin-course-students-tab .students-table .btn-wrapper .unenroll-btn{color:#dc2626;background:#fef2f2}.admin-course-policy-tab .policy-table .btn-wrapper .delete-btn:hover,.admin-course-policy-tab .policy-table .btn-wrapper .unenroll-btn:hover,.admin-course-policy-tab .sessions-table .btn-wrapper .delete-btn:hover,.admin-course-policy-tab .sessions-table .btn-wrapper .unenroll-btn:hover,.admin-course-policy-tab .students-table .btn-wrapper .delete-btn:hover,.admin-course-policy-tab .students-table .btn-wrapper .unenroll-btn:hover,.admin-course-sessions-tab .policy-table .btn-wrapper .delete-btn:hover,.admin-course-sessions-tab .policy-table .btn-wrapper .unenroll-btn:hover,.admin-course-sessions-tab .sessions-table .btn-wrapper .delete-btn:hover,.admin-course-sessions-tab .sessions-table .btn-wrapper .unenroll-btn:hover,.admin-course-sessions-tab .students-table .btn-wrapper .delete-btn:hover,.admin-course-sessions-tab .students-table .btn-wrapper .unenroll-btn:hover,.admin-course-students-tab .policy-table .btn-wrapper .delete-btn:hover,.admin-course-students-tab .policy-table .btn-wrapper .unenroll-btn:hover,.admin-course-students-tab .sessions-table .btn-wrapper .delete-btn:hover,.admin-course-students-tab .sessions-table .btn-wrapper .unenroll-btn:hover,.admin-course-students-tab .students-table .btn-wrapper .delete-btn:hover,.admin-course-students-tab .students-table .btn-wrapper .unenroll-btn:hover{background:#fee2e2}.admin-course-policy-tab .policy-table .btn-wrapper .unenroll-btn:disabled,.admin-course-policy-tab .sessions-table .btn-wrapper .unenroll-btn:disabled,.admin-course-policy-tab .students-table .btn-wrapper .unenroll-btn:disabled,.admin-course-sessions-tab .policy-table .btn-wrapper .unenroll-btn:disabled,.admin-course-sessions-tab .sessions-table .btn-wrapper .unenroll-btn:disabled,.admin-course-sessions-tab .students-table .btn-wrapper .unenroll-btn:disabled,.admin-course-students-tab .policy-table .btn-wrapper .unenroll-btn:disabled,.admin-course-students-tab .sessions-table .btn-wrapper .unenroll-btn:disabled,.admin-course-students-tab .students-table .btn-wrapper .unenroll-btn:disabled{opacity:.6;cursor:not-allowed}.admin-course-policy-tab .sessions-table tr.projected,.admin-course-sessions-tab .sessions-table tr.projected,.admin-course-students-tab .sessions-table tr.projected{opacity:.85;background:#f9fafb}.admin-course-policy-tab .sessions-table tr.cancelled,.admin-course-sessions-tab .sessions-table tr.cancelled,.admin-course-students-tab .sessions-table tr.cancelled{opacity:.6;text-decoration:line-through}.admin-course-policy-tab .badge,.admin-course-sessions-tab .badge,.admin-course-students-tab .badge{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.admin-course-policy-tab .badge.projected,.admin-course-sessions-tab .badge.projected,.admin-course-students-tab .badge.projected{color:#1d4ed8;background:#dbeafe}.admin-course-policy-tab .badge.persisted,.admin-course-sessions-tab .badge.persisted,.admin-course-students-tab .badge.persisted{color:#047857;background:#d1fae5}.admin-course-policy-tab .badge.cancelled,.admin-course-sessions-tab .badge.cancelled,.admin-course-students-tab .badge.cancelled{color:#6b7280;background:#f3f4f6}.admin-course-policy-tab .cancel-session-btn,.admin-course-sessions-tab .cancel-session-btn,.admin-course-students-tab .cancel-session-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;display:inline-flex}.admin-course-policy-tab .cancel-session-btn:hover:not(:disabled),.admin-course-sessions-tab .cancel-session-btn:hover:not(:disabled),.admin-course-students-tab .cancel-session-btn:hover:not(:disabled){background:#fee2e2}.admin-course-policy-tab .cancel-session-btn:disabled,.admin-course-sessions-tab .cancel-session-btn:disabled,.admin-course-students-tab .cancel-session-btn:disabled{opacity:.6;cursor:not-allowed}.admin-course-students-tab .students-header-actions{align-items:stretch}.admin-course-students-tab .students-header-actions .add-btn{border-radius:10px;min-height:40px;padding:10px 18px;font-weight:700;box-shadow:0 2px 10px #10b98147}.admin-course-students-tab .students-header-actions .import-from-course-btn{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:10px;min-height:40px;padding:10px 18px;font-weight:600}.admin-course-students-tab .students-header-actions .import-from-course-btn:hover:not(:disabled){color:#047857;background:#f0fdf4;border-color:#10b981}.admin-course-students-tab .student-list-table--list .action-cell .unenroll-btn.unenroll-btn--danger{color:#b91c1c;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.admin-course-students-tab .student-list-table--list .action-cell .unenroll-btn.unenroll-btn--danger:hover:not(:disabled){color:#991b1b;background:#fee2e2;border-color:#f87171;box-shadow:0 2px 8px #dc262633}.admin-course-students-tab .student-list-table--list .action-cell .unenroll-btn.unenroll-btn--danger:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.admin-course-students-tab .student-list-table--list .action-cell .unenroll-btn.unenroll-btn--danger .unenroll-btn-spin{animation:.75s linear infinite course-students-spin}@keyframes course-students-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-course-attendance-tab .readonly-hint{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin:0 0 20px;padding:12px 16px;font-size:14px}.admin-course-attendance-tab .attendance-tab-toast{color:#166534;background:#ecfdf5;border:1px solid #86efac;border-radius:8px;margin:0 0 16px;padding:10px 14px;font-size:14px}.admin-course-attendance-tab .attendance-tab-toast.is-error{color:#9f1239;background:#fff1f2;border-color:#fda4af}.admin-course-attendance-tab .attendance-cancel-btn{color:#b91c1c;cursor:pointer;background:#fff1f2;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:4px;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.admin-course-attendance-tab .attendance-cancel-btn:disabled{opacity:.55;cursor:not-allowed}.admin-course-attendance-tab .attendance-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.admin-course-attendance-tab .attendance-header h3{margin:0;font-size:18px;font-weight:600}.admin-course-attendance-tab .attendance-header .attendance-controls{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.admin-course-attendance-tab .attendance-header .date-range{align-items:center;gap:8px;display:flex}.admin-course-attendance-tab .attendance-header .date-range input[type=date]{border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:14px}.admin-course-attendance-tab .attendance-header .session-selector{align-items:center;gap:12px;display:flex}.admin-course-attendance-tab .attendance-header .session-selector label{font-size:14px;font-weight:500}.admin-course-attendance-tab .attendance-header .session-selector select{border:1px solid #d1d5db;border-radius:6px;min-width:260px;padding:8px 12px;font-size:14px}.admin-course-attendance-tab .loading-text,.admin-course-attendance-tab .empty-text{text-align:center;color:#6b7280;margin:0;padding:24px}.admin-course-attendance-tab .attendance-table{border-collapse:collapse;background:#fff;width:100%;font-size:14px}.admin-course-attendance-tab .attendance-table th,.admin-course-attendance-tab .attendance-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 16px}.admin-course-attendance-tab .attendance-table th{color:#374151;background:#f9fafb;font-weight:600}.policy-modal-content{background:#fff;border-radius:12px;max-width:480px;padding:0;box-shadow:0 25px 50px -12px #00000040}.policy-modal-content .modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.policy-modal-content .modal-header h3{margin:0;font-size:18px}.policy-modal-content .modal-header .close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.policy-modal-content .modal-header .close-btn:hover{color:#1f2937}.policy-modal-content .modal-body .form-group label{margin-bottom:6px;font-size:14px;font-weight:500;display:block}.policy-modal-content .modal-body .form-group input,.policy-modal-content .modal-body .form-group select{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.policy-modal-content .modal-body .form-row{gap:16px;display:flex}.policy-modal-content .modal-body .form-row .form-group{flex:1}.policy-modal-content .modal-body .error-text{color:#dc2626;margin:12px 0 0;font-size:14px}.policy-modal-content .modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.policy-modal-content .modal-footer .cancel-btn,.policy-modal-content .modal-footer .save-btn{cursor:pointer;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:500}.policy-modal-content .modal-footer .cancel-btn{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.policy-modal-content .modal-footer .cancel-btn:hover{background:#e5e7eb}.policy-modal-content .modal-footer .save-btn{color:#fff;background:#3b82f6;border:none}.policy-modal-content .modal-footer .save-btn:hover:not(:disabled){background:#2563eb}.policy-modal-content .modal-footer .save-btn:disabled{cursor:not-allowed;background:#9ca3af}.add-student-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:60%;max-height:calc(100vh - 40px);padding:0;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.add-student-modal-content .modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.add-student-modal-content .modal-header h3{margin:0;font-size:18px}.add-student-modal-content .modal-header .close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.add-student-modal-content .modal-header .close-btn:hover{color:#1f2937}.add-student-modal-content .modal-body{flex:1;min-height:0;padding:20px;overflow-y:auto}.add-student-modal-content .modal-body .select-all-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.add-student-modal-content .modal-body .select-all-row .checkbox-label{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.add-student-modal-content .modal-body .select-all-row .checkbox-label input{width:16px;height:16px}.add-student-modal-content .modal-body .select-all-row .selected-count{color:#6b7280;font-size:13px}.add-student-modal-content .modal-body .student-list-scroll{border:1px solid #e5e7eb;border-radius:8px;max-height:280px;margin-bottom:12px;overflow-y:auto}.add-student-modal-content .modal-body .student-list-scroll .students-table{margin:0}.add-student-modal-content .modal-body .result-message{white-space:pre-line;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:12px;font-size:14px}.add-student-modal-content .modal-body .loading-text,.add-student-modal-content .modal-body .empty-text{text-align:center;color:#6b7280;margin:0;padding:24px}.add-student-modal-content .modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.add-student-modal-content .modal-footer .cancel-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 20px;font-size:14px}.add-student-modal-content .modal-footer .cancel-btn:hover{background:#e5e7eb}.add-student-modal-content .modal-footer .register-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;font-size:14px;display:flex}.add-student-modal-content .modal-footer .register-btn:hover:not(:disabled){background:#059669}.add-student-modal-content .modal-footer .register-btn:disabled{cursor:not-allowed;background:#9ca3af}@media (width<=768px){.admin-course-sessions-tab .mobile-session-list{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.admin-course-sessions-tab .mobile-session-item{border-bottom:1px solid #e5e7eb;padding:14px 16px}.admin-course-sessions-tab .mobile-session-item:last-child{border-bottom:none}.admin-course-sessions-tab .mobile-session-item .session-row-primary,.admin-course-sessions-tab .mobile-session-item .session-row-secondary{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-course-sessions-tab .mobile-session-item .session-row-primary .date{color:#1f2937;font-weight:700}.admin-course-sessions-tab .mobile-session-item .session-row-primary .time{color:#374151;font-size:13px;font-weight:600}.admin-course-sessions-tab .mobile-session-item .session-row-secondary{margin-top:8px}.admin-course-sessions-tab .mobile-session-item .session-row-secondary .classroom{color:#6b7280;font-size:13px}.admin-course-sessions-tab .mobile-session-item .cancel-session-btn.compact{justify-content:center;width:100%;min-height:40px;margin-top:10px}.admin-course-attendance-tab .mobile-attendance-list{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.admin-course-attendance-tab .mobile-attendance-item{border-bottom:1px solid #e5e7eb;padding:14px 16px}.admin-course-attendance-tab .mobile-attendance-item:last-child{border-bottom:none}.admin-course-attendance-tab .mobile-attendance-item .attendance-row-primary{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-course-attendance-tab .mobile-attendance-item .attendance-row-primary .student-name{color:#1f2937;font-weight:700}.admin-course-attendance-tab .mobile-attendance-item .attendance-row-secondary,.admin-course-attendance-tab .mobile-attendance-item .attendance-row-tertiary{margin-top:8px}.admin-course-attendance-tab .mobile-attendance-item .checked-at,.admin-course-attendance-tab .mobile-attendance-item .comment{color:#6b7280;font-size:13px;line-height:1.45}.admin-course-attendance-tab .mobile-attendance-item.former-enrollment{background:#f8fafc}.admin-course-attendance-tab .student-name-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-course-attendance-tab .attendance-table tbody tr.former-enrollment{background:#f8fafc}.admin-course-students-tab .mobile-student-list{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.admin-course-students-tab .mobile-student-item{border-bottom:1px solid #e5e7eb;padding:14px 16px}.admin-course-students-tab .mobile-student-item:last-child{border-bottom:none}.admin-course-students-tab .mobile-student-item .student-row-primary,.admin-course-students-tab .mobile-student-item .student-row-secondary{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-course-students-tab .mobile-student-item .student-name{color:#1f2937;font-weight:700}.admin-course-students-tab .mobile-student-item .student-row-secondary,.admin-course-students-tab .mobile-student-item .student-row-tertiary{margin-top:8px}.admin-course-students-tab .mobile-student-item .student-meta{color:#6b7280;font-size:13px;line-height:1.45}.admin-course-students-tab .mobile-student-item .unenroll-btn.unenroll-btn--danger{justify-content:center;width:100%;min-height:40px;margin-top:10px}.admin-course-students-tab .mobile-student-item.former-enrollment{background:#f8fafc}.admin-course-students-tab .mobile-student-item .student-name-cell,.admin-course-students-tab .student-name-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-course-students-tab .students-table tbody tr.former-enrollment{background:#f8fafc}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-course-detail-page{background:#0f172a!important}html:not([data-theme=light]) .admin-course-detail-page .page-header{background:#1e293b;border-color:#334155;box-shadow:0 2px 10px #0206176b}html:not([data-theme=light]) .admin-course-detail-page .page-header .back-button{color:#e5e7eb;background:#111827;border-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .page-header .back-button:hover{background:#1f2937;border-color:#475569}html:not([data-theme=light]) .admin-course-detail-page .page-header .header-content .header-title h1{color:#f8fafc}html:not([data-theme=light]) .admin-course-detail-page .page-header .header-content .header-title .header-meta-primary{color:#cbd5e1}html:not([data-theme=light]) .admin-course-detail-page .page-header .header-content .header-title .header-meta-secondary{color:#94a3b8;border-top-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .page-header .header-content .header-title .header-meta-secondary .header-extras,html:not([data-theme=light]) .admin-course-detail-page .page-header .header-content .header-title .header-description,html:not([data-theme=light]) .admin-course-detail-page .page-header .header-content .header-title .header-description .header-extras{color:#94a3b8}html:not([data-theme=light]) .admin-course-detail-page .course-content-section .course-content .course-detail-tab-content{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px #02061773}html:not([data-theme=light]) .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn:hover{background:#273449;border-color:#475569}html:not([data-theme=light]) .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn.active{color:#ecfeff;background:#0d9488;border-color:#0d9488;box-shadow:0 2px 8px #0d948859}html:not([data-theme=light]) .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn.active:hover{background:#0f766e;border-color:#0f766e}html:not([data-theme=light]) .admin-course-detail-page .admin-course-policy-tab .policy-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-policy-tab .sessions-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-policy-tab .students-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-policy-tab .attendance-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-sessions-tab .policy-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-sessions-tab .sessions-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-sessions-tab .students-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-sessions-tab .attendance-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .policy-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .sessions-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .students-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .attendance-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-students-tab .policy-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-students-tab .sessions-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-students-tab .students-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-students-tab .attendance-header h3,html:not([data-theme=light]) .admin-course-detail-page .admin-course-overview-tab .overview-header h3{color:#e2e8f0}html:not([data-theme=light]) .admin-course-detail-page .admin-course-overview-tab .overview-grid .overview-item .label{color:#94a3b8}html:not([data-theme=light]) .admin-course-detail-page .admin-course-overview-tab .overview-grid .overview-item .value{color:#e2e8f0}html:not([data-theme=light]) .admin-course-detail-page .policy-table-wrapper,html:not([data-theme=light]) .admin-course-detail-page .sessions-table-wrapper,html:not([data-theme=light]) .admin-course-detail-page .attendance-table-wrapper,html:not([data-theme=light]) .admin-course-detail-page .students-table-wrapper{border-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .policy-table,html:not([data-theme=light]) .admin-course-detail-page .sessions-table,html:not([data-theme=light]) .admin-course-detail-page .attendance-table,html:not([data-theme=light]) .admin-course-detail-page .students-table{color:#cbd5e1;background:#111827}html:not([data-theme=light]) .admin-course-detail-page .policy-table th,html:not([data-theme=light]) .admin-course-detail-page .sessions-table th,html:not([data-theme=light]) .admin-course-detail-page .attendance-table th,html:not([data-theme=light]) .admin-course-detail-page .students-table th{color:#e2e8f0;background:#1f2937}html:not([data-theme=light]) .admin-course-detail-page .policy-table td,html:not([data-theme=light]) .admin-course-detail-page .policy-table th,html:not([data-theme=light]) .admin-course-detail-page .sessions-table td,html:not([data-theme=light]) .admin-course-detail-page .sessions-table th,html:not([data-theme=light]) .admin-course-detail-page .attendance-table td,html:not([data-theme=light]) .admin-course-detail-page .attendance-table th,html:not([data-theme=light]) .admin-course-detail-page .students-table td,html:not([data-theme=light]) .admin-course-detail-page .students-table th{border-bottom-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .policy-table tbody tr:hover td,html:not([data-theme=light]) .admin-course-detail-page .sessions-table tbody tr:hover td,html:not([data-theme=light]) .admin-course-detail-page .attendance-table tbody tr:hover td,html:not([data-theme=light]) .admin-course-detail-page .students-table tbody tr:hover td{background:#ffffff08}html:not([data-theme=light]) .admin-course-detail-page .sessions-table tr.projected{opacity:1;background:#94a3b814}html:not([data-theme=light]) .admin-course-detail-page .sessions-table tr.projected td{color:#cbd5e1}html:not([data-theme=light]) .admin-course-detail-page .sessions-table tr.cancelled{opacity:.72;text-decoration-color:#64748b}html:not([data-theme=light]) .admin-course-detail-page .sessions-header .date-range input[type=date],html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .date-range input[type=date],html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .session-selector select,html:not([data-theme=light]) .admin-course-detail-page .student-search-filter-bar .search-row,html:not([data-theme=light]) .admin-course-detail-page .student-search-filter-bar .category-filter-select{color:#e2e8f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1e293b;border-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .student-search-filter-bar .search-row .search-input{color:#e2e8f0}html:not([data-theme=light]) .admin-course-detail-page .student-search-filter-bar .search-row .search-input::placeholder{color:#64748b}html:not([data-theme=light]) .admin-course-detail-page .student-search-filter-bar .search-row .search-icon{color:#94a3b8}html:not([data-theme=light]) .admin-course-detail-page .student-search-filter-bar .category-filter-select option{color:#e2e8f0;background:#111827}html:not([data-theme=light]) .admin-course-detail-page .include-former-filter{color:#e2e8f0}html:not([data-theme=light]) .admin-course-detail-page .include-former-filter input[type=checkbox]{accent-color:#68d391}html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .session-selector label{color:#94a3b8}html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .session-selector select{color:#e2e8f0;background:#1e293b;border-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .session-selector select:hover{border-color:#475569}html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .session-selector select:focus{border-color:#64748b;outline:none;box-shadow:0 0 0 2px #64748b40}html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .session-selector select option{color:#e2e8f0;background:#111827}html:not([data-theme=light]) .admin-course-detail-page .badge.projected{color:#60a5fa;background:#3b82f626}html:not([data-theme=light]) .admin-course-detail-page .badge.persisted{color:#4ade80;background:#22c55e26}html:not([data-theme=light]) .admin-course-detail-page .badge.cancelled{color:#f87171;background:#ef444426}html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .mobile-attendance-list{background:#111827;border-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .mobile-attendance-item{border-bottom-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .mobile-attendance-item.former-enrollment{background:#94a3b814}html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .mobile-attendance-item .attendance-row-primary .student-name{color:#e2e8f0}html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .mobile-attendance-item .checked-at,html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .mobile-attendance-item .comment{color:#94a3b8}html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .attendance-table tbody tr.former-enrollment{background:#94a3b814}html:not([data-theme=light]) .admin-course-detail-page .admin-course-students-tab .mobile-student-list{background:#111827;border-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .admin-course-students-tab .mobile-student-item{border-bottom-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .admin-course-students-tab .mobile-student-item.former-enrollment{background:#94a3b814}html:not([data-theme=light]) .admin-course-detail-page .admin-course-students-tab .mobile-student-item .student-name{color:#e2e8f0}html:not([data-theme=light]) .admin-course-detail-page .admin-course-students-tab .mobile-student-item .student-meta{color:#94a3b8}html:not([data-theme=light]) .admin-course-detail-page .admin-course-students-tab .students-table tbody tr.former-enrollment{background:#94a3b814}html:not([data-theme=light]) .admin-course-detail-page .cancel-session-btn{color:#fca5a5;background:#ef444424;border-color:#f8717166}html:not([data-theme=light]) .admin-course-detail-page .cancel-session-btn:hover:not(:disabled){background:#ef444438}html:not([data-theme=light]) .admin-course-detail-page .cancel-session-btn:disabled{opacity:.5}}html[data-theme=dark] .admin-course-detail-page{background:#0f172a!important}html[data-theme=dark] .admin-course-detail-page .page-header{background:#1e293b;border-color:#334155;box-shadow:0 2px 10px #0206176b}html[data-theme=dark] .admin-course-detail-page .page-header .back-button{color:#e5e7eb;background:#111827;border-color:#334155}html[data-theme=dark] .admin-course-detail-page .page-header .back-button:hover{background:#1f2937;border-color:#475569}html[data-theme=dark] .admin-course-detail-page .page-header .header-content .header-title h1{color:#f8fafc}html[data-theme=dark] .admin-course-detail-page .page-header .header-content .header-title .header-meta-primary{color:#cbd5e1}html[data-theme=dark] .admin-course-detail-page .page-header .header-content .header-title .header-meta-secondary{color:#94a3b8;border-top-color:#334155}html[data-theme=dark] .admin-course-detail-page .page-header .header-content .header-title .header-meta-secondary .header-extras,html[data-theme=dark] .admin-course-detail-page .page-header .header-content .header-title .header-description,html[data-theme=dark] .admin-course-detail-page .page-header .header-content .header-title .header-description .header-extras{color:#94a3b8}html[data-theme=dark] .admin-course-detail-page .course-content-section .course-content .course-detail-tab-content{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px #02061773}html[data-theme=dark] .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}html[data-theme=dark] .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn:hover{background:#273449;border-color:#475569}html[data-theme=dark] .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn.active{color:#ecfeff;background:#0d9488;border-color:#0d9488;box-shadow:0 2px 8px #0d948859}html[data-theme=dark] .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn.active:hover{background:#0f766e;border-color:#0f766e}html[data-theme=dark] .admin-course-detail-page .admin-course-policy-tab .policy-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-policy-tab .sessions-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-policy-tab .students-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-policy-tab .attendance-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-sessions-tab .policy-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-sessions-tab .sessions-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-sessions-tab .students-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-sessions-tab .attendance-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .policy-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .sessions-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .students-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .attendance-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-students-tab .policy-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-students-tab .sessions-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-students-tab .students-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-students-tab .attendance-header h3,html[data-theme=dark] .admin-course-detail-page .admin-course-overview-tab .overview-header h3{color:#e2e8f0}html[data-theme=dark] .admin-course-detail-page .admin-course-overview-tab .overview-grid .overview-item .label{color:#94a3b8}html[data-theme=dark] .admin-course-detail-page .admin-course-overview-tab .overview-grid .overview-item .value{color:#e2e8f0}html[data-theme=dark] .admin-course-detail-page .policy-table-wrapper,html[data-theme=dark] .admin-course-detail-page .sessions-table-wrapper,html[data-theme=dark] .admin-course-detail-page .attendance-table-wrapper,html[data-theme=dark] .admin-course-detail-page .students-table-wrapper{border-color:#334155}html[data-theme=dark] .admin-course-detail-page .policy-table,html[data-theme=dark] .admin-course-detail-page .sessions-table,html[data-theme=dark] .admin-course-detail-page .attendance-table,html[data-theme=dark] .admin-course-detail-page .students-table{color:#cbd5e1;background:#111827}html[data-theme=dark] .admin-course-detail-page .policy-table th,html[data-theme=dark] .admin-course-detail-page .sessions-table th,html[data-theme=dark] .admin-course-detail-page .attendance-table th,html[data-theme=dark] .admin-course-detail-page .students-table th{color:#e2e8f0;background:#1f2937}html[data-theme=dark] .admin-course-detail-page .policy-table td,html[data-theme=dark] .admin-course-detail-page .policy-table th,html[data-theme=dark] .admin-course-detail-page .sessions-table td,html[data-theme=dark] .admin-course-detail-page .sessions-table th,html[data-theme=dark] .admin-course-detail-page .attendance-table td,html[data-theme=dark] .admin-course-detail-page .attendance-table th,html[data-theme=dark] .admin-course-detail-page .students-table td,html[data-theme=dark] .admin-course-detail-page .students-table th{border-bottom-color:#334155}html[data-theme=dark] .admin-course-detail-page .policy-table tbody tr:hover td,html[data-theme=dark] .admin-course-detail-page .sessions-table tbody tr:hover td,html[data-theme=dark] .admin-course-detail-page .attendance-table tbody tr:hover td,html[data-theme=dark] .admin-course-detail-page .students-table tbody tr:hover td{background:#ffffff08}html[data-theme=dark] .admin-course-detail-page .sessions-table tr.projected{opacity:1;background:#94a3b814}html[data-theme=dark] .admin-course-detail-page .sessions-table tr.projected td{color:#cbd5e1}html[data-theme=dark] .admin-course-detail-page .sessions-table tr.cancelled{opacity:.72;text-decoration-color:#64748b}html[data-theme=dark] .admin-course-detail-page .sessions-header .date-range input[type=date],html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .date-range input[type=date],html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .session-selector select,html[data-theme=dark] .admin-course-detail-page .student-search-filter-bar .search-row,html[data-theme=dark] .admin-course-detail-page .student-search-filter-bar .category-filter-select{color:#e2e8f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1e293b;border-color:#334155}html[data-theme=dark] .admin-course-detail-page .student-search-filter-bar .search-row .search-input{color:#e2e8f0}html[data-theme=dark] .admin-course-detail-page .student-search-filter-bar .search-row .search-input::placeholder{color:#64748b}html[data-theme=dark] .admin-course-detail-page .student-search-filter-bar .search-row .search-icon{color:#94a3b8}html[data-theme=dark] .admin-course-detail-page .student-search-filter-bar .category-filter-select option{color:#e2e8f0;background:#111827}html[data-theme=dark] .admin-course-detail-page .include-former-filter{color:#e2e8f0}html[data-theme=dark] .admin-course-detail-page .include-former-filter input[type=checkbox]{accent-color:#68d391}html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .session-selector label{color:#94a3b8}html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .session-selector select{color:#e2e8f0;background:#1e293b;border-color:#334155}html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .session-selector select:hover{border-color:#475569}html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .session-selector select:focus{border-color:#64748b;outline:none;box-shadow:0 0 0 2px #64748b40}html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .session-selector select option{color:#e2e8f0;background:#111827}html[data-theme=dark] .admin-course-detail-page .badge.projected{color:#60a5fa;background:#3b82f626}html[data-theme=dark] .admin-course-detail-page .badge.persisted{color:#4ade80;background:#22c55e26}html[data-theme=dark] .admin-course-detail-page .badge.cancelled{color:#f87171;background:#ef444426}html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .mobile-attendance-list{background:#111827;border-color:#334155}html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .mobile-attendance-item{border-bottom-color:#334155}html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .mobile-attendance-item.former-enrollment{background:#94a3b814}html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .mobile-attendance-item .attendance-row-primary .student-name{color:#e2e8f0}html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .mobile-attendance-item .checked-at,html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .mobile-attendance-item .comment{color:#94a3b8}html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .attendance-table tbody tr.former-enrollment{background:#94a3b814}html[data-theme=dark] .admin-course-detail-page .admin-course-students-tab .mobile-student-list{background:#111827;border-color:#334155}html[data-theme=dark] .admin-course-detail-page .admin-course-students-tab .mobile-student-item{border-bottom-color:#334155}html[data-theme=dark] .admin-course-detail-page .admin-course-students-tab .mobile-student-item.former-enrollment{background:#94a3b814}html[data-theme=dark] .admin-course-detail-page .admin-course-students-tab .mobile-student-item .student-name{color:#e2e8f0}html[data-theme=dark] .admin-course-detail-page .admin-course-students-tab .mobile-student-item .student-meta{color:#94a3b8}html[data-theme=dark] .admin-course-detail-page .admin-course-students-tab .students-table tbody tr.former-enrollment{background:#94a3b814}html[data-theme=dark] .admin-course-detail-page .cancel-session-btn{color:#fca5a5;background:#ef444424;border-color:#f8717166}html[data-theme=dark] .admin-course-detail-page .cancel-session-btn:hover:not(:disabled){background:#ef444438}html[data-theme=dark] .admin-course-detail-page .cancel-session-btn:disabled{opacity:.5}.course-duplicate-page{background:var(--surface-1);min-height:100vh;padding:24px;position:relative}@media (width<=640px){.course-duplicate-page{padding:16px}}.course-duplicate-toast{z-index:10000;background:var(--bulk-bar-bg);color:var(--text-on-inverse);border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0000002e}.course-duplicate-toast.is-error{background:var(--error-inverse-bg)}.course-duplicate-toast svg{color:var(--success-on-inverse);flex-shrink:0}.course-duplicate-toast.is-error svg{color:var(--error-on-inverse)}.course-duplicate-header{background:var(--surface-0);border:1px solid var(--border-muted);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000f}.course-duplicate-header h1{color:var(--text-heading);margin:0;font-size:22px;font-weight:700}.course-duplicate-header-main{align-items:center;gap:12px;min-width:0;display:flex}.course-duplicate-header-main .course-duplicate-header-title-wrap{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.course-duplicate-header-main .course-duplicate-header-title-wrap h1{margin:0}.course-duplicate-header-main .course-duplicate-policy-state-pill{letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.course-duplicate-header-main .course-duplicate-policy-state-pill.is-original{color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border-default)}.course-duplicate-header-main .course-duplicate-policy-state-pill.is-modified{color:var(--warning-text);background:var(--warning-bg);border:1px solid var(--warning-mark)}.course-duplicate-header-main .back-link{border:1px solid var(--border-muted);background:var(--surface-0);width:40px;height:40px;color:var(--btn-secondary-fg);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.course-duplicate-header-main .back-link:hover{background:var(--surface-subtle)}.course-duplicate-header-actions{flex-shrink:0;gap:10px;display:flex}.course-duplicate-header-actions .btn-secondary{border:1px solid var(--input-border);background:var(--surface-0);color:var(--btn-secondary-fg);cursor:pointer;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500}.course-duplicate-header-actions .btn-secondary:hover:not(:disabled){background:var(--surface-subtle)}.course-duplicate-header-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.course-duplicate-header-actions .btn-primary{background:var(--form-save-bg);color:var(--brand-on-primary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.course-duplicate-header-actions .btn-primary:hover:not(:disabled){background:var(--form-save-bg-hover)}.course-duplicate-header-actions .btn-primary:disabled{opacity:.55;cursor:not-allowed}.course-duplicate-header-actions .btn-primary .spin{animation:.8s linear infinite dup-spin}@keyframes dup-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.course-duplicate-loading{text-align:center;color:var(--text-gray-600);background:var(--surface-0);border:1px solid var(--border-muted);border-radius:12px;padding:48px}.course-duplicate-body{flex-direction:column;gap:24px;display:flex}.course-duplicate-section{background:var(--surface-0);border:1px solid var(--border-muted);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f}.course-duplicate-section.course-duplicate-section-muted{background:var(--surface-subtle)}.course-duplicate-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.course-duplicate-section-title{color:var(--text-heading);margin:0 0 16px;font-size:16px;font-weight:600}.course-duplicate-section-head .course-duplicate-section-title{margin-bottom:0}.course-duplicate-form-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.course-duplicate-form-grid .form-group.full-width,.course-duplicate-form-grid .date-range-group{grid-column:1/-1}.date-range-inputs{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.date-range-inputs .date-sep{color:var(--text-gray-600)}.date-range-inputs .react-datepicker-wrapper{flex:1;min-width:140px}.course-duplicate-section .form-group{flex-direction:column;gap:6px;display:flex}.course-duplicate-section .form-group label{color:var(--text-gray-700);font-size:13px;font-weight:500}.form-input{border:1px solid var(--input-border);color:var(--text-heading);background:var(--surface-0);box-sizing:border-box;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.form-input:focus{border-color:var(--success-dot);outline:none;box-shadow:0 0 0 2px #10b98126}textarea.form-input{resize:vertical;min-height:72px}.course-duplicate-period-schedule-hint{background:var(--info-bg);border:1px solid var(--info-border);color:var(--info-text-strong);border-radius:8px;margin:16px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.course-duplicate-info-banner{background:var(--warning-soft-bg);border:1px solid var(--warning-soft-border);color:var(--warning-text);border-radius:8px;margin-top:16px;padding:12px 16px;font-size:13px}.course-duplicate-policy-warning{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text-strong);border-radius:8px;padding:14px 16px;font-size:14px}.add-policy-btn{border:1px solid var(--success-dot);background:var(--success-bg);color:var(--success-text-strong);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.add-policy-btn:hover{background:var(--success-soft-bg)}.policy-card-list{flex-direction:column;gap:16px;display:flex}.course-duplicate-policy-section-hint{color:var(--text-gray-600);margin:-4px 0 16px;font-size:13px;line-height:1.5}.policy-card{border:1px solid var(--border-muted);background:var(--auth-page-bg);border-radius:10px;overflow:hidden}.policy-card--date-invalid{border-color:var(--error-soft-border);box-shadow:0 0 0 1px #dc26261f}.policy-card-date-error{color:var(--error-text-strong);background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;margin:0;padding:8px 10px;font-size:12px;font-weight:600}.policy-card-header{background:var(--btn-secondary-bg);border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.policy-card-title{color:var(--text-heading);font-size:14px;font-weight:600}.policy-card-delete{color:var(--error-fg);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.policy-card-delete:hover{background:var(--error-soft-bg)}.policy-card-body{flex-direction:column;gap:12px;padding:16px;display:flex}.policy-card-body .form-row{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.copy-students-label{color:var(--text-heading);cursor:pointer;align-items:flex-start;gap:10px;font-size:15px;font-weight:500;display:flex}.copy-students-label input{margin-top:3px}.copy-students-hint{color:var(--text-gray-600);margin:8px 0 0 28px;font-size:13px}.copy-students-preview{background:var(--surface-1);border:1px solid var(--border-default);border-left:4px solid var(--success-dot);border-radius:10px;margin-top:16px;margin-left:28px;padding:14px 16px}.copy-preview-title{color:var(--text-secondary);margin:0 0 10px;font-size:13px;font-weight:600}.copy-preview-partial-hint{color:var(--teal-fg);background:var(--success-bg);border:1px solid var(--success-soft-border);border-radius:8px;margin:0 0 10px;padding:8px 10px;font-size:12px;font-weight:600;line-height:1.45}.copy-preview-loading,.copy-preview-empty{color:var(--text-muted);margin:0;font-size:13px}.copy-preview-list{color:var(--text-heading);word-break:break-word;margin:0;padding-left:18px;font-size:13px;line-height:1.55}.copy-preview-list li{margin:3px 0}.copy-preview-more{color:var(--text-muted);margin:8px 0 0;font-size:13px;font-weight:500}.copy-preview-toggle{color:var(--success-text);background:var(--surface-0);border:1px solid var(--success-soft-border);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.copy-preview-toggle:hover{background:var(--success-bg)}.no-students-notice{color:var(--input-placeholder);margin:0;font-size:14px}.admin-course-duplicate-btn{border:1px solid var(--border-muted);background:var(--surface-0);color:var(--btn-secondary-fg);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex}.admin-course-duplicate-btn:hover{background:var(--surface-subtle);border-color:var(--success-dot);color:var(--success-text)}.course-duplicate-preview-wrap{border-top:1px solid var(--border-muted);margin-top:8px;margin-bottom:32px;padding-top:8px}.course-duplicate-sticky-actions{z-index:30;padding:18px 24px calc(18px + env(safe-area-inset-bottom,0));background:var(--surface-0);border-top:1px solid var(--border-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 -24px -24px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 24px #0f172a14}.course-duplicate-action-context{color:var(--text-primary);margin:0;font-size:13px;font-weight:600}.course-duplicate-action-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.course-duplicate-action-btn:disabled{opacity:.55;cursor:not-allowed}.course-duplicate-action-btn .spin{animation:.8s linear infinite dup-spin}.course-duplicate-action-btn--cancel{border:1px solid var(--border-muted);background:var(--surface-0);color:var(--text-secondary)}.course-duplicate-action-btn--cancel:hover:not(:disabled){background:var(--surface-1);border-color:var(--icon-muted)}.course-duplicate-action-btn--primary{background:var(--form-save-bg);color:var(--brand-on-primary);border:none}.course-duplicate-action-btn--primary:hover:not(:disabled){background:var(--form-save-bg-hover)}@media (width<=640px){.course-duplicate-sticky-actions{margin:0 -16px -16px;padding-left:16px;padding-right:16px}.course-duplicate-action-btn{flex:1;min-width:0}.course-duplicate-action-context{width:100%}}.course-duplicate-preview-card{background:var(--surface-1);border:1px solid var(--border-default);box-shadow:none;border-radius:12px;padding:16px 18px}.course-duplicate-preview-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 16px;font-size:12px;font-weight:700}.duplicate-preview-basic-info{background:var(--surface-0);border:1px solid var(--border-default);border-radius:10px;margin-bottom:14px;padding:12px 14px}.duplicate-preview-basic-line{color:var(--slate-fg);grid-template-columns:72px minmax(0,1fr);align-items:start;column-gap:8px;margin:4px 0;font-size:13px;display:grid}.duplicate-preview-basic-label{color:var(--text-muted);display:inline-block}.duplicate-preview-basic-name{color:var(--text-primary);word-break:break-word}.duplicate-preview-section{margin-bottom:18px}.duplicate-preview-section:last-child{margin-bottom:0}.duplicate-preview-section--students{border-bottom:1px dashed var(--icon-muted);margin-bottom:18px;padding-bottom:4px}.duplicate-preview-section-heading{color:var(--text-strong);margin:0 0 10px;font-size:14px;font-weight:700}.duplicate-preview-decision-list{color:var(--slate-fg);margin:0;padding-left:18px;font-size:14px;line-height:1.55}.duplicate-preview-decision-list li{margin:4px 0}.duplicate-preview-emphasis{color:var(--success-text);font-weight:700}.duplicate-preview-excluded-row{flex-wrap:wrap;align-items:center;gap:8px;list-style-position:outside;display:flex}.duplicate-preview-badge-excluded{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border-default);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.duplicate-preview-muted-text{color:var(--text-muted);font-size:13px}.duplicate-preview-schedule-count{color:var(--slate-fg);font-weight:500}.duplicate-preview-schedule-active{color:var(--text-primary);font-weight:600}.duplicate-preview-schedule-lines-wrap{margin-left:-18px;list-style:none}.duplicate-preview-schedule-lines{color:var(--slate-fg);margin:2px 0;padding-left:18px;font-size:13px;line-height:1.5}.duplicate-preview-schedule-lines li{margin:2px 0}.duplicate-preview-final-result{color:var(--success-fg);margin:0;font-size:16px;font-weight:800}.course-duplicate-preview-warning{color:var(--error-text-strong);background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:13px;font-weight:600}.course-duplicate-preview-footnote{color:var(--text-muted);margin:8px 0 10px;font-size:11px;line-height:1.45}.course-duplicate-preview-loading{color:var(--text-muted);margin:0 0 8px;font-size:12px}.course-duplicate-preview-name-list{color:var(--slate-fg);margin:0;padding-left:18px;font-size:12px;line-height:1.5}.course-duplicate-preview-name-list li{margin:2px 0}.course-duplicate-confirm-modal-backdrop{z-index:70;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.course-duplicate-confirm-modal{background:var(--surface-0);border:1px solid var(--border-default);border-radius:14px;width:min(520px,100%);padding:22px;box-shadow:0 20px 48px #0f172a42}.course-duplicate-confirm-modal-title{color:var(--text-primary);margin:0 0 14px;font-size:18px;font-weight:700}.course-duplicate-confirm-basic-info{background:var(--surface-1);border:1px solid var(--border-default);border-radius:10px;margin:0 0 12px;padding:10px 12px}.course-duplicate-confirm-basic-title{color:var(--text-strong);margin:0 0 6px;font-size:13px;font-weight:700}.course-duplicate-confirm-basic-line{color:var(--slate-fg);margin:3px 0;font-size:13px}.course-duplicate-confirm-modal-list{color:var(--slate-fg);margin:0;padding-left:18px;font-size:14px;line-height:1.6}.course-duplicate-confirm-modal-list li{margin:4px 0}.course-duplicate-confirm-emphasis{color:var(--success-text);font-weight:800}.course-duplicate-confirm-modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.course-duplicate-confirm-schedule-list{color:var(--slate-fg);margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.55}.course-duplicate-confirm-schedule-list li{margin:2px 0}@media (width<=640px){.course-duplicate-header{flex-direction:column;align-items:stretch}}.add-classroom-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.add-classroom-form h3{color:#1f2937;border-bottom:1px solid #e5e7eb;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.add-classroom-form select,.add-classroom-form input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:16px;padding:12px 16px;font-size:14px;transition:all .2s}.add-classroom-form select:focus,.add-classroom-form input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.add-classroom-form select::placeholder,.add-classroom-form input::placeholder{color:#9ca3af}.add-classroom-form button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.add-classroom-form button:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 2px 4px #10b9814d}.add-classroom-form button:active{transform:translateY(0)}.add-classroom-form button:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .add-classroom-form{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .add-classroom-form h3{color:#f1f5f9;border-bottom-color:#4a5568}html:not([data-theme=light]) .add-classroom-form select,html:not([data-theme=light]) .add-classroom-form input{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .add-classroom-form select:focus,html:not([data-theme=light]) .add-classroom-form input:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html:not([data-theme=light]) .add-classroom-form select::placeholder,html:not([data-theme=light]) .add-classroom-form input::placeholder{color:#a0aec0}html:not([data-theme=light]) .add-classroom-form button{background:#68d391}html:not([data-theme=light]) .add-classroom-form button:hover:not(:disabled){background:#48bb78;box-shadow:0 2px 4px #68d3914d}html:not([data-theme=light]) .add-classroom-form button:disabled{background:#718096}}html[data-theme=dark] .add-classroom-form{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .add-classroom-form h3{color:#f1f5f9;border-bottom-color:#4a5568}html[data-theme=dark] .add-classroom-form select,html[data-theme=dark] .add-classroom-form input{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .add-classroom-form select:focus,html[data-theme=dark] .add-classroom-form input:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html[data-theme=dark] .add-classroom-form select::placeholder,html[data-theme=dark] .add-classroom-form input::placeholder{color:#a0aec0}html[data-theme=dark] .add-classroom-form button{background:#68d391}html[data-theme=dark] .add-classroom-form button:hover:not(:disabled){background:#48bb78;box-shadow:0 2px 4px #68d3914d}html[data-theme=dark] .add-classroom-form button:disabled{background:#718096}@media (width<=768px){.add-classroom-form{margin-bottom:20px;padding:20px}.add-classroom-form h3{margin-bottom:16px;font-size:16px}.add-classroom-form select,.add-classroom-form input{margin-bottom:12px;padding:10px 12px;font-size:13px}.add-classroom-form button{padding:10px 12px;font-size:13px}}.edit-classroom-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:400px;margin:20px auto;padding:24px;animation:.3s ease-out formSlideIn;display:flex;box-shadow:0 25px 50px -12px #00000040}.edit-classroom-form h3{color:#1f2937;text-align:center;border-bottom:1px solid #e5e7eb;margin:0 0 8px;padding-bottom:12px;font-size:18px;font-weight:600}.edit-classroom-form input{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.edit-classroom-form input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.edit-classroom-form input::placeholder{color:#9ca3af}.edit-classroom-form .button-group{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}.edit-classroom-form .button-group button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.edit-classroom-form .button-group button.save{color:#fff;background:#3b82f6}.edit-classroom-form .button-group button.save:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.edit-classroom-form .button-group button.save:active{transform:translateY(0)}.edit-classroom-form .button-group button.cancel{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.edit-classroom-form .button-group button.cancel:hover{background:#e5e7eb}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .edit-classroom-form{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html:not([data-theme=light]) .edit-classroom-form h3{color:#f1f5f9;border-bottom-color:#4a5568}html:not([data-theme=light]) .edit-classroom-form input{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .edit-classroom-form input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html:not([data-theme=light]) .edit-classroom-form input::placeholder{color:#a0aec0}html:not([data-theme=light]) .edit-classroom-form .button-group{border-top-color:#4a5568}html:not([data-theme=light]) .edit-classroom-form .button-group button.save{background:#63b3ed}html:not([data-theme=light]) .edit-classroom-form .button-group button.save:hover{background:#4299e1;box-shadow:0 4px 12px #63b3ed4d}html:not([data-theme=light]) .edit-classroom-form .button-group button.cancel{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .edit-classroom-form .button-group button.cancel:hover{background:#718096}}html[data-theme=dark] .edit-classroom-form{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html[data-theme=dark] .edit-classroom-form h3{color:#f1f5f9;border-bottom-color:#4a5568}html[data-theme=dark] .edit-classroom-form input{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .edit-classroom-form input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html[data-theme=dark] .edit-classroom-form input::placeholder{color:#a0aec0}html[data-theme=dark] .edit-classroom-form .button-group{border-top-color:#4a5568}html[data-theme=dark] .edit-classroom-form .button-group button.save{background:#63b3ed}html[data-theme=dark] .edit-classroom-form .button-group button.save:hover{background:#4299e1;box-shadow:0 4px 12px #63b3ed4d}html[data-theme=dark] .edit-classroom-form .button-group button.cancel{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .edit-classroom-form .button-group button.cancel:hover{background:#718096}@media (width<=768px){.edit-classroom-form{width:calc(100vw - 32px);max-width:none;margin:16px;padding:20px}.edit-classroom-form h3{font-size:16px}.edit-classroom-form input{padding:10px 12px;font-size:14px}.edit-classroom-form .button-group{flex-direction:column}.edit-classroom-form .button-group button{width:100%;padding:12px}}.admin-classroom-management-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-classroom-management-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-classroom-management-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.admin-classroom-management-page .page-header .header-content .header-title .header-icon{color:#10b981}.admin-classroom-management-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.admin-classroom-management-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.admin-classroom-management-page .classroom-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-classroom-management-page .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.admin-classroom-management-page .loading-container p{color:#6b7280;margin:0;font-size:16px}.classroom-edit-modal{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.classroom-edit-modal .modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:90%;max-width:500px;max-height:90vh;padding:24px;animation:.3s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.classroom-edit-modal .modal-content button{width:100%;margin-top:16px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-classroom-management-page{background:#1a1a2e}html:not([data-theme=light]) .admin-classroom-management-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-classroom-management-page .page-header .header-content .header-title .header-icon{color:#68d391}html:not([data-theme=light]) .admin-classroom-management-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-classroom-management-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .admin-classroom-management-page .classroom-list-container{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-classroom-management-page .loading-container p{color:#a0aec0}html:not([data-theme=light]) .classroom-edit-modal .modal-content{background:#2d3748;border-color:#4a5568}}html[data-theme=dark] .admin-classroom-management-page{background:#1a1a2e}html[data-theme=dark] .admin-classroom-management-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-classroom-management-page .page-header .header-content .header-title .header-icon{color:#68d391}html[data-theme=dark] .admin-classroom-management-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-classroom-management-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .admin-classroom-management-page .classroom-list-container{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-classroom-management-page .loading-container p{color:#a0aec0}html[data-theme=dark] .classroom-edit-modal .modal-content{background:#2d3748;border-color:#4a5568}@media (width<=768px){.admin-classroom-management-page{padding:16px}.admin-classroom-management-page .page-header{margin-bottom:24px;padding:16px}.admin-classroom-management-page .page-header .header-content .header-title h1{font-size:20px}.admin-classroom-management-page .classroom-list-container{margin-bottom:16px;padding:16px}.classroom-edit-modal .modal-content{width:95%;margin:16px;padding:16px}}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-status .status-badge,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-status .status-badge,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-status .status-badge,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-status .status-badge,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-header .template-type,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info .template-header .template-type,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info .template-header .template-type,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info .template-header .template-type,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info .template-header .template-type,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info .template-header .template-type,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info .template-header .template-type,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info .template-header .template-type{white-space:nowrap;border-radius:16px;flex-shrink:0;align-items:center;padding:4px 12px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.admin-email-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-email-page .page-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:32px;padding:32px;box-shadow:0 4px 6px -1px #0000001a}.admin-email-page .page-header .header-content .header-title{align-items:center;gap:16px;margin-bottom:12px;display:flex}.admin-email-page .page-header .header-content .header-title .header-icon{background:#fff3;border-radius:8px;padding:8px}.admin-email-page .page-header .header-content .header-title h1{margin:0;font-size:28px;font-weight:700}.admin-email-page .page-header .header-content .header-description{opacity:.9;margin:0;font-size:16px;line-height:1.6}.admin-email-page .email-dashboard{flex-direction:column;gap:32px;display:flex}.admin-email-page .email-dashboard .features-section h2{color:#1f2937;margin-bottom:20px;font-size:20px;font-weight:600}.admin-email-page .email-dashboard .features-section .features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.admin-email-page .email-dashboard .features-section .features-grid .feature-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:24px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.admin-email-page .email-dashboard .features-section .features-grid .feature-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-content{flex:1}.admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-content h3{color:#1f2937;margin:0 0 4px;font-size:16px;font-weight:600}.admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-content p{color:#6b7280;margin:0;font-size:14px;line-height:1.4}.admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-arrow{color:#9ca3af;font-size:18px;font-weight:600}.admin-email-page .email-dashboard .recent-activity{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;display:grid}.admin-email-page .email-dashboard .recent-activity .activity-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-page .email-dashboard .recent-activity .activity-section .section-header{justify-content:between;align-items:center;margin-bottom:20px;display:flex}.admin-email-page .email-dashboard .recent-activity .activity-section .section-header h3{color:#1f2937;margin:0;font-size:18px;font-weight:600}.admin-email-page .email-dashboard .recent-activity .activity-section .section-header .view-all-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:500;transition:background-color .2s}.admin-email-page .email-dashboard .recent-activity .activity-section .section-header .view-all-btn:hover{background:#f3f4f6}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list{flex-direction:column;gap:12px;display:flex}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .loading-container,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .loading-container{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .loading-container .loading-spinner,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .loading-container .loading-spinner{border:2px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .loading-container p,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .loading-container p{color:#6b7280;margin:0;font-size:14px}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .empty-state,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .empty-state{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .empty-state svg,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .empty-state svg{color:#9ca3af}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .empty-state p,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .empty-state p{color:#6b7280;margin:0;font-size:14px}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:flex-start;padding:16px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item:hover{background:#f9fafb;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info{flex-direction:column;flex:1;gap:8px;display:flex}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-header,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info .template-header,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info .template-header,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info .template-header,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info .template-header,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info .template-header,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info .template-header,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info .template-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-header h4,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info .template-header h4,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info .template-header h4,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info .template-header h4,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info .template-header h4,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info .template-header h4,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info .template-header h4,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info .template-header h4{color:#1f2937;flex:1;margin:0;font-size:15px;font-weight:600;line-height:1.4}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info>p,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info>p,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info>p,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info>p,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info>p,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info>p,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info>p,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info>p{color:#6b7280;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info h4,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info h4,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info h4,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info h4,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info h4,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info h4,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info h4,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info h4{color:#1f2937;margin:0 0 4px;font-size:14px;font-weight:600}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-date,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .dispatch-date,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info .template-date,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info .dispatch-date,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info .template-date,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info .dispatch-date,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info .template-date,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info .dispatch-date,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info .template-date,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info .dispatch-date,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info .template-date,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info .dispatch-date,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info .template-date,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info .dispatch-date,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info .template-date,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info .dispatch-date{color:#9ca3af;font-size:12px}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-actions,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-actions,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-actions{gap:8px;display:flex}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-actions .action-btn,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-actions .action-btn,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-actions .action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;transition:all .2s}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-actions .action-btn:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-actions .action-btn:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-actions .action-btn:hover{color:#374151;background:#e5e7eb}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn:first-child:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-actions .action-btn:first-child:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-actions .action-btn:first-child:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-actions .action-btn:first-child:hover{color:#3b82f6}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn:last-child:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-actions .action-btn:last-child:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-actions .action-btn:last-child:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-actions .action-btn:last-child:hover{color:#ef4444}.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-status .status-badge,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-status .status-badge,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-status .status-badge,.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-status .status-badge{text-transform:uppercase;letter-spacing:.5px}.admin-email-page .email-dashboard .quick-actions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-page .email-dashboard .quick-actions h3{color:#1f2937;margin:0 0 20px;font-size:18px;font-weight:600}.admin-email-page .email-dashboard .quick-actions .actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn.primary{color:#fff;background:#3b82f6}.admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn.primary:hover{background:#2563eb}.admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn.secondary{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn.secondary:hover{background:#e5e7eb}@media (width<=768px){.admin-email-page{padding:16px}.admin-email-page .page-header{padding:24px 20px}.admin-email-page .page-header .header-content .header-title h1{font-size:24px}.admin-email-page .page-header .header-content .header-description{font-size:14px}.admin-email-page .email-dashboard{gap:24px}.admin-email-page .email-dashboard .features-section .features-grid{grid-template-columns:1fr;gap:16px}.admin-email-page .email-dashboard .features-section .features-grid .feature-card{padding:20px}.admin-email-page .email-dashboard .recent-activity{grid-template-columns:1fr;gap:20px}.admin-email-page .email-dashboard .recent-activity .activity-section,.admin-email-page .email-dashboard .quick-actions{padding:20px}.admin-email-page .email-dashboard .quick-actions .actions-grid{grid-template-columns:1fr;gap:12px}.admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn{padding:14px 16px;font-size:13px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-email-page{background:#1a202c}html:not([data-theme=light]) .admin-email-page .page-header{background:linear-gradient(135deg,#4c51bf 0%,#5a67d8 100%)}html:not([data-theme=light]) .admin-email-page .email-dashboard .features-section h2{color:#f1f5f9}html:not([data-theme=light]) .admin-email-page .email-dashboard .features-section .features-grid .feature-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-page .email-dashboard .features-section .features-grid .feature-card:hover{border-color:#60a5fa;box-shadow:0 4px 6px #0000004d}html:not([data-theme=light]) .admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-content h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-content p,html:not([data-theme=light]) .admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-arrow{color:#a0aec0}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .section-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .section-header h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .section-header .view-all-btn{color:#60a5fa}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .section-header .view-all-btn:hover{background:#4a5568}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .loading-container .loading-spinner,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .loading-container .loading-spinner{border-color:#60a5fa #4a5568 #4a5568}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .loading-container p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .loading-container p{color:#a0aec0}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .empty-state svg,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .empty-state svg{color:#718096}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .empty-state p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .empty-state p{color:#a0aec0}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item:hover,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item:hover,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item:hover,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item:hover{background:#718096;border-color:#60a5fa;box-shadow:0 4px 6px #0000004d}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-header h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info .template-header h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info .template-header h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info .template-header h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info .template-header h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info .template-header h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info .template-header h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info .template-header h4{color:#f1f5f9}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-header .template-type,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info .template-header .template-type,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info .template-header .template-type,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info .template-header .template-type,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info .template-header .template-type,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info .template-header .template-type,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info .template-header .template-type,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info .template-header .template-type{opacity:.95}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info>p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info>p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info>p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info>p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info>p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info>p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info>p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info>p{color:#a0aec0}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info h4{color:#f1f5f9}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info p{color:#a0aec0}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .dispatch-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info .template-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info .dispatch-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info .template-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info .dispatch-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info .template-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info .dispatch-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info .template-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info .dispatch-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info .template-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info .dispatch-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info .template-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info .dispatch-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info .template-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info .dispatch-date{color:#718096}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-actions .action-btn,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-actions .action-btn,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-actions .action-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn:hover,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-actions .action-btn:hover,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-actions .action-btn:hover,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-actions .action-btn:hover{color:#60a5fa;background:#2d3748}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-status .status-badge,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-status .status-badge,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-status .status-badge,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-status .status-badge{opacity:.95}html:not([data-theme=light]) .admin-email-page .email-dashboard .quick-actions{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-page .email-dashboard .quick-actions h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn.primary{color:#fff;background:#3b82f6}html:not([data-theme=light]) .admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn.primary:hover{background:#2563eb}html:not([data-theme=light]) .admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn.secondary{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn.secondary:hover{background:#718096}}html[data-theme=dark] .admin-email-page{background:#1a202c}html[data-theme=dark] .admin-email-page .page-header{background:linear-gradient(135deg,#4c51bf 0%,#5a67d8 100%)}html[data-theme=dark] .admin-email-page .email-dashboard .features-section h2{color:#f1f5f9}html[data-theme=dark] .admin-email-page .email-dashboard .features-section .features-grid .feature-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-page .email-dashboard .features-section .features-grid .feature-card:hover{border-color:#60a5fa;box-shadow:0 4px 6px #0000004d}html[data-theme=dark] .admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-content h3{color:#f1f5f9}html[data-theme=dark] .admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-content p,html[data-theme=dark] .admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-arrow{color:#a0aec0}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .section-header{border-bottom-color:#4a5568}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .section-header h3{color:#f1f5f9}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .section-header .view-all-btn{color:#60a5fa}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .section-header .view-all-btn:hover{background:#4a5568}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .loading-container .loading-spinner,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .loading-container .loading-spinner{border-color:#60a5fa #4a5568 #4a5568}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .loading-container p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .loading-container p{color:#a0aec0}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .empty-state svg,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .empty-state svg{color:#718096}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .empty-state p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .empty-state p{color:#a0aec0}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item{background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item:hover,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item:hover,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item:hover,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item:hover{background:#718096;border-color:#60a5fa;box-shadow:0 4px 6px #0000004d}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-header h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info .template-header h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info .template-header h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info .template-header h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info .template-header h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info .template-header h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info .template-header h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info .template-header h4{color:#f1f5f9}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-header .template-type,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info .template-header .template-type,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info .template-header .template-type,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info .template-header .template-type,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info .template-header .template-type,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info .template-header .template-type,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info .template-header .template-type,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info .template-header .template-type{opacity:.95}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info>p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info>p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info>p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info>p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info>p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info>p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info>p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info>p{color:#a0aec0}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info h4{color:#f1f5f9}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info p{color:#a0aec0}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .dispatch-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info .template-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-info .dispatch-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info .template-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-info .dispatch-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info .template-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-info .dispatch-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info .template-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-info .dispatch-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info .template-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-info .dispatch-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info .template-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-info .dispatch-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info .template-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info .dispatch-date{color:#718096}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-actions .action-btn,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-actions .action-btn,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-actions .action-btn{color:#a0aec0}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn:hover,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .template-actions .action-btn:hover,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .template-actions .action-btn:hover,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .template-actions .action-btn:hover{color:#60a5fa;background:#2d3748}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .dispatch-status .status-badge,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .dispatch-item .dispatch-status .status-badge,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .template-item .dispatch-status .status-badge,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-status .status-badge{opacity:.95}html[data-theme=dark] .admin-email-page .email-dashboard .quick-actions{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-page .email-dashboard .quick-actions h3{color:#f1f5f9}html[data-theme=dark] .admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn.primary{color:#fff;background:#3b82f6}html[data-theme=dark] .admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn.primary:hover{background:#2563eb}html[data-theme=dark] .admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn.secondary{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn.secondary:hover{background:#718096}.admin-email-templates-page .flash-warning-banner{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.admin-email-templates-page .flash-warning-banner span{flex:1}.admin-email-templates-page .flash-warning-banner .flash-warning-dismiss{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.admin-email-templates-page .flash-warning-banner .flash-warning-dismiss:hover{background:#92400e14}.admin-email-templates-page .loading-container,.admin-email-templates-page .error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:50vh;display:flex}.admin-email-templates-page .loading-container p,.admin-email-templates-page .error-container p{color:#6b7280;margin:0;font-size:16px}.admin-email-templates-page .loading-container h3,.admin-email-templates-page .error-container h3{color:#1f2937;margin:0;font-size:20px;font-weight:600}.admin-email-templates-page .loading-container .retry-btn,.admin-email-templates-page .error-container .retry-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.admin-email-templates-page .loading-container .retry-btn:hover,.admin-email-templates-page .error-container .retry-btn:hover{background:#2563eb}.admin-email-templates-page .error-container p{color:#ef4444}.admin-email-templates-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-email-templates-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-templates-page .page-header .header-content{justify-content:space-between;align-items:flex-start;display:flex}.admin-email-templates-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.admin-email-templates-page .page-header .header-content .header-title .header-icon{color:#3b82f6}.admin-email-templates-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.admin-email-templates-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.admin-email-templates-page .page-header .header-content .header-title .back-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.admin-email-templates-page .page-header .header-content .header-title .back-btn:hover{color:#374151;background:#f3f4f6}.admin-email-templates-page .page-header .header-content .create-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.admin-email-templates-page .page-header .header-content .create-btn:hover{background:#2563eb}.admin-email-templates-page .templates-content .search-filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:20px;display:flex;box-shadow:0 1px 3px #0000001a}.admin-email-templates-page .templates-content .search-filter-section .search-box{flex:1;align-items:center;display:flex;position:relative}.admin-email-templates-page .templates-content .search-filter-section .search-box svg{color:#9ca3af;z-index:1;position:absolute;left:12px}.admin-email-templates-page .templates-content .search-filter-section .search-box input{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px 10px 40px;font-size:14px}.admin-email-templates-page .templates-content .search-filter-section .search-box input:focus{background:#fff;border-color:#3b82f6;outline:none}.admin-email-templates-page .templates-content .search-filter-section .filter-section{align-items:center;gap:8px;display:flex}.admin-email-templates-page .templates-content .search-filter-section .filter-section svg{color:#6b7280}.admin-email-templates-page .templates-content .search-filter-section .filter-section select{background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:120px;padding:10px 12px;font-size:14px}.admin-email-templates-page .templates-content .search-filter-section .filter-section select:focus{border-color:#3b82f6;outline:none}.admin-email-templates-page .templates-content .search-filter-section .action-buttons{gap:8px;display:flex}.admin-email-templates-page .templates-content .search-filter-section .action-buttons .action-btn{cursor:pointer;color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:10px;transition:all .2s}.admin-email-templates-page .templates-content .search-filter-section .action-buttons .action-btn:hover{color:#374151;background:#e5e7eb}.admin-email-templates-page .templates-content .templates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.admin-email-templates-page .templates-content .templates-grid .template-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s;box-shadow:0 1px 3px #0000001a}.admin-email-templates-page .templates-content .templates-grid .template-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-category{flex-direction:column;gap:8px;display:flex}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-category .category-badge{color:#fff;border-radius:12px;width:fit-content;padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-category .status-badge{border-radius:8px;width:fit-content;padding:2px 6px;font-size:11px;font-weight:500;display:inline-block}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-category .status-badge.active{color:#065f46;background:#d1fae5}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-category .status-badge.draft{color:#92400e;background:#fef3c7}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-category .status-badge.inactive{color:#991b1b;background:#fee2e2}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-actions{gap:4px;display:flex}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-actions .action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;transition:all .2s}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-actions .action-btn:hover{color:#374151;background:#f3f4f6}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-actions .action-btn:first-child:hover{color:#3b82f6}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-actions .action-btn:nth-child(2):hover{color:#10b981}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-actions .action-btn:nth-child(3):hover{color:#ef4444}.admin-email-templates-page .templates-content .templates-grid .template-card .template-content{margin-bottom:16px}.admin-email-templates-page .templates-content .templates-grid .template-card .template-content .template-name{color:#1f2937;margin:0 0 8px;font-size:16px;font-weight:600}.admin-email-templates-page .templates-content .templates-grid .template-card .template-content .template-subject{color:#3b82f6;margin:0 0 12px;font-size:14px;font-weight:500}.admin-email-templates-page .templates-content .templates-grid .template-card .template-content .template-preview{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px;font-size:13px;line-height:1.5}.admin-email-templates-page .templates-content .templates-grid .template-card .template-footer{justify-content:space-between;align-items:center;display:flex}.admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-stats{gap:12px;display:flex}.admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-stats .stat{color:#9ca3af;align-items:center;gap:4px;font-size:12px;display:flex}.admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-variables{flex-wrap:wrap;gap:4px;display:flex}.admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-variables .variable-tag{color:#3730a3;background:#e0e7ff;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-variables .variable-more{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.admin-email-templates-page .templates-content .empty-state{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:80px 20px;box-shadow:0 1px 3px #0000001a}.admin-email-templates-page .templates-content .empty-state svg{color:#9ca3af;margin-bottom:16px}.admin-email-templates-page .templates-content .empty-state h3{color:#1f2937;margin:0 0 8px;font-size:18px;font-weight:600}.admin-email-templates-page .templates-content .empty-state p{color:#6b7280;margin:0 0 24px;font-size:14px}.admin-email-templates-page .templates-content .empty-state .create-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-flex}.admin-email-templates-page .templates-content .empty-state .create-btn:hover{background:#2563eb}.admin-email-templates-page .modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-email-templates-page .modal-overlay .modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;padding:0;overflow:hidden}.admin-email-templates-page .modal-overlay .modal-content.create-template-modal{max-width:700px}.admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .modal-description{color:#6b7280;text-align:center;margin-bottom:24px;font-size:14px}.admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection h3{color:#1f2937;text-align:center;margin:0 0 16px;font-size:16px;font-weight:600}.admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:stretch;gap:16px;display:grid}.admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-grid .template-type-btn{cursor:pointer;text-align:left;background:#fff;border:2px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:12px;min-height:88px;padding:16px;transition:all .2s;display:flex}.admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-grid .template-type-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-grid .template-type-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-grid .template-type-btn .type-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-grid .template-type-btn .type-info{flex:1;min-width:0}.admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-grid .template-type-btn .type-info h4{color:#1f2937;margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.3}.admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-grid .template-type-btn .type-info p{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.admin-email-templates-page .modal-overlay .modal-content .modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.admin-email-templates-page .modal-overlay .modal-content .modal-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.admin-email-templates-page .modal-overlay .modal-content .modal-header .close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:24px;transition:background-color .2s}.admin-email-templates-page .modal-overlay .modal-content .modal-header .close-btn:hover{background:#f3f4f6}.admin-email-templates-page .modal-overlay .modal-content .modal-body{padding:24px}.admin-email-templates-page .modal-overlay .modal-content .modal-body p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.admin-email-templates-page .modal-overlay .modal-content .modal-footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-secondary:hover:not(:disabled){background:#e5e7eb}.admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-secondary:disabled{opacity:.55;cursor:not-allowed}.admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-primary:hover:not(:disabled){background:#2563eb}.admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-primary:disabled{opacity:.55;cursor:not-allowed}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-email-templates-page .modal-overlay{background:#000000b8}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content{color:#f1f5f9;background:#2d3748;border:1px solid #4a5568}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .modal-description{color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-btn{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-btn:hover:not(:disabled){background:#2d3748;border-color:#718096;box-shadow:0 4px 10px #00000059}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-btn .type-info h4{color:#f1f5f9}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-btn .type-info p{color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-header h2{color:#f1f5f9}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-header .close-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-header .close-btn:hover{color:#f1f5f9;background:#4a5568}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-body{background:#2d3748}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-body p{color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-footer{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-secondary{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-secondary:hover:not(:disabled){background:#718096}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-primary{color:#fff;background:#4299e1}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-primary:hover:not(:disabled){background:#3182ce}}html[data-theme=dark] .admin-email-templates-page .modal-overlay{background:#000000b8}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content{color:#f1f5f9;background:#2d3748;border:1px solid #4a5568}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .modal-description{color:#a0aec0}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection h3{color:#f1f5f9}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-btn{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-btn:hover:not(:disabled){background:#2d3748;border-color:#718096;box-shadow:0 4px 10px #00000059}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-btn .type-info h4{color:#f1f5f9}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-btn .type-info p{color:#a0aec0}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-header .close-btn:hover{color:#f1f5f9;background:#4a5568}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-body{background:#2d3748}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-footer{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-secondary:hover:not(:disabled){background:#718096}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-primary{color:#fff;background:#4299e1}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-primary:hover:not(:disabled){background:#3182ce}@media (width<=768px){.admin-email-templates-page{padding:16px}.admin-email-templates-page .page-header{padding:20px}.admin-email-templates-page .page-header .header-content{flex-direction:column;align-items:stretch;gap:16px}.admin-email-templates-page .page-header .header-content .header-title{flex-direction:column;align-items:flex-start;gap:8px}.admin-email-templates-page .page-header .header-content .create-btn{align-self:flex-start}.admin-email-templates-page .templates-content .search-filter-section{flex-direction:column;align-items:stretch;gap:12px}.admin-email-templates-page .templates-content .search-filter-section .action-buttons{justify-content:center}.admin-email-templates-page .templates-content .templates-grid{grid-template-columns:1fr;gap:16px}.admin-email-templates-page .templates-content .templates-grid .template-card{padding:16px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-email-templates-page .loading-container p,html:not([data-theme=light]) .admin-email-templates-page .error-container p{color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .loading-container h3,html:not([data-theme=light]) .admin-email-templates-page .error-container h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-templates-page .loading-container .retry-btn,html:not([data-theme=light]) .admin-email-templates-page .error-container .retry-btn{background:#4299e1}html:not([data-theme=light]) .admin-email-templates-page .loading-container .retry-btn:hover,html:not([data-theme=light]) .admin-email-templates-page .error-container .retry-btn:hover{background:#3182ce}html:not([data-theme=light]) .admin-email-templates-page .error-container p{color:#f56565}html:not([data-theme=light]) .admin-email-templates-page{background:#1a1a2e}html:not([data-theme=light]) .admin-email-templates-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-templates-page .page-header .header-content .header-title .back-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .page-header .header-content .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html:not([data-theme=light]) .admin-email-templates-page .page-header .header-content .header-title .header-icon{color:#63b3ed}html:not([data-theme=light]) .admin-email-templates-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-email-templates-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .page-header .header-content .create-btn{background:#4299e1}html:not([data-theme=light]) .admin-email-templates-page .page-header .header-content .create-btn:hover{background:#3182ce}html:not([data-theme=light]) .admin-email-templates-page .templates-content .search-filter-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-templates-page .templates-content .search-filter-section .search-box svg{color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .templates-content .search-filter-section .search-box input{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-templates-page .templates-content .search-filter-section .search-box input:focus{background:#4a5568;border-color:#63b3ed}html:not([data-theme=light]) .admin-email-templates-page .templates-content .search-filter-section .filter-section svg{color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .templates-content .search-filter-section .filter-section select{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-templates-page .templates-content .search-filter-section .filter-section select:focus{border-color:#63b3ed}html:not([data-theme=light]) .admin-email-templates-page .templates-content .search-filter-section .action-buttons .action-btn{color:#a0aec0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-templates-page .templates-content .search-filter-section .action-buttons .action-btn:hover{color:#f1f5f9;background:#718096}html:not([data-theme=light]) .admin-email-templates-page .templates-content .templates-grid .template-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-templates-page .templates-content .templates-grid .template-card:hover{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-templates-page .templates-content .templates-grid .template-card .template-content .template-name{color:#f1f5f9}html:not([data-theme=light]) .admin-email-templates-page .templates-content .templates-grid .template-card .template-content .template-subject{color:#63b3ed}html:not([data-theme=light]) .admin-email-templates-page .templates-content .templates-grid .template-card .template-content .template-preview{color:#a0aec0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-stats .stat{color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-variables .variable-tag{color:#90cdf4;background:#2d3748}html:not([data-theme=light]) .admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-variables .variable-more{color:#a0aec0;background:#4a5568}html:not([data-theme=light]) .admin-email-templates-page .templates-content .empty-state{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-templates-page .templates-content .empty-state svg{color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .templates-content .empty-state h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-templates-page .templates-content .empty-state p{color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .templates-content .empty-state .create-btn{background:#4299e1}html:not([data-theme=light]) .admin-email-templates-page .templates-content .empty-state .create-btn:hover{background:#3182ce}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-header{border-color:#4a5568}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-header h2{color:#f1f5f9}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-header .close-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-header .close-btn:hover{background:#4a5568}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-body p{color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-footer{border-color:#4a5568}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-secondary{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-secondary:hover{background:#718096}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-primary{background:#4299e1}html:not([data-theme=light]) .admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-primary:hover{background:#3182ce}}html[data-theme=dark] .admin-email-templates-page .loading-container p,html[data-theme=dark] .admin-email-templates-page .error-container p{color:#a0aec0}html[data-theme=dark] .admin-email-templates-page .loading-container h3,html[data-theme=dark] .admin-email-templates-page .error-container h3{color:#f1f5f9}html[data-theme=dark] .admin-email-templates-page .loading-container .retry-btn,html[data-theme=dark] .admin-email-templates-page .error-container .retry-btn{background:#4299e1}html[data-theme=dark] .admin-email-templates-page .loading-container .retry-btn:hover,html[data-theme=dark] .admin-email-templates-page .error-container .retry-btn:hover{background:#3182ce}html[data-theme=dark] .admin-email-templates-page .error-container p{color:#f56565}html[data-theme=dark] .admin-email-templates-page{background:#1a1a2e}html[data-theme=dark] .admin-email-templates-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-templates-page .page-header .header-content .header-title .back-btn{color:#a0aec0}html[data-theme=dark] .admin-email-templates-page .page-header .header-content .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html[data-theme=dark] .admin-email-templates-page .page-header .header-content .header-title .header-icon{color:#63b3ed}html[data-theme=dark] .admin-email-templates-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-email-templates-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .admin-email-templates-page .page-header .header-content .create-btn{background:#4299e1}html[data-theme=dark] .admin-email-templates-page .page-header .header-content .create-btn:hover{background:#3182ce}html[data-theme=dark] .admin-email-templates-page .templates-content .search-filter-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-templates-page .templates-content .search-filter-section .search-box svg{color:#a0aec0}html[data-theme=dark] .admin-email-templates-page .templates-content .search-filter-section .search-box input{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-templates-page .templates-content .search-filter-section .search-box input:focus{background:#4a5568;border-color:#63b3ed}html[data-theme=dark] .admin-email-templates-page .templates-content .search-filter-section .filter-section svg{color:#a0aec0}html[data-theme=dark] .admin-email-templates-page .templates-content .search-filter-section .filter-section select{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-templates-page .templates-content .search-filter-section .filter-section select:focus{border-color:#63b3ed}html[data-theme=dark] .admin-email-templates-page .templates-content .search-filter-section .action-buttons .action-btn{color:#a0aec0;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-templates-page .templates-content .search-filter-section .action-buttons .action-btn:hover{color:#f1f5f9;background:#718096}html[data-theme=dark] .admin-email-templates-page .templates-content .templates-grid .template-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-templates-page .templates-content .templates-grid .template-card:hover{background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-templates-page .templates-content .templates-grid .template-card .template-content .template-name{color:#f1f5f9}html[data-theme=dark] .admin-email-templates-page .templates-content .templates-grid .template-card .template-content .template-subject{color:#63b3ed}html[data-theme=dark] .admin-email-templates-page .templates-content .templates-grid .template-card .template-content .template-preview{color:#a0aec0;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-stats .stat{color:#a0aec0}html[data-theme=dark] .admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-variables .variable-tag{color:#90cdf4;background:#2d3748}html[data-theme=dark] .admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-variables .variable-more{color:#a0aec0;background:#4a5568}html[data-theme=dark] .admin-email-templates-page .templates-content .empty-state{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-templates-page .templates-content .empty-state svg{color:#a0aec0}html[data-theme=dark] .admin-email-templates-page .templates-content .empty-state h3{color:#f1f5f9}html[data-theme=dark] .admin-email-templates-page .templates-content .empty-state p{color:#a0aec0}html[data-theme=dark] .admin-email-templates-page .templates-content .empty-state .create-btn{background:#4299e1}html[data-theme=dark] .admin-email-templates-page .templates-content .empty-state .create-btn:hover{background:#3182ce}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-header{border-color:#4a5568}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-header h2{color:#f1f5f9}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-header .close-btn{color:#a0aec0}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-header .close-btn:hover{background:#4a5568}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-body p{color:#a0aec0}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-footer{border-color:#4a5568}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-secondary{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-secondary:hover{background:#718096}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-primary{background:#4299e1}html[data-theme=dark] .admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-primary:hover{background:#3182ce}.template-variable-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;min-width:220px;padding:16px}.template-variable-panel h4{color:#1e293b;margin:0 0 8px;font-size:15px;font-weight:700}.template-variable-panel-desc,.template-variable-panel-empty{color:#64748b;margin:0 0 12px;font-size:13px;line-height:1.5}.template-variable-panel .template-variable-list,.template-variable-panel .template-variable-guide{flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.template-variable-panel .template-variable-guide-item{flex-direction:column;flex:100%;gap:4px;min-width:0;display:flex}.template-variable-panel .template-variable-hint{color:#64748b;padding-left:2px;font-size:12px;line-height:1.45}.template-variable-panel .template-variable-chip{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.template-variable-panel .template-variable-chip:hover{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.template-variable-panel .variable-format-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:6px;margin-top:8px;padding:8px 10px;font-size:12px;line-height:1.5;display:flex}.template-variable-panel-notice{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex}.template-variable-panel-notice p{color:#92400e;margin:0;font-size:12px;line-height:1.4}.template-variable-panel-notice .template-variable-hint{color:#a16207;margin-top:6px}.template-variable-panel-notice--info{background:#eff6ff;border-color:#bfdbfe}.template-variable-panel-notice--info p{color:#1e40af}.template-variable-panel-notice--info .template-variable-hint{color:#1d4ed8}.template-variable-panel-notice--info svg{color:#2563eb;flex-shrink:0;margin-top:1px}.create-main.with-variable-panel,.edit-main.with-variable-panel{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:20px;display:grid}@media (width<=1024px){.create-main.with-variable-panel,.edit-main.with-variable-panel{grid-template-columns:1fr}}.course-description-text{color:#94a3b8;margin-top:6px;font-size:14px;line-height:1.5;display:block}.course-description-cell{white-space:nowrap;text-overflow:ellipsis;color:#64748b;max-width:240px;font-size:13px;overflow:hidden}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .template-variable-panel{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .template-variable-panel h4{color:#f1f5f9}html:not([data-theme=light]) .template-variable-panel-desc,html:not([data-theme=light]) .template-variable-panel-empty{color:#a0aec0}html:not([data-theme=light]) .template-variable-panel .template-variable-chip{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .template-variable-panel .template-variable-chip:hover{color:#68d391;background:#68d3911f;border-color:#68d391}html:not([data-theme=light]) .template-variable-panel .template-variable-hint{color:#a0aec0}html:not([data-theme=light]) .template-variable-panel .variable-format-warning{color:#fcd34d;background:#fbbf241f;border-color:#fbbf2459}html:not([data-theme=light]) .template-variable-panel-notice{background:#fbbf241f;border-color:#fbbf2459}html:not([data-theme=light]) .template-variable-panel-notice p{color:#fcd34d}html:not([data-theme=light]) .course-description-text,html:not([data-theme=light]) .course-description-cell{color:#a0aec0}}html[data-theme=dark] .template-variable-panel{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .template-variable-panel h4{color:#f1f5f9}html[data-theme=dark] .template-variable-panel-desc,html[data-theme=dark] .template-variable-panel-empty{color:#a0aec0}html[data-theme=dark] .template-variable-panel .template-variable-chip{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .template-variable-panel .template-variable-chip:hover{color:#68d391;background:#68d3911f;border-color:#68d391}html[data-theme=dark] .template-variable-panel .template-variable-hint{color:#a0aec0}html[data-theme=dark] .template-variable-panel .variable-format-warning{color:#fcd34d;background:#fbbf241f;border-color:#fbbf2459}html[data-theme=dark] .template-variable-panel-notice{background:#fbbf241f;border-color:#fbbf2459}html[data-theme=dark] .template-variable-panel-notice p{color:#fcd34d}html[data-theme=dark] .course-description-text,html[data-theme=dark] .course-description-cell{color:#a0aec0}.admin-email-template-create-page{background:var(--surface-1);min-height:100vh;padding:24px}.admin-email-template-create-page .page-header{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-template-create-page .page-header .header-content{justify-content:space-between;align-items:flex-start;display:flex}.admin-email-template-create-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.admin-email-template-create-page .page-header .header-content .header-title .back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.admin-email-template-create-page .page-header .header-content .header-title .back-btn:hover{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg)}.admin-email-template-create-page .page-header .header-content .header-title .header-icon{color:var(--accent)}.admin-email-template-create-page .page-header .header-content .header-title h1{color:var(--text-heading);margin:0 0 8px;font-size:24px;font-weight:700}.admin-email-template-create-page .page-header .header-content .header-title .template-type-info .type-badge{color:#fff;border-radius:20px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;font-size:14px;font-weight:500;display:inline-flex}.admin-email-template-create-page .page-header .header-content .header-title .template-type-info .type-description{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.admin-email-template-create-page .page-header .header-content .header-title .template-type-info .type-description.type-audience-notice{color:#1d4ed8;margin-top:8px}.admin-email-template-create-page .page-header .header-content .defaults-load-error{color:#b91c1c;margin:12px 0 0;font-size:13px}.admin-email-template-create-page .page-header .header-content .header-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-email-template-create-page .page-header .header-content .header-actions .preview-btn,.admin-email-template-create-page .page-header .header-content .header-actions .save-draft-btn,.admin-email-template-create-page .page-header .header-content .header-actions .save-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-email-template-create-page .page-header .header-content .header-actions .preview-btn:disabled,.admin-email-template-create-page .page-header .header-content .header-actions .save-draft-btn:disabled,.admin-email-template-create-page .page-header .header-content .header-actions .save-btn:disabled{opacity:.5;cursor:not-allowed}.admin-email-template-create-page .page-header .header-content .header-actions .preview-btn{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border:1px solid var(--input-border)}.admin-email-template-create-page .page-header .header-content .header-actions .preview-btn:hover:not(:disabled){background:var(--border-muted)}.admin-email-template-create-page .page-header .header-content .header-actions .save-draft-btn{color:#fff;background:#f59e0b}.admin-email-template-create-page .page-header .header-content .header-actions .save-draft-btn:hover:not(:disabled){background:#d97706}.admin-email-template-create-page .page-header .header-content .header-actions .save-btn{background:var(--accent);color:#fff}.admin-email-template-create-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:var(--accent-hover)}.admin-email-template-create-page .create-content .create-main{grid-template-columns:1fr;display:grid}.admin-email-template-create-page .create-content .create-main.with-preview{grid-template-columns:1fr 400px;gap:24px}.admin-email-template-create-page .create-content .create-main .create-form{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.admin-email-template-create-page .create-content .create-main .create-form .form-section{margin-bottom:32px}.admin-email-template-create-page .create-content .create-main .create-form .form-section:last-child{margin-bottom:0}.admin-email-template-create-page .create-content .create-main .create-form .form-section .section-header{margin-bottom:20px}.admin-email-template-create-page .create-content .create-main .create-form .form-section .section-header h2{color:var(--text-heading);margin:0 0 8px;font-size:18px;font-weight:600}.admin-email-template-create-page .create-content .create-main .create-form .form-section .section-header .section-description{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-input,.admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea{border:1px solid var(--input-border);background:var(--surface-0);border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-input:focus,.admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-input.error,.admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea.error{border-color:var(--error-fg)}.admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-input::placeholder,.admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea::placeholder{color:var(--input-placeholder)}.admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea{resize:vertical;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;min-height:200px;font-family:inherit;line-height:1.6}.admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea::-webkit-scrollbar{width:8px}.admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea::-webkit-scrollbar-track{background:0 0}.admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .error-message{color:var(--error-fg);margin-top:4px;font-size:12px}.admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info{background:var(--surface-1);border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:16px}.admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info h4{color:var(--text-heading);margin:0 0 8px;font-size:14px;font-weight:600}.admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info .variables-description{color:var(--text-muted);margin:0 0 12px;font-size:13px;line-height:1.4}.admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info .variables-list{flex-wrap:wrap;gap:6px;display:flex}.admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info .variables-list .variable-tag{color:#3730a3;background:#e0e7ff;border-radius:6px;padding:4px 8px;font-family:monospace;font-size:12px;font-weight:500}.admin-email-template-create-page .create-content .create-main .preview-panel{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;height:fit-content;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-header svg{color:var(--accent)}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-header h3{color:var(--text-heading);margin:0;font-size:16px;font-weight:600}.admin-email-template-create-page .save-success-overlay,.admin-email-template-create-page .save-error-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-email-template-create-page .save-success-overlay .success-content,.admin-email-template-create-page .save-success-overlay .error-content,.admin-email-template-create-page .save-error-overlay .success-content,.admin-email-template-create-page .save-error-overlay .error-content{background:var(--surface-0);text-align:center;border-radius:12px;width:90%;max-width:400px;padding:40px}.admin-email-template-create-page .save-success-overlay .success-content svg,.admin-email-template-create-page .save-success-overlay .error-content svg,.admin-email-template-create-page .save-error-overlay .success-content svg,.admin-email-template-create-page .save-error-overlay .error-content svg{margin-bottom:16px}.admin-email-template-create-page .save-success-overlay .success-content.success-content svg,.admin-email-template-create-page .save-success-overlay .error-content.success-content svg,.admin-email-template-create-page .save-error-overlay .success-content.success-content svg,.admin-email-template-create-page .save-error-overlay .error-content.success-content svg{color:var(--success-dot)}.admin-email-template-create-page .save-success-overlay .success-content.error-content svg,.admin-email-template-create-page .save-success-overlay .error-content.error-content svg,.admin-email-template-create-page .save-error-overlay .success-content.error-content svg,.admin-email-template-create-page .save-error-overlay .error-content.error-content svg{color:var(--error-fg)}.admin-email-template-create-page .save-success-overlay .success-content h3,.admin-email-template-create-page .save-success-overlay .error-content h3,.admin-email-template-create-page .save-error-overlay .success-content h3,.admin-email-template-create-page .save-error-overlay .error-content h3{color:var(--text-heading);margin:0 0 8px;font-size:18px;font-weight:600}.admin-email-template-create-page .save-success-overlay .success-content p,.admin-email-template-create-page .save-success-overlay .error-content p,.admin-email-template-create-page .save-error-overlay .success-content p,.admin-email-template-create-page .save-error-overlay .error-content p{color:var(--text-muted);margin:0 0 20px;font-size:14px;line-height:1.6}.admin-email-template-create-page .save-success-overlay .success-content .retry-btn,.admin-email-template-create-page .save-success-overlay .error-content .retry-btn,.admin-email-template-create-page .save-error-overlay .success-content .retry-btn,.admin-email-template-create-page .save-error-overlay .error-content .retry-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.admin-email-template-create-page .save-success-overlay .success-content .retry-btn:hover,.admin-email-template-create-page .save-success-overlay .error-content .retry-btn:hover,.admin-email-template-create-page .save-error-overlay .success-content .retry-btn:hover,.admin-email-template-create-page .save-error-overlay .error-content .retry-btn:hover{background:var(--accent-hover)}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-email-template-create-page .defaults-load-error{color:#feb2b2}html:not([data-theme=light]) .admin-email-template-create-page .header-title .template-type-info .type-description.type-audience-notice{color:#90cdf4}html:not([data-theme=light]) .admin-email-template-create-page .header-actions .preview-btn:disabled,html:not([data-theme=light]) .admin-email-template-create-page .header-actions .save-draft-btn:disabled,html:not([data-theme=light]) .admin-email-template-create-page .header-actions .save-btn:disabled{opacity:.45}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-input.error,html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea.error{border-color:#fc8181}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-input::placeholder,html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea::placeholder{color:#a0aec0}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea{scrollbar-color:#718096 #1a202c}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea::-webkit-scrollbar-track{background:#1a202c}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea::-webkit-scrollbar-thumb{background:#718096}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .error-message{color:#fc8181}html:not([data-theme=light]) .admin-email-template-create-page .save-error-overlay{background:#000000b8}html:not([data-theme=light]) .admin-email-template-create-page .save-error-overlay .error-content svg{color:#fc8181}html:not([data-theme=light]) .admin-email-template-create-page .save-error-overlay .error-content p{color:#feb2b2}}html[data-theme=dark] .admin-email-template-create-page .defaults-load-error{color:#feb2b2}html[data-theme=dark] .admin-email-template-create-page .header-title .template-type-info .type-description.type-audience-notice{color:#90cdf4}html[data-theme=dark] .admin-email-template-create-page .header-actions .preview-btn:disabled,html[data-theme=dark] .admin-email-template-create-page .header-actions .save-draft-btn:disabled,html[data-theme=dark] .admin-email-template-create-page .header-actions .save-btn:disabled{opacity:.45}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea{scrollbar-color:#718096 #1a202c}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea::-webkit-scrollbar-track{background:#1a202c}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea::-webkit-scrollbar-thumb{background:#718096}html[data-theme=dark] .admin-email-template-create-page .save-error-overlay{background:#000000b8}html[data-theme=dark] .admin-email-template-create-page .save-error-overlay .error-content svg{color:#fc8181}html[data-theme=dark] .admin-email-template-create-page .save-error-overlay .error-content p{color:#feb2b2}@media (width<=768px){.admin-email-template-create-page{padding:16px}.admin-email-template-create-page .page-header{padding:20px}.admin-email-template-create-page .page-header .header-content{flex-direction:column;align-items:stretch;gap:16px}.admin-email-template-create-page .page-header .header-content .header-title{flex-direction:column;align-items:flex-start;gap:8px}.admin-email-template-create-page .page-header .header-content .header-actions{flex-wrap:wrap;justify-content:flex-start}.admin-email-template-create-page .create-content .create-main.with-preview{grid-template-columns:1fr}.admin-email-template-create-page .create-content .create-main .create-form,.admin-email-template-create-page .create-content .create-main .preview-panel{padding:20px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-email-template-create-page{background:#1a1a2e}html:not([data-theme=light]) .admin-email-template-create-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-template-create-page .page-header .header-content .header-title .back-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-template-create-page .page-header .header-content .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html:not([data-theme=light]) .admin-email-template-create-page .page-header .header-content .header-title .header-icon{color:#63b3ed}html:not([data-theme=light]) .admin-email-template-create-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-email-template-create-page .page-header .header-content .header-title .template-type-info .type-description{color:#a0aec0}html:not([data-theme=light]) .admin-email-template-create-page .page-header .header-content .header-actions .preview-btn{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-template-create-page .page-header .header-content .header-actions .preview-btn:hover:not(:disabled){background:#718096}html:not([data-theme=light]) .admin-email-template-create-page .page-header .header-content .header-actions .save-draft-btn{color:#1a202c;background:#f6ad55}html:not([data-theme=light]) .admin-email-template-create-page .page-header .header-content .header-actions .save-draft-btn:hover:not(:disabled){background:#ed8936}html:not([data-theme=light]) .admin-email-template-create-page .page-header .header-content .header-actions .save-btn{background:#4299e1}html:not([data-theme=light]) .admin-email-template-create-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#3182ce}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .section-header .section-description{color:#a0aec0}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-input,html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-input:focus,html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-input.error,html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea.error{border-color:#f56565}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-input::placeholder,html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea::placeholder{color:#a0aec0}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .error-message{color:#f56565}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info h4{color:#f1f5f9}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info .variables-description{color:#a0aec0}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info .variables-list .variable-tag{color:#90cdf4;background:#2d3748}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .preview-panel{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .preview-panel .preview-header{border-color:#4a5568}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .preview-panel .preview-header svg{color:#63b3ed}html:not([data-theme=light]) .admin-email-template-create-page .create-content .create-main .preview-panel .preview-header h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-template-create-page .save-success-overlay .success-content,html:not([data-theme=light]) .admin-email-template-create-page .save-success-overlay .error-content,html:not([data-theme=light]) .admin-email-template-create-page .save-error-overlay .success-content,html:not([data-theme=light]) .admin-email-template-create-page .save-error-overlay .error-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-template-create-page .save-success-overlay .success-content h3,html:not([data-theme=light]) .admin-email-template-create-page .save-success-overlay .error-content h3,html:not([data-theme=light]) .admin-email-template-create-page .save-error-overlay .success-content h3,html:not([data-theme=light]) .admin-email-template-create-page .save-error-overlay .error-content h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-template-create-page .save-success-overlay .success-content p,html:not([data-theme=light]) .admin-email-template-create-page .save-success-overlay .error-content p,html:not([data-theme=light]) .admin-email-template-create-page .save-error-overlay .success-content p,html:not([data-theme=light]) .admin-email-template-create-page .save-error-overlay .error-content p{color:#a0aec0}html:not([data-theme=light]) .admin-email-template-create-page .save-success-overlay .success-content .retry-btn,html:not([data-theme=light]) .admin-email-template-create-page .save-success-overlay .error-content .retry-btn,html:not([data-theme=light]) .admin-email-template-create-page .save-error-overlay .success-content .retry-btn,html:not([data-theme=light]) .admin-email-template-create-page .save-error-overlay .error-content .retry-btn{background:#4299e1}html:not([data-theme=light]) .admin-email-template-create-page .save-success-overlay .success-content .retry-btn:hover,html:not([data-theme=light]) .admin-email-template-create-page .save-success-overlay .error-content .retry-btn:hover,html:not([data-theme=light]) .admin-email-template-create-page .save-error-overlay .success-content .retry-btn:hover,html:not([data-theme=light]) .admin-email-template-create-page .save-error-overlay .error-content .retry-btn:hover{background:#3182ce}}html[data-theme=dark] .admin-email-template-create-page{background:#1a1a2e}html[data-theme=dark] .admin-email-template-create-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-template-create-page .page-header .header-content .header-title .back-btn{color:#a0aec0}html[data-theme=dark] .admin-email-template-create-page .page-header .header-content .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html[data-theme=dark] .admin-email-template-create-page .page-header .header-content .header-title .header-icon{color:#63b3ed}html[data-theme=dark] .admin-email-template-create-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-email-template-create-page .page-header .header-content .header-title .template-type-info .type-description{color:#a0aec0}html[data-theme=dark] .admin-email-template-create-page .page-header .header-content .header-actions .preview-btn{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-template-create-page .page-header .header-content .header-actions .preview-btn:hover:not(:disabled){background:#718096}html[data-theme=dark] .admin-email-template-create-page .page-header .header-content .header-actions .save-draft-btn{color:#1a202c;background:#f6ad55}html[data-theme=dark] .admin-email-template-create-page .page-header .header-content .header-actions .save-draft-btn:hover:not(:disabled){background:#ed8936}html[data-theme=dark] .admin-email-template-create-page .page-header .header-content .header-actions .save-btn{background:#4299e1}html[data-theme=dark] .admin-email-template-create-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#3182ce}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .section-header .section-description{color:#a0aec0}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-input,html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-input:focus,html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-input.error,html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea.error{border-color:#f56565}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-input::placeholder,html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .form-textarea::placeholder{color:#a0aec0}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .error-message{color:#f56565}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info{background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info h4{color:#f1f5f9}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info .variables-description{color:#a0aec0}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info .variables-list .variable-tag{color:#90cdf4;background:#2d3748}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .preview-panel{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .preview-panel .preview-header{border-color:#4a5568}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .preview-panel .preview-header svg{color:#63b3ed}html[data-theme=dark] .admin-email-template-create-page .create-content .create-main .preview-panel .preview-header h3{color:#f1f5f9}html[data-theme=dark] .admin-email-template-create-page .save-success-overlay .success-content,html[data-theme=dark] .admin-email-template-create-page .save-success-overlay .error-content,html[data-theme=dark] .admin-email-template-create-page .save-error-overlay .success-content,html[data-theme=dark] .admin-email-template-create-page .save-error-overlay .error-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-template-create-page .save-success-overlay .success-content h3,html[data-theme=dark] .admin-email-template-create-page .save-success-overlay .error-content h3,html[data-theme=dark] .admin-email-template-create-page .save-error-overlay .success-content h3,html[data-theme=dark] .admin-email-template-create-page .save-error-overlay .error-content h3{color:#f1f5f9}html[data-theme=dark] .admin-email-template-create-page .save-success-overlay .success-content p,html[data-theme=dark] .admin-email-template-create-page .save-success-overlay .error-content p,html[data-theme=dark] .admin-email-template-create-page .save-error-overlay .success-content p,html[data-theme=dark] .admin-email-template-create-page .save-error-overlay .error-content p{color:#a0aec0}html[data-theme=dark] .admin-email-template-create-page .save-success-overlay .success-content .retry-btn,html[data-theme=dark] .admin-email-template-create-page .save-success-overlay .error-content .retry-btn,html[data-theme=dark] .admin-email-template-create-page .save-error-overlay .success-content .retry-btn,html[data-theme=dark] .admin-email-template-create-page .save-error-overlay .error-content .retry-btn{background:#4299e1}html[data-theme=dark] .admin-email-template-create-page .save-success-overlay .success-content .retry-btn:hover,html[data-theme=dark] .admin-email-template-create-page .save-success-overlay .error-content .retry-btn:hover,html[data-theme=dark] .admin-email-template-create-page .save-error-overlay .success-content .retry-btn:hover,html[data-theme=dark] .admin-email-template-create-page .save-error-overlay .error-content .retry-btn:hover{background:#3182ce}.admin-email-template-edit-page{background:var(--surface-1);min-height:100vh;padding:24px}.admin-email-template-edit-page .loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:50vh;display:flex}.admin-email-template-edit-page .loading-container p{color:var(--text-muted);margin:0;font-size:16px}.admin-email-template-edit-page .page-header{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-template-edit-page .page-header .header-content{justify-content:space-between;align-items:flex-start;display:flex}.admin-email-template-edit-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.admin-email-template-edit-page .page-header .header-content .header-title .back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.admin-email-template-edit-page .page-header .header-content .header-title .back-btn:hover{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg)}.admin-email-template-edit-page .page-header .header-content .header-title .header-icon{color:var(--accent)}.admin-email-template-edit-page .page-header .header-content .header-title h1{color:var(--text-heading);margin:0 0 8px;font-size:24px;font-weight:700}.admin-email-template-edit-page .page-header .header-content .header-title .template-info .type-badge{color:#fff;border-radius:20px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;font-size:14px;font-weight:500;display:inline-flex}.admin-email-template-edit-page .page-header .header-content .header-title .template-info .template-stats{flex-wrap:wrap;gap:16px;display:flex}.admin-email-template-edit-page .page-header .header-content .header-title .template-info .template-stats .stat{color:var(--text-muted);background:var(--surface-1);border-radius:6px;padding:4px 8px;font-size:13px}.admin-email-template-edit-page .page-header .header-content .header-actions{gap:12px;display:flex}.admin-email-template-edit-page .page-header .header-content .header-actions .preview-btn,.admin-email-template-edit-page .page-header .header-content .header-actions .save-draft-btn,.admin-email-template-edit-page .page-header .header-content .header-actions .save-btn,.admin-email-template-edit-page .page-header .header-content .header-actions .delete-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-email-template-edit-page .page-header .header-content .header-actions .preview-btn:disabled,.admin-email-template-edit-page .page-header .header-content .header-actions .save-draft-btn:disabled,.admin-email-template-edit-page .page-header .header-content .header-actions .save-btn:disabled,.admin-email-template-edit-page .page-header .header-content .header-actions .delete-btn:disabled{opacity:.5;cursor:not-allowed}.admin-email-template-edit-page .page-header .header-content .header-actions .preview-btn{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border:1px solid var(--input-border)}.admin-email-template-edit-page .page-header .header-content .header-actions .preview-btn:hover:not(:disabled){background:var(--border-muted)}.admin-email-template-edit-page .page-header .header-content .header-actions .save-draft-btn{color:#fff;background:#f59e0b}.admin-email-template-edit-page .page-header .header-content .header-actions .save-draft-btn:hover:not(:disabled){background:#d97706}.admin-email-template-edit-page .page-header .header-content .header-actions .save-btn{background:var(--accent);color:#fff}.admin-email-template-edit-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:var(--accent-hover)}.admin-email-template-edit-page .page-header .header-content .header-actions .delete-btn{color:#fff;background:#ef4444}.admin-email-template-edit-page .page-header .header-content .header-actions .delete-btn:hover:not(:disabled){background:#dc2626}.admin-email-template-edit-page .edit-content .edit-main{grid-template-columns:1fr;display:grid}.admin-email-template-edit-page .edit-content .edit-main.with-preview{grid-template-columns:1fr 400px;gap:24px}.admin-email-template-edit-page .edit-content .edit-main .edit-form{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section{margin-bottom:32px}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section:last-child{margin-bottom:0}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .section-header{margin-bottom:20px}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .section-header h2{color:var(--text-heading);margin:0 0 8px;font-size:18px;font-weight:600}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .section-header .section-description{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-input,.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-textarea{border:1px solid var(--input-border);background:var(--surface-0);border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-input:focus,.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-input.error,.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-textarea.error{border-color:var(--error-fg)}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-input::placeholder,.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-textarea::placeholder{color:var(--input-placeholder)}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-textarea{resize:vertical;min-height:200px;font-family:inherit;line-height:1.6}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .error-message{color:var(--error-fg);margin-top:4px;font-size:12px}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info{background:var(--surface-1);border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:16px}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info h4{color:var(--text-heading);margin:0 0 8px;font-size:14px;font-weight:600}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info .variables-description{color:var(--text-muted);margin:0 0 12px;font-size:13px;line-height:1.4}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info .variables-list{flex-wrap:wrap;gap:6px;display:flex}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info .variables-list .variable-tag{color:#3730a3;background:#e0e7ff;border-radius:6px;padding:4px 8px;font-family:monospace;font-size:12px;font-weight:500}.admin-email-template-edit-page .edit-content .edit-main .edit-form .changes-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;align-items:center;gap:8px;margin-top:20px;padding:12px 16px;display:flex}.admin-email-template-edit-page .edit-content .edit-main .edit-form .changes-notice svg{color:var(--pending-dot);flex-shrink:0}.admin-email-template-edit-page .edit-content .edit-main .edit-form .changes-notice span{color:#92400e;font-size:14px;font-weight:500}.admin-email-template-edit-page .edit-content .edit-main .preview-panel{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;height:fit-content;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-header svg{color:var(--accent)}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-header h3{color:var(--text-heading);margin:0;font-size:16px;font-weight:600}.admin-email-template-edit-page .save-success-overlay,.admin-email-template-edit-page .save-error-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-email-template-edit-page .save-success-overlay .success-content,.admin-email-template-edit-page .save-success-overlay .error-content,.admin-email-template-edit-page .save-error-overlay .success-content,.admin-email-template-edit-page .save-error-overlay .error-content{background:var(--surface-0);text-align:center;border-radius:12px;width:90%;max-width:400px;padding:40px}.admin-email-template-edit-page .save-success-overlay .success-content svg,.admin-email-template-edit-page .save-success-overlay .error-content svg,.admin-email-template-edit-page .save-error-overlay .success-content svg,.admin-email-template-edit-page .save-error-overlay .error-content svg{margin-bottom:16px}.admin-email-template-edit-page .save-success-overlay .success-content.success-content svg,.admin-email-template-edit-page .save-success-overlay .error-content.success-content svg,.admin-email-template-edit-page .save-error-overlay .success-content.success-content svg,.admin-email-template-edit-page .save-error-overlay .error-content.success-content svg{color:var(--success-dot)}.admin-email-template-edit-page .save-success-overlay .success-content.error-content svg,.admin-email-template-edit-page .save-success-overlay .error-content.error-content svg,.admin-email-template-edit-page .save-error-overlay .success-content.error-content svg,.admin-email-template-edit-page .save-error-overlay .error-content.error-content svg{color:var(--error-fg)}.admin-email-template-edit-page .save-success-overlay .success-content h3,.admin-email-template-edit-page .save-success-overlay .error-content h3,.admin-email-template-edit-page .save-error-overlay .success-content h3,.admin-email-template-edit-page .save-error-overlay .error-content h3{color:var(--text-heading);margin:0 0 8px;font-size:18px;font-weight:600}.admin-email-template-edit-page .save-success-overlay .success-content p,.admin-email-template-edit-page .save-success-overlay .error-content p,.admin-email-template-edit-page .save-error-overlay .success-content p,.admin-email-template-edit-page .save-error-overlay .error-content p{color:var(--text-muted);margin:0 0 20px;font-size:14px;line-height:1.6}.admin-email-template-edit-page .save-success-overlay .success-content .retry-btn,.admin-email-template-edit-page .save-success-overlay .error-content .retry-btn,.admin-email-template-edit-page .save-error-overlay .success-content .retry-btn,.admin-email-template-edit-page .save-error-overlay .error-content .retry-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.admin-email-template-edit-page .save-success-overlay .success-content .retry-btn:hover,.admin-email-template-edit-page .save-success-overlay .error-content .retry-btn:hover,.admin-email-template-edit-page .save-error-overlay .success-content .retry-btn:hover,.admin-email-template-edit-page .save-error-overlay .error-content .retry-btn:hover{background:var(--accent-hover)}.spinning{animation:1s linear infinite spin}@media (width<=768px){.admin-email-template-edit-page{padding:16px}.admin-email-template-edit-page .page-header{padding:20px}.admin-email-template-edit-page .page-header .header-content{flex-direction:column;align-items:stretch;gap:16px}.admin-email-template-edit-page .page-header .header-content .header-title{flex-direction:column;align-items:flex-start;gap:8px}.admin-email-template-edit-page .page-header .header-content .header-actions{flex-wrap:wrap;justify-content:flex-start}.admin-email-template-edit-page .edit-content .edit-main.with-preview{grid-template-columns:1fr}.admin-email-template-edit-page .edit-content .edit-main .edit-form,.admin-email-template-edit-page .edit-content .edit-main .preview-panel{padding:20px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-email-template-edit-page{background:#1a1a2e}html:not([data-theme=light]) .admin-email-template-edit-page .loading-container p{color:#a0aec0}html:not([data-theme=light]) .admin-email-template-edit-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-template-edit-page .page-header .header-content .header-title .back-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-template-edit-page .page-header .header-content .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html:not([data-theme=light]) .admin-email-template-edit-page .page-header .header-content .header-title .header-icon{color:#63b3ed}html:not([data-theme=light]) .admin-email-template-edit-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-email-template-edit-page .page-header .header-content .header-title .template-info .template-stats .stat{color:#a0aec0;background:#4a5568}html:not([data-theme=light]) .admin-email-template-edit-page .page-header .header-content .header-actions .preview-btn{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-template-edit-page .page-header .header-content .header-actions .preview-btn:hover:not(:disabled){background:#718096}html:not([data-theme=light]) .admin-email-template-edit-page .page-header .header-content .header-actions .save-draft-btn{color:#1a202c;background:#f6ad55}html:not([data-theme=light]) .admin-email-template-edit-page .page-header .header-content .header-actions .save-draft-btn:hover:not(:disabled){background:#ed8936}html:not([data-theme=light]) .admin-email-template-edit-page .page-header .header-content .header-actions .save-btn{background:#4299e1}html:not([data-theme=light]) .admin-email-template-edit-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#3182ce}html:not([data-theme=light]) .admin-email-template-edit-page .page-header .header-content .header-actions .delete-btn{background:#f56565}html:not([data-theme=light]) .admin-email-template-edit-page .page-header .header-content .header-actions .delete-btn:hover:not(:disabled){background:#e53e3e}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .section-header .section-description{color:#a0aec0}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-input,html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-textarea{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-input:focus,html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-textarea:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-input.error,html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-textarea.error{border-color:#f56565}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-input::placeholder,html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-textarea::placeholder{color:#a0aec0}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .error-message{color:#f56565}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info h4{color:#f1f5f9}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info .variables-description{color:#a0aec0}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info .variables-list .variable-tag{color:#90cdf4;background:#2d3748}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .changes-notice{background:#2d3748;border-color:#f6ad55}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .changes-notice svg,html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .changes-notice span{color:#f6ad55}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .preview-panel{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-header{border-color:#4a5568}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-header svg{color:#63b3ed}html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-header h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-template-edit-page .save-success-overlay .success-content,html:not([data-theme=light]) .admin-email-template-edit-page .save-success-overlay .error-content,html:not([data-theme=light]) .admin-email-template-edit-page .save-error-overlay .success-content,html:not([data-theme=light]) .admin-email-template-edit-page .save-error-overlay .error-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-template-edit-page .save-success-overlay .success-content h3,html:not([data-theme=light]) .admin-email-template-edit-page .save-success-overlay .error-content h3,html:not([data-theme=light]) .admin-email-template-edit-page .save-error-overlay .success-content h3,html:not([data-theme=light]) .admin-email-template-edit-page .save-error-overlay .error-content h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-template-edit-page .save-success-overlay .success-content p,html:not([data-theme=light]) .admin-email-template-edit-page .save-success-overlay .error-content p,html:not([data-theme=light]) .admin-email-template-edit-page .save-error-overlay .success-content p,html:not([data-theme=light]) .admin-email-template-edit-page .save-error-overlay .error-content p{color:#a0aec0}html:not([data-theme=light]) .admin-email-template-edit-page .save-success-overlay .success-content .retry-btn,html:not([data-theme=light]) .admin-email-template-edit-page .save-success-overlay .error-content .retry-btn,html:not([data-theme=light]) .admin-email-template-edit-page .save-error-overlay .success-content .retry-btn,html:not([data-theme=light]) .admin-email-template-edit-page .save-error-overlay .error-content .retry-btn{background:#4299e1}html:not([data-theme=light]) .admin-email-template-edit-page .save-success-overlay .success-content .retry-btn:hover,html:not([data-theme=light]) .admin-email-template-edit-page .save-success-overlay .error-content .retry-btn:hover,html:not([data-theme=light]) .admin-email-template-edit-page .save-error-overlay .success-content .retry-btn:hover,html:not([data-theme=light]) .admin-email-template-edit-page .save-error-overlay .error-content .retry-btn:hover{background:#3182ce}}html[data-theme=dark] .admin-email-template-edit-page{background:#1a1a2e}html[data-theme=dark] .admin-email-template-edit-page .loading-container p{color:#a0aec0}html[data-theme=dark] .admin-email-template-edit-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-template-edit-page .page-header .header-content .header-title .back-btn{color:#a0aec0}html[data-theme=dark] .admin-email-template-edit-page .page-header .header-content .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html[data-theme=dark] .admin-email-template-edit-page .page-header .header-content .header-title .header-icon{color:#63b3ed}html[data-theme=dark] .admin-email-template-edit-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-email-template-edit-page .page-header .header-content .header-title .template-info .template-stats .stat{color:#a0aec0;background:#4a5568}html[data-theme=dark] .admin-email-template-edit-page .page-header .header-content .header-actions .preview-btn{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-template-edit-page .page-header .header-content .header-actions .preview-btn:hover:not(:disabled){background:#718096}html[data-theme=dark] .admin-email-template-edit-page .page-header .header-content .header-actions .save-draft-btn{color:#1a202c;background:#f6ad55}html[data-theme=dark] .admin-email-template-edit-page .page-header .header-content .header-actions .save-draft-btn:hover:not(:disabled){background:#ed8936}html[data-theme=dark] .admin-email-template-edit-page .page-header .header-content .header-actions .save-btn{background:#4299e1}html[data-theme=dark] .admin-email-template-edit-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#3182ce}html[data-theme=dark] .admin-email-template-edit-page .page-header .header-content .header-actions .delete-btn{background:#f56565}html[data-theme=dark] .admin-email-template-edit-page .page-header .header-content .header-actions .delete-btn:hover:not(:disabled){background:#e53e3e}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .section-header .section-description{color:#a0aec0}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-input,html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-textarea{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-input:focus,html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-textarea:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-input.error,html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-textarea.error{border-color:#f56565}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-input::placeholder,html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .form-textarea::placeholder{color:#a0aec0}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .error-message{color:#f56565}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info{background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info h4{color:#f1f5f9}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info .variables-description{color:#a0aec0}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info .variables-list .variable-tag{color:#90cdf4;background:#2d3748}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .changes-notice{background:#2d3748;border-color:#f6ad55}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .changes-notice svg,html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .changes-notice span{color:#f6ad55}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .preview-panel{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-header{border-color:#4a5568}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-header svg{color:#63b3ed}html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-header h3{color:#f1f5f9}html[data-theme=dark] .admin-email-template-edit-page .save-success-overlay .success-content,html[data-theme=dark] .admin-email-template-edit-page .save-success-overlay .error-content,html[data-theme=dark] .admin-email-template-edit-page .save-error-overlay .success-content,html[data-theme=dark] .admin-email-template-edit-page .save-error-overlay .error-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-template-edit-page .save-success-overlay .success-content h3,html[data-theme=dark] .admin-email-template-edit-page .save-success-overlay .error-content h3,html[data-theme=dark] .admin-email-template-edit-page .save-error-overlay .success-content h3,html[data-theme=dark] .admin-email-template-edit-page .save-error-overlay .error-content h3{color:#f1f5f9}html[data-theme=dark] .admin-email-template-edit-page .save-success-overlay .success-content p,html[data-theme=dark] .admin-email-template-edit-page .save-success-overlay .error-content p,html[data-theme=dark] .admin-email-template-edit-page .save-error-overlay .success-content p,html[data-theme=dark] .admin-email-template-edit-page .save-error-overlay .error-content p{color:#a0aec0}html[data-theme=dark] .admin-email-template-edit-page .save-success-overlay .success-content .retry-btn,html[data-theme=dark] .admin-email-template-edit-page .save-success-overlay .error-content .retry-btn,html[data-theme=dark] .admin-email-template-edit-page .save-error-overlay .success-content .retry-btn,html[data-theme=dark] .admin-email-template-edit-page .save-error-overlay .error-content .retry-btn{background:#4299e1}html[data-theme=dark] .admin-email-template-edit-page .save-success-overlay .success-content .retry-btn:hover,html[data-theme=dark] .admin-email-template-edit-page .save-success-overlay .error-content .retry-btn:hover,html[data-theme=dark] .admin-email-template-edit-page .save-error-overlay .success-content .retry-btn:hover,html[data-theme=dark] .admin-email-template-edit-page .save-error-overlay .error-content .retry-btn:hover{background:#3182ce}.admin-email-dispatches-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-email-dispatches-page .flash-warning-banner{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.admin-email-dispatches-page .flash-warning-banner span{flex:1}.admin-email-dispatches-page .flash-warning-banner .flash-warning-dismiss{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.admin-email-dispatches-page .flash-warning-banner .flash-warning-dismiss:hover{background:#92400e14}.admin-email-dispatches-page .loading-container,.admin-email-dispatches-page .error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:50vh;display:flex}.admin-email-dispatches-page .loading-container p,.admin-email-dispatches-page .error-container p{color:#6b7280;margin:0;font-size:16px}.admin-email-dispatches-page .loading-container h3,.admin-email-dispatches-page .error-container h3{color:#1f2937;margin:0;font-size:20px;font-weight:600}.admin-email-dispatches-page .loading-container .retry-btn,.admin-email-dispatches-page .error-container .retry-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.admin-email-dispatches-page .loading-container .retry-btn:hover,.admin-email-dispatches-page .error-container .retry-btn:hover{background:#2563eb}.admin-email-dispatches-page .loading-container .spinning,.admin-email-dispatches-page .error-container .spinning{animation:1s linear infinite spin}.admin-email-dispatches-page .error-container p{color:#ef4444}.admin-email-dispatches-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-dispatches-page .page-header .header-content{justify-content:space-between;align-items:flex-start;display:flex}.admin-email-dispatches-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.admin-email-dispatches-page .page-header .header-content .header-title .back-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.admin-email-dispatches-page .page-header .header-content .header-title .back-btn:hover{color:#374151;background:#f3f4f6}.admin-email-dispatches-page .page-header .header-content .header-title .header-icon{color:#10b981}.admin-email-dispatches-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.admin-email-dispatches-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.admin-email-dispatches-page .page-header .header-content .create-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.admin-email-dispatches-page .page-header .header-content .create-btn:hover{background:#059669}.admin-email-dispatches-page .search-filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:20px;display:flex;box-shadow:0 1px 3px #0000001a}.admin-email-dispatches-page .search-filter-section .search-box{flex:1;align-items:center;display:flex;position:relative}.admin-email-dispatches-page .search-filter-section .search-box svg{color:#9ca3af;z-index:1;position:absolute;left:12px}.admin-email-dispatches-page .search-filter-section .search-box input{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px 10px 40px;font-size:14px}.admin-email-dispatches-page .search-filter-section .search-box input:focus{background:#fff;border-color:#10b981;outline:none}.admin-email-dispatches-page .search-filter-section .filter-section{align-items:center;gap:8px;display:flex}.admin-email-dispatches-page .search-filter-section .filter-section svg{color:#6b7280}.admin-email-dispatches-page .search-filter-section .filter-section select{background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:120px;padding:10px 12px;font-size:14px}.admin-email-dispatches-page .search-filter-section .filter-section select:focus{border-color:#10b981;outline:none}.admin-email-dispatches-page .search-filter-section .sort-section{align-items:center;gap:8px;display:flex}.admin-email-dispatches-page .search-filter-section .sort-section svg{color:#6b7280}.admin-email-dispatches-page .search-filter-section .sort-section select{background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:140px;padding:10px 12px;font-size:14px}.admin-email-dispatches-page .search-filter-section .sort-section select:focus{border-color:#10b981;outline:none}.admin-email-dispatches-page .dispatches-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;display:grid}.admin-email-dispatches-page .dispatches-grid .dispatch-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s;box-shadow:0 1px 3px #0000001a}.admin-email-dispatches-page .dispatches-grid .dispatch-card.is-clickable{cursor:pointer}.admin-email-dispatches-page .dispatches-grid .dispatch-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-status{flex-direction:column;gap:8px;display:flex}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-status .status-badge{color:#fff;border-radius:12px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:500;display:inline-block}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-status .segment-type{color:#6b7280;background:#f3f4f6;border-radius:4px;width:fit-content;padding:2px 6px;font-size:12px;display:inline-block}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions{gap:4px;display:flex}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;transition:all .2s}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn:hover{color:#374151;background:#f3f4f6}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn.send-btn:hover{color:#10b981;background:#f0fdf4}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn.delete-btn:hover{color:#ef4444;background:#fef2f2}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-content{margin-bottom:16px}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-content .dispatch-subject{color:#1f2937;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-content .dispatch-preview{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;font-size:13px;line-height:1.5}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-stats{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-stats .stat-item{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-stats .stat-item.failed{color:#ef4444}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-stats .stat-item svg{flex-shrink:0}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-dates{justify-content:space-between;align-items:center;display:flex}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-dates .date{color:#9ca3af;align-items:center;gap:4px;font-size:11px;display:flex}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-dates .date.completed{color:#10b981}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-dates .date svg{flex-shrink:0}.admin-email-dispatches-page .empty-state{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:80px 20px;box-shadow:0 1px 3px #0000001a}.admin-email-dispatches-page .empty-state svg{color:#9ca3af;margin-bottom:16px}.admin-email-dispatches-page .empty-state h3{color:#1f2937;margin:0 0 8px;font-size:18px;font-weight:600}.admin-email-dispatches-page .empty-state p{color:#6b7280;margin:0 0 24px;font-size:14px}.admin-email-dispatches-page .empty-state .create-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-flex}.admin-email-dispatches-page .empty-state .create-btn:hover{background:#059669}.admin-email-dispatches-page .modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-email-dispatches-page .modal-overlay .modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;padding:0;overflow:hidden}.admin-email-dispatches-page .modal-overlay .modal-content .modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.admin-email-dispatches-page .modal-overlay .modal-content .modal-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.admin-email-dispatches-page .modal-overlay .modal-content .modal-header .close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:24px;transition:background-color .2s}.admin-email-dispatches-page .modal-overlay .modal-content .modal-header .close-btn:hover{background:#f3f4f6}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body{padding:24px}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .modal-description{color:#6b7280;margin:0 0 20px;font-size:14px;line-height:1.6}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options{flex-direction:column;gap:12px;display:flex}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn{cursor:pointer;text-align:left;background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:16px;width:100%;min-height:80px;padding:20px;transition:all .2s;display:flex}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn:hover{background:#f0fdf4;border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #10b98126}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn svg{color:#10b981;flex-shrink:0;margin-top:2px}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn div{min-width:400px}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn div h4{color:#1f2937;margin:0 0 6px;font-size:16px;font-weight:600}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn div p{color:#6b7280;margin:0;font-size:13px;line-height:1.4}.admin-email-dispatches-page .modal-overlay .modal-content .modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.admin-email-dispatches-page .modal-overlay .modal-content .modal-footer .btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.admin-email-dispatches-page .modal-overlay .modal-content .modal-footer .btn-secondary:hover{background:#e5e7eb}@media (width<=768px){.admin-email-dispatches-page{padding:16px}.admin-email-dispatches-page .page-header{padding:20px}.admin-email-dispatches-page .page-header .header-content{flex-direction:column;align-items:stretch;gap:16px}.admin-email-dispatches-page .page-header .header-content .header-title{flex-direction:row;align-items:center;gap:12px}.admin-email-dispatches-page .page-header .header-content .create-btn{align-self:flex-start}.admin-email-dispatches-page .search-filter-section{flex-direction:column;align-items:stretch;gap:12px}.admin-email-dispatches-page .search-filter-section .action-buttons{justify-content:center}.admin-email-dispatches-page .dispatches-grid{grid-template-columns:1fr;gap:16px}.admin-email-dispatches-page .dispatches-grid .dispatch-card{padding:16px}.admin-email-dispatches-page .modal-overlay .modal-content{max-width:95%;margin:20px}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body{padding:20px}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn{gap:12px;min-height:70px;padding:16px}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn div h4{font-size:15px}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn div p{font-size:12px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-email-dispatches-page{background:#1a1a2e}html:not([data-theme=light]) .admin-email-dispatches-page .loading-container p,html:not([data-theme=light]) .admin-email-dispatches-page .error-container p{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatches-page .loading-container h3,html:not([data-theme=light]) .admin-email-dispatches-page .error-container h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatches-page .loading-container .retry-btn,html:not([data-theme=light]) .admin-email-dispatches-page .error-container .retry-btn{background:#4299e1}html:not([data-theme=light]) .admin-email-dispatches-page .loading-container .retry-btn:hover,html:not([data-theme=light]) .admin-email-dispatches-page .error-container .retry-btn:hover{background:#3182ce}html:not([data-theme=light]) .admin-email-dispatches-page .error-container p{color:#f56565}html:not([data-theme=light]) .admin-email-dispatches-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatches-page .page-header .header-content .header-title .back-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatches-page .page-header .header-content .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html:not([data-theme=light]) .admin-email-dispatches-page .page-header .header-content .header-title .header-icon{color:#68d391}html:not([data-theme=light]) .admin-email-dispatches-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatches-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatches-page .page-header .header-content .create-btn{background:#38a169}html:not([data-theme=light]) .admin-email-dispatches-page .page-header .header-content .create-btn:hover{background:#2f855a}html:not([data-theme=light]) .admin-email-dispatches-page .search-filter-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatches-page .search-filter-section .search-box svg{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatches-page .search-filter-section .search-box input{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatches-page .search-filter-section .search-box input:focus{background:#4a5568;border-color:#68d391}html:not([data-theme=light]) .admin-email-dispatches-page .search-filter-section .filter-section svg{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatches-page .search-filter-section .filter-section select{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatches-page .search-filter-section .filter-section select:focus{border-color:#68d391}html:not([data-theme=light]) .admin-email-dispatches-page .search-filter-section .action-buttons .action-btn{color:#a0aec0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatches-page .search-filter-section .action-buttons .action-btn:hover{color:#f1f5f9;background:#718096}html:not([data-theme=light]) .admin-email-dispatches-page .dispatches-grid .dispatch-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatches-page .dispatches-grid .dispatch-card:hover{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-status .segment-type{color:#a0aec0;background:#4a5568}html:not([data-theme=light]) .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn:hover{color:#f1f5f9;background:#4a5568}html:not([data-theme=light]) .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn.send-btn:hover{color:#68d391;background:#2d3748}html:not([data-theme=light]) .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn.delete-btn:hover{color:#f56565;background:#2d3748}html:not([data-theme=light]) .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-content .dispatch-subject{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-content .dispatch-preview{color:#a0aec0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-stats .stat-item{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-stats .stat-item.failed{color:#f56565}html:not([data-theme=light]) .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-dates .date{color:#9ca3af}html:not([data-theme=light]) .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-dates .date.completed{color:#68d391}html:not([data-theme=light]) .admin-email-dispatches-page .empty-state{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatches-page .empty-state svg{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatches-page .empty-state h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatches-page .empty-state p{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatches-page .empty-state .create-btn{background:#38a169}html:not([data-theme=light]) .admin-email-dispatches-page .empty-state .create-btn:hover{background:#2f855a}html:not([data-theme=light]) .admin-email-dispatches-page .modal-overlay .modal-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatches-page .modal-overlay .modal-content .modal-header{border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatches-page .modal-overlay .modal-content .modal-header h2{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatches-page .modal-overlay .modal-content .modal-header .close-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatches-page .modal-overlay .modal-content .modal-header .close-btn:hover{background:#4a5568}html:not([data-theme=light]) .admin-email-dispatches-page .modal-overlay .modal-content .modal-body .modal-description{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options{flex-direction:column;gap:12px;display:flex}html:not([data-theme=light]) .admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn{background:#4a5568;border-color:#718096;width:100%;min-height:80px}html:not([data-theme=light]) .admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn:hover{background:#2d3748;border-color:#68d391;box-shadow:0 4px 12px #68d39133}html:not([data-theme=light]) .admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn svg{color:#68d391}html:not([data-theme=light]) .admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn div h4{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn div p{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatches-page .modal-overlay .modal-content .modal-footer{border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatches-page .modal-overlay .modal-content .modal-footer .btn-secondary{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatches-page .modal-overlay .modal-content .modal-footer .btn-secondary:hover{background:#718096}}html[data-theme=dark] .admin-email-dispatches-page{background:#1a1a2e}html[data-theme=dark] .admin-email-dispatches-page .loading-container p,html[data-theme=dark] .admin-email-dispatches-page .error-container p{color:#a0aec0}html[data-theme=dark] .admin-email-dispatches-page .loading-container h3,html[data-theme=dark] .admin-email-dispatches-page .error-container h3{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatches-page .loading-container .retry-btn,html[data-theme=dark] .admin-email-dispatches-page .error-container .retry-btn{background:#4299e1}html[data-theme=dark] .admin-email-dispatches-page .loading-container .retry-btn:hover,html[data-theme=dark] .admin-email-dispatches-page .error-container .retry-btn:hover{background:#3182ce}html[data-theme=dark] .admin-email-dispatches-page .error-container p{color:#f56565}html[data-theme=dark] .admin-email-dispatches-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-dispatches-page .page-header .header-content .header-title .back-btn{color:#a0aec0}html[data-theme=dark] .admin-email-dispatches-page .page-header .header-content .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html[data-theme=dark] .admin-email-dispatches-page .page-header .header-content .header-title .header-icon{color:#68d391}html[data-theme=dark] .admin-email-dispatches-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatches-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .admin-email-dispatches-page .page-header .header-content .create-btn{background:#38a169}html[data-theme=dark] .admin-email-dispatches-page .page-header .header-content .create-btn:hover{background:#2f855a}html[data-theme=dark] .admin-email-dispatches-page .search-filter-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-dispatches-page .search-filter-section .search-box svg{color:#a0aec0}html[data-theme=dark] .admin-email-dispatches-page .search-filter-section .search-box input{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatches-page .search-filter-section .search-box input:focus{background:#4a5568;border-color:#68d391}html[data-theme=dark] .admin-email-dispatches-page .search-filter-section .filter-section svg{color:#a0aec0}html[data-theme=dark] .admin-email-dispatches-page .search-filter-section .filter-section select{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatches-page .search-filter-section .filter-section select:focus{border-color:#68d391}html[data-theme=dark] .admin-email-dispatches-page .search-filter-section .action-buttons .action-btn{color:#a0aec0;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatches-page .search-filter-section .action-buttons .action-btn:hover{color:#f1f5f9;background:#718096}html[data-theme=dark] .admin-email-dispatches-page .dispatches-grid .dispatch-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-dispatches-page .dispatches-grid .dispatch-card:hover{background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-status .segment-type{color:#a0aec0;background:#4a5568}html[data-theme=dark] .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn{color:#a0aec0}html[data-theme=dark] .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn:hover{color:#f1f5f9;background:#4a5568}html[data-theme=dark] .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn.send-btn:hover{color:#68d391;background:#2d3748}html[data-theme=dark] .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn.delete-btn:hover{color:#f56565;background:#2d3748}html[data-theme=dark] .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-content .dispatch-subject{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-content .dispatch-preview{color:#a0aec0;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-stats .stat-item{color:#a0aec0}html[data-theme=dark] .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-stats .stat-item.failed{color:#f56565}html[data-theme=dark] .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-dates .date{color:#9ca3af}html[data-theme=dark] .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-dates .date.completed{color:#68d391}html[data-theme=dark] .admin-email-dispatches-page .empty-state{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-dispatches-page .empty-state svg{color:#a0aec0}html[data-theme=dark] .admin-email-dispatches-page .empty-state h3{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatches-page .empty-state p{color:#a0aec0}html[data-theme=dark] .admin-email-dispatches-page .empty-state .create-btn{background:#38a169}html[data-theme=dark] .admin-email-dispatches-page .empty-state .create-btn:hover{background:#2f855a}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-header{border-color:#4a5568}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-header h2{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-header .close-btn{color:#a0aec0}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-header .close-btn:hover{background:#4a5568}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-body .modal-description{color:#a0aec0}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options{flex-direction:column;gap:12px;display:flex}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn{background:#4a5568;border-color:#718096;width:100%;min-height:80px}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn:hover{background:#2d3748;border-color:#68d391;box-shadow:0 4px 12px #68d39133}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn svg{color:#68d391}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn div h4{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn div p{color:#a0aec0}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-footer{border-color:#4a5568}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-footer .btn-secondary{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-footer .btn-secondary:hover{background:#718096}.email-body-editor{border:1px solid var(--input-border);background:var(--surface-0);border-radius:10px;overflow:hidden}.email-body-editor.has-error{border-color:var(--error-fg)}.email-body-editor.loading{justify-content:center;align-items:center;min-height:200px;display:flex}.email-body-editor .editor-toolbar{border-bottom:1px solid var(--border-default);background:var(--surface-1);flex-wrap:wrap;align-items:center;gap:4px;padding:8px 10px;display:flex}.email-body-editor .editor-toolbar button{width:32px;height:32px;color:var(--btn-secondary-fg);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.email-body-editor .editor-toolbar button:hover:not(:disabled){background:var(--btn-secondary-hover-bg)}.email-body-editor .editor-toolbar button.active{background:var(--success-bg);color:var(--success-fg)}.email-body-editor .editor-toolbar button.format-toggle{transition:background-color .15s,color .15s,box-shadow .15s}.email-body-editor .editor-toolbar button.format-toggle.active{background:var(--accent);color:var(--brand-on-primary);box-shadow:inset 0 0 0 1px var(--accent-hover)}.email-body-editor .editor-toolbar button.format-toggle.active:hover:not(:disabled){background:var(--accent-hover);color:var(--brand-on-primary)}.email-body-editor .editor-toolbar button:disabled{opacity:.4;cursor:not-allowed}.email-body-editor .editor-toolbar .toolbar-divider{background:var(--input-border);width:1px;height:20px;margin:0 4px}.email-body-editor .hidden-file-input{display:none}.email-body-editor .upload-progress-bar{background:var(--info-bg);border-bottom:1px solid var(--info-border);height:28px;position:relative;overflow:hidden}.email-body-editor .upload-progress-bar .upload-progress-fill{background:var(--link-primary);opacity:.45;transition:width .2s;position:absolute;inset:0 auto 0 0}.email-body-editor .upload-progress-bar span{z-index:1;height:100%;color:var(--info-fg);justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex;position:relative}.email-body-editor .editor-content-wrap{min-height:220px;position:relative}.email-body-editor .editor-content .ProseMirror{min-height:220px;color:var(--text-primary);background:var(--surface-0);outline:none;padding:14px 16px;font-size:14px;line-height:1.6}.email-body-editor .editor-content .ProseMirror::selection{background:var(--accent-subtle-bg);color:var(--text-primary)}.email-body-editor .editor-content .ProseMirror ::selection{background:var(--accent-subtle-bg);color:var(--text-primary)}.email-body-editor .editor-content .ProseMirror p{margin:0 0 .75em}.email-body-editor .editor-content .ProseMirror h1,.email-body-editor .editor-content .ProseMirror h2,.email-body-editor .editor-content .ProseMirror h3{color:var(--text-heading);margin:0 0 .5em}.email-body-editor .editor-content .ProseMirror ul,.email-body-editor .editor-content .ProseMirror ol{margin:0 0 .75em;padding-left:1.5em}.email-body-editor .editor-content .ProseMirror blockquote{border-left:3px solid var(--border-default);color:var(--text-muted);margin:0 0 .75em;padding-left:12px}.email-body-editor .editor-content .ProseMirror code{background:var(--code-surface);color:var(--text-primary);border-radius:4px;padding:.15em .35em;font-size:.9em}.email-body-editor .editor-content .ProseMirror pre{background:var(--code-surface);color:var(--text-primary);border-radius:8px;margin:0 0 .75em;padding:12px;overflow-x:auto}.email-body-editor .editor-content .ProseMirror pre code{background:0 0;padding:0}.email-body-editor .editor-content .ProseMirror img{border-radius:6px;max-width:100%;height:auto;margin:8px 0}.email-body-editor .editor-content .ProseMirror a{color:var(--link-primary)}.email-body-editor .editor-content .ProseMirror a:visited{color:var(--link-visited)}.email-body-editor .editor-content .ProseMirror:focus{outline:none}.email-body-editor .editor-drop-hint{color:var(--input-placeholder);pointer-events:none;font-size:12px;position:absolute;bottom:12px;left:16px;right:16px}.email-body-editor .editor-sanitize-note{color:var(--text-muted);background:var(--surface-1);border-top:1px solid var(--border-default);margin:0;padding:8px 12px;font-size:12px}.email-body-editor .error-message{color:var(--error-fg);background:var(--error-bg);padding:8px 12px;font-size:13px}.email-body-editor .editor-toast{background:var(--bulk-bar-bg);color:var(--text-primary);z-index:1000;box-shadow:var(--card-shadow);border-radius:8px;padding:10px 14px;font-size:13px;position:fixed;bottom:24px;right:24px}.email-body-editor .editor-toast.is-error{background:var(--error-fg);color:var(--brand-on-primary)}.email-body-editor .spinning{animation:1s linear infinite emailEditorSpin}@keyframes emailEditorSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-email-dispatch-create-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-email-dispatch-create-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-dispatch-create-page .page-header .header-content{justify-content:space-between;align-items:flex-start;display:flex}.admin-email-dispatch-create-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.admin-email-dispatch-create-page .page-header .header-content .header-title .back-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.admin-email-dispatch-create-page .page-header .header-content .header-title .back-btn:hover{color:#374151;background:#f3f4f6}.admin-email-dispatch-create-page .page-header .header-content .header-title .header-icon{color:#10b981}.admin-email-dispatch-create-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.admin-email-dispatch-create-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.admin-email-dispatch-create-page .page-header .header-content .header-actions{gap:12px;display:flex}.admin-email-dispatch-create-page .page-header .header-content .header-actions .preview-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-email-dispatch-create-page .page-header .header-content .header-actions .preview-btn:hover{background:#e5e7eb}.admin-email-dispatch-create-page .page-header .header-content .header-actions .save-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-email-dispatch-create-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#059669}.admin-email-dispatch-create-page .page-header .header-content .header-actions .save-btn:disabled{opacity:.6;cursor:not-allowed}.admin-email-dispatch-create-page .page-header .header-content .header-actions .save-btn .loading-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.admin-email-dispatch-create-page .form-content{gap:24px;display:flex}.admin-email-dispatch-create-page .form-content .form-grid{flex-direction:column;flex:1;gap:24px;display:flex}.admin-email-dispatch-create-page .form-content .preview-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:400px;height:fit-content;padding:24px;position:sticky;top:24px;box-shadow:0 1px 3px #0000001a}.admin-email-dispatch-create-page .form-content .preview-section .section-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.admin-email-dispatch-create-page .form-content .preview-section .section-header svg{color:#10b981}.admin-email-dispatch-create-page .form-content .preview-section .section-header h2{color:#1f2937;margin:0;font-size:16px;font-weight:600}.admin-email-dispatch-create-page .form-content .preview-section .preview-content{flex-direction:column;gap:16px;display:flex}.admin-email-dispatch-create-page .form-content .preview-section .preview-content .preview-item label{color:#6b7280;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.admin-email-dispatch-create-page .form-content .preview-section .preview-content .preview-item .preview-value{color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;font-size:14px}.admin-email-dispatch-create-page .form-content .preview-section .preview-content .preview-item .preview-value.preview-textarea{white-space:pre-wrap;min-height:60px}.admin-email-dispatch-create-page .form-content .preview-section .preview-content .preview-item .preview-value.preview-json pre{color:#374151;white-space:pre-wrap;word-break:break-all;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.admin-email-dispatch-create-page .form-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-dispatch-create-page .form-section .section-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.admin-email-dispatch-create-page .form-section .section-header svg{color:#10b981}.admin-email-dispatch-create-page .form-section .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.admin-email-dispatch-create-page .form-section .form-group{margin-bottom:20px}.admin-email-dispatch-create-page .form-section .form-group:last-child{margin-bottom:0}.admin-email-dispatch-create-page .form-section .form-group .form-label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.admin-email-dispatch-create-page .form-section .form-group .form-input,.admin-email-dispatch-create-page .form-section .form-group .form-select,.admin-email-dispatch-create-page .form-section .form-group .form-textarea{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.admin-email-dispatch-create-page .form-section .form-group .form-input:focus,.admin-email-dispatch-create-page .form-section .form-group .form-select:focus,.admin-email-dispatch-create-page .form-section .form-group .form-textarea:focus{background:#fff;border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.admin-email-dispatch-create-page .form-section .form-group .form-input.error,.admin-email-dispatch-create-page .form-section .form-group .form-select.error,.admin-email-dispatch-create-page .form-section .form-group .form-textarea.error{background:#fef2f2;border-color:#ef4444}.admin-email-dispatch-create-page .form-section .form-group .form-input.error:focus,.admin-email-dispatch-create-page .form-section .form-group .form-select.error:focus,.admin-email-dispatch-create-page .form-section .form-group .form-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.admin-email-dispatch-create-page .form-section .form-group .form-input.disabled,.admin-email-dispatch-create-page .form-section .form-group .form-select.disabled,.admin-email-dispatch-create-page .form-section .form-group .form-textarea.disabled{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.admin-email-dispatch-create-page .form-section .form-group .form-textarea{resize:vertical;min-height:100px;font-family:inherit}.admin-email-dispatch-create-page .form-section .form-group .error-message{color:#ef4444;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.admin-email-dispatch-create-page .form-section .form-group .error-message svg{flex-shrink:0}.admin-email-dispatch-create-page .form-section .form-group .input-help{color:#6b7280;margin-top:6px;font-size:12px;line-height:1.4}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info{flex:1}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info h4{color:#065f46;margin:0 0 4px;font-size:16px;font-weight:600}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info p{color:#047857;margin:0 0 8px;font-size:14px}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info .template-preview{color:#6b7280;font-size:12px;line-height:1.4;display:block}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn{color:#fff!important;cursor:pointer!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;box-shadow:none!important;text-align:center!important;vertical-align:middle!important;background:#dc2626!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;font-size:16px!important;line-height:1!important;transition:background-color .2s!important;display:flex!important}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:hover{color:#fff!important;background:#b91c1c!important;border:none!important}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:focus{outline:none!important;box-shadow:0 0 0 2px #dc26264d!important}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:active{background:#991b1b!important;transform:none!important}.admin-email-dispatch-create-page .form-section .form-group .template-selection .template-options .input-help{margin-top:8px}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card{cursor:pointer;background:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card:hover{background:#f0fdf4;border-color:#10b981}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card.selected{background:#f0fdf4;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card .course-info{flex:1}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card .course-info h4{color:#1f2937;margin:0 0 4px;font-size:14px;font-weight:600}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card .course-info p{color:#6b7280;margin:0;font-size:12px}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card .course-checkbox{color:#10b981;flex-shrink:0}.admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:16px;padding:16px}.admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses h5{color:#065f46;margin:0 0 12px;font-size:14px;font-weight:600}.admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses .selected-list{flex-wrap:wrap;gap:8px;display:flex}.admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag{color:#fff;background:#10b981;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag .remove-course{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:16px;font-weight:700;transition:background-color .2s;display:flex}.admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag .remove-course:hover{background:#fff3}.admin-email-dispatch-create-page .save-status-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-email-dispatch-create-page .save-status-overlay .save-status-content{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:400px;padding:32px;box-shadow:0 10px 25px #0003}.admin-email-dispatch-create-page .save-status-overlay .save-status-content .loading-spinner.large{border:4px solid #f3f4f6;border-top-color:#10b981;border-radius:50%;width:48px;height:48px;margin:0 auto 16px;animation:1s linear infinite spin}.admin-email-dispatch-create-page .save-status-overlay .save-status-content .success-icon{color:#10b981;margin-bottom:16px}.admin-email-dispatch-create-page .save-status-overlay .save-status-content .error-icon{color:#ef4444;margin-bottom:16px}.admin-email-dispatch-create-page .save-status-overlay .save-status-content h3{color:#1f2937;margin:0 0 8px;font-size:18px;font-weight:600}.admin-email-dispatch-create-page .save-status-overlay .save-status-content p{color:#6b7280;margin:0 0 20px;font-size:14px;line-height:1.5}.admin-email-dispatch-create-page .save-status-overlay .save-status-content .retry-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.admin-email-dispatch-create-page .save-status-overlay .save-status-content .retry-btn:hover{background:#dc2626}@media (width<=1200px){.admin-email-dispatch-create-page .form-content{flex-direction:column}.admin-email-dispatch-create-page .form-content .preview-section{width:100%;position:static}}@media (width<=768px){.admin-email-dispatch-create-page{padding:16px}.admin-email-dispatch-create-page .page-header{padding:20px}.admin-email-dispatch-create-page .page-header .header-content{flex-direction:column;align-items:stretch;gap:16px}.admin-email-dispatch-create-page .page-header .header-content .header-title{flex-direction:row;align-items:center;gap:12px}.admin-email-dispatch-create-page .page-header .header-content .header-actions{justify-content:stretch}.admin-email-dispatch-create-page .page-header .header-content .header-actions .preview-btn,.admin-email-dispatch-create-page .page-header .header-content .header-actions .save-btn{flex:1;justify-content:center}.admin-email-dispatch-create-page .form-section,.admin-email-dispatch-create-page .preview-section{padding:20px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-email-dispatch-create-page{background:#1a1a2e}html:not([data-theme=light]) .admin-email-dispatch-create-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-create-page .page-header .header-content .header-title .back-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-create-page .page-header .header-content .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-create-page .page-header .header-content .header-title .header-icon{color:#68d391}html:not([data-theme=light]) .admin-email-dispatch-create-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-create-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-create-page .page-header .header-content .header-actions .preview-btn{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatch-create-page .page-header .header-content .header-actions .preview-btn:hover{background:#718096}html:not([data-theme=light]) .admin-email-dispatch-create-page .page-header .header-content .header-actions .save-btn{background:#38a169}html:not([data-theme=light]) .admin-email-dispatch-create-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#2f855a}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .section-header{border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .section-header svg{color:#68d391}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .section-header h2,html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .form-label{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .form-input,html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .form-select,html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .form-textarea{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .form-input:focus,html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .form-select:focus,html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .form-textarea:focus{background:#4a5568;border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .form-input.error,html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .form-select.error,html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .form-textarea.error{background:#2d3748;border-color:#f56565}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .form-input.disabled,html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .form-select.disabled,html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .form-textarea.disabled{color:#a0aec0;cursor:not-allowed;background:#2d3748}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .input-help{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template{background:#2d3748;border-color:#68d391}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info h4{color:#68d391}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info p{color:#9ae6b4}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info .template-preview{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn{color:#fff!important;cursor:pointer!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;box-shadow:none!important;text-align:center!important;vertical-align:middle!important;background:#f56565!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;font-size:16px!important;line-height:1!important;transition:background-color .2s!important;display:flex!important}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:hover{color:#fff!important;background:#e53e3e!important;border:none!important}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:focus{outline:none!important;box-shadow:0 0 0 2px #f565654d!important}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:active{background:#c53030!important;transform:none!important}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card:hover{background:#2d3748;border-color:#68d391}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card.selected{background:#2d3748;border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card .course-info h4{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card .course-info p{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card .course-checkbox{color:#68d391}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses{background:#2d3748;border-color:#68d391}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses h5{color:#68d391}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag{background:#68d391}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag .remove-course:hover{background:#fff3}html:not([data-theme=light]) .admin-email-dispatch-create-page .preview-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-create-page .preview-section .section-header{border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-create-page .preview-section .section-header svg{color:#68d391}html:not([data-theme=light]) .admin-email-dispatch-create-page .preview-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-create-page .preview-section .preview-content .preview-item label{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-create-page .preview-section .preview-content .preview-item .preview-value{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatch-create-page .preview-section .preview-content .preview-item .preview-value.preview-json pre{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-create-page .save-status-overlay .save-status-content{color:#f1f5f9;background:#2d3748}html:not([data-theme=light]) .admin-email-dispatch-create-page .save-status-overlay .save-status-content h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-create-page .save-status-overlay .save-status-content p{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-create-page .save-status-overlay .save-status-content .retry-btn{background:#f56565}html:not([data-theme=light]) .admin-email-dispatch-create-page .save-status-overlay .save-status-content .retry-btn:hover{background:#e53e3e}}html[data-theme=dark] .admin-email-dispatch-create-page{background:#1a1a2e}html[data-theme=dark] .admin-email-dispatch-create-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-dispatch-create-page .page-header .header-content .header-title .back-btn{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-create-page .page-header .header-content .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html[data-theme=dark] .admin-email-dispatch-create-page .page-header .header-content .header-title .header-icon{color:#68d391}html[data-theme=dark] .admin-email-dispatch-create-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-create-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-create-page .page-header .header-content .header-actions .preview-btn{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatch-create-page .page-header .header-content .header-actions .preview-btn:hover{background:#718096}html[data-theme=dark] .admin-email-dispatch-create-page .page-header .header-content .header-actions .save-btn{background:#38a169}html[data-theme=dark] .admin-email-dispatch-create-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#2f855a}html[data-theme=dark] .admin-email-dispatch-create-page .form-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .section-header{border-color:#4a5568}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .section-header svg{color:#68d391}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .section-header h2,html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .form-label{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .form-input,html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .form-select,html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .form-textarea{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .form-input:focus,html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .form-select:focus,html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .form-textarea:focus{background:#4a5568;border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .form-input.error,html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .form-select.error,html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .form-textarea.error{background:#2d3748;border-color:#f56565}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .form-input.disabled,html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .form-select.disabled,html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .form-textarea.disabled{color:#a0aec0;cursor:not-allowed;background:#2d3748}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .input-help{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template{background:#2d3748;border-color:#68d391}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info h4{color:#68d391}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info p{color:#9ae6b4}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info .template-preview{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn{color:#fff!important;cursor:pointer!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;box-shadow:none!important;text-align:center!important;vertical-align:middle!important;background:#f56565!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;font-size:16px!important;line-height:1!important;transition:background-color .2s!important;display:flex!important}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:hover{color:#fff!important;background:#e53e3e!important;border:none!important}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:focus{outline:none!important;box-shadow:0 0 0 2px #f565654d!important}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:active{background:#c53030!important;transform:none!important}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card{background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card:hover{background:#2d3748;border-color:#68d391}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card.selected{background:#2d3748;border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card .course-info h4{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card .course-info p{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card .course-checkbox{color:#68d391}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses{background:#2d3748;border-color:#68d391}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses h5{color:#68d391}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag{background:#68d391}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag .remove-course:hover{background:#fff3}html[data-theme=dark] .admin-email-dispatch-create-page .preview-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-dispatch-create-page .preview-section .section-header{border-color:#4a5568}html[data-theme=dark] .admin-email-dispatch-create-page .preview-section .section-header svg{color:#68d391}html[data-theme=dark] .admin-email-dispatch-create-page .preview-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-create-page .preview-section .preview-content .preview-item label{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-create-page .preview-section .preview-content .preview-item .preview-value{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatch-create-page .preview-section .preview-content .preview-item .preview-value.preview-json pre{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-create-page .save-status-overlay .save-status-content{color:#f1f5f9;background:#2d3748}html[data-theme=dark] .admin-email-dispatch-create-page .save-status-overlay .save-status-content h3{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-create-page .save-status-overlay .save-status-content p{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-create-page .save-status-overlay .save-status-content .retry-btn{background:#f56565}html[data-theme=dark] .admin-email-dispatch-create-page .save-status-overlay .save-status-content .retry-btn:hover{background:#e53e3e}.admin-email-dispatch-edit-page{background:var(--surface-1);min-height:100vh;padding:24px}.admin-email-dispatch-edit-page .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:50vh;display:flex}.admin-email-dispatch-edit-page .loading-container p{color:var(--text-muted);margin:0;font-size:16px}.admin-email-dispatch-edit-page .loading-container .loading-spinner.large{border:4px solid #f3f4f6;border-top-color:#10b981;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.admin-email-dispatch-edit-page .page-header{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-dispatch-edit-page .page-header .header-content{justify-content:space-between;align-items:flex-start;display:flex}.admin-email-dispatch-edit-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.admin-email-dispatch-edit-page .page-header .header-content .header-title .back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.admin-email-dispatch-edit-page .page-header .header-content .header-title .back-btn:hover{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg)}.admin-email-dispatch-edit-page .page-header .header-content .header-title .header-icon{color:var(--success-dot)}.admin-email-dispatch-edit-page .page-header .header-content .header-title h1{color:var(--text-heading);margin:0 0 4px;font-size:24px;font-weight:700}.admin-email-dispatch-edit-page .page-header .header-content .header-title .header-description{color:var(--text-muted);margin:0;font-size:14px}.admin-email-dispatch-edit-page .page-header .header-content .header-title .dispatch-info .segment-type-badge{color:#fff;border-radius:20px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;font-size:14px;font-weight:500;display:inline-flex}.admin-email-dispatch-edit-page .page-header .header-content .header-title .dispatch-info .dispatch-stats{flex-wrap:wrap;gap:16px;display:flex}.admin-email-dispatch-edit-page .page-header .header-content .header-title .dispatch-info .dispatch-stats .stat{color:var(--text-muted);background:var(--surface-1);border-radius:6px;padding:4px 8px;font-size:13px}.admin-email-dispatch-edit-page .page-header .header-content .header-title .dispatch-info .dispatch-stats .stat .status-badge{color:#fff;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:11px;font-weight:500;display:inline-block}.admin-email-dispatch-edit-page .page-header .header-content .header-actions{gap:12px;display:flex}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .preview-btn{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border:1px solid var(--input-border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .preview-btn:hover{background:var(--border-muted)}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .save-btn{background:var(--success-dot);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#059669}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .save-btn:disabled{background:var(--btn-disabled-bg);cursor:not-allowed}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .delete-btn:hover:not(:disabled){background:#dc2626}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .delete-btn:disabled{background:var(--btn-disabled-bg);cursor:not-allowed}.admin-email-dispatch-edit-page .page-header .header-content .header-actions svg{flex-shrink:0}.admin-email-dispatch-edit-page .edit-content .edit-main{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.admin-email-dispatch-edit-page .edit-content .edit-main{grid-template-columns:1fr 400px}}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header svg{color:var(--success-dot)}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header h2{color:var(--text-heading);margin:0 0 4px;font-size:18px;font-weight:600}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header .section-description{color:var(--text-muted);margin:0;font-size:14px}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group{margin-bottom:20px}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-label{color:var(--btn-secondary-fg);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-input,.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea,.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-select{border:1px solid var(--input-border);width:100%;color:var(--text-heading);background:var(--surface-0);border-radius:8px;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-input:focus,.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea:focus,.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-input.error,.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea.error,.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-select.error{border-color:var(--error-fg)}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-input::placeholder,.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea::placeholder,.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-select::placeholder{color:var(--input-placeholder)}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea{resize:vertical;min-height:120px}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-select{cursor:pointer}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .error-message{color:var(--error-fg);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .input-help{color:var(--text-muted);margin-top:6px;font-size:12px}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:16px;display:grid}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card{border:2px solid var(--border-muted);cursor:pointer;background:var(--surface-0);border-radius:8px;padding:16px;transition:all .2s}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card:hover{border-color:var(--accent);box-shadow:0 2px 4px #3b82f61a}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card.selected{border-color:var(--success-dot);background:#f0fdf4}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card .course-info h4{color:var(--text-heading);margin:0 0 4px;font-size:14px;font-weight:600}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card .course-info p{color:var(--text-muted);margin:0;font-size:12px}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card .course-checkbox{justify-content:flex-end;margin-top:8px;display:flex}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card .course-checkbox svg{color:var(--success-dot)}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .selected-courses{margin-top:16px}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .selected-courses h5{color:var(--btn-secondary-fg);margin:0 0 8px;font-size:14px;font-weight:600}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .selected-courses .selected-list{flex-wrap:wrap;gap:8px;display:flex}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag{color:#1e40af;background:#dbeafe;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.admin-email-dispatch-edit-page .edit-content .preview-panel{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;height:fit-content;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-header h3{color:var(--text-heading);margin:0;font-size:16px;font-weight:600}.admin-email-dispatch-edit-page .changes-notice{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.admin-email-dispatch-edit-page .changes-notice svg{color:var(--pending-dot);flex-shrink:0}.admin-email-dispatch-edit-page .save-success-overlay{z-index:1000;background:#1f2937e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-email-dispatch-edit-page .save-success-overlay .success-content{background:var(--surface-0);text-align:center;border:1px solid #e5e7eb;border-radius:12px;padding:32px;box-shadow:0 25px 50px -12px #00000040}.admin-email-dispatch-edit-page .save-success-overlay .success-content h3{color:var(--text-heading);margin:16px 0 8px;font-size:20px;font-weight:600}.admin-email-dispatch-edit-page .save-success-overlay .success-content p{color:var(--text-muted);margin:0;font-size:14px}.admin-email-dispatch-edit-page .save-error-overlay{z-index:1000;background:#1f2937e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-email-dispatch-edit-page .save-error-overlay .error-content{background:var(--surface-0);text-align:center;border:1px solid #e5e7eb;border-radius:12px;padding:32px;box-shadow:0 25px 50px -12px #00000040}.admin-email-dispatch-edit-page .save-error-overlay .error-content h3{color:var(--text-heading);margin:16px 0 8px;font-size:20px;font-weight:600}.admin-email-dispatch-edit-page .save-error-overlay .error-content p{color:var(--text-muted);margin:0 0 16px;font-size:14px}.admin-email-dispatch-edit-page .save-error-overlay .error-content .retry-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.admin-email-dispatch-edit-page .save-error-overlay .error-content .retry-btn:hover{background:#dc2626}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-email-dispatch-edit-page{background:#1a1a2e}html:not([data-theme=light]) .admin-email-dispatch-edit-page .loading-container p{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-edit-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-edit-page .page-header .header-content .header-title .back-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-edit-page .page-header .header-content .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-edit-page .page-header .header-content .header-title .header-icon{color:#68d391}html:not([data-theme=light]) .admin-email-dispatch-edit-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-edit-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-edit-page .page-header .header-content .header-title .dispatch-info .dispatch-stats .stat{color:#e2e8f0;background:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-edit-page .page-header .header-content .header-actions .preview-btn{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatch-edit-page .page-header .header-content .header-actions .preview-btn:hover{background:#718096}html:not([data-theme=light]) .admin-email-dispatch-edit-page .page-header .header-content .header-actions .save-btn{background:#68d391}html:not([data-theme=light]) .admin-email-dispatch-edit-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#48bb78}html:not([data-theme=light]) .admin-email-dispatch-edit-page .page-header .header-content .header-actions .delete-btn{background:#f56565}html:not([data-theme=light]) .admin-email-dispatch-edit-page .page-header .header-content .header-actions .delete-btn:hover:not(:disabled){background:#e53e3e}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header svg{color:#68d391}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header .section-description{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-label{color:#e2e8f0}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-input,html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea,html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-select{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-input:focus,html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea:focus,html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-input.error,html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea.error,html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-select.error{border-color:#f56565}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-input::placeholder,html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea::placeholder,html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-select::placeholder,html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .input-help{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card:hover{border-color:#60a5fa}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card.selected{background:#2f855a;border-color:#68d391}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card .course-info h4{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card .course-info p{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .selected-courses h5{color:#e2e8f0}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag{color:#e2e8f0;background:#2b6cb0}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .preview-panel{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .preview-panel .preview-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .preview-panel .preview-header h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-edit-page .changes-notice{color:#fef5e7;background:#744210;border-color:#d69e2e}html:not([data-theme=light]) .admin-email-dispatch-edit-page .changes-notice svg{color:#d69e2e}html:not([data-theme=light]) .admin-email-dispatch-edit-page .save-success-overlay{background:#1f2937e6}html:not([data-theme=light]) .admin-email-dispatch-edit-page .save-success-overlay .success-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-edit-page .save-success-overlay .success-content h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-edit-page .save-success-overlay .success-content p{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-edit-page .save-error-overlay{background:#1f2937e6}html:not([data-theme=light]) .admin-email-dispatch-edit-page .save-error-overlay .error-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-edit-page .save-error-overlay .error-content h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-edit-page .save-error-overlay .error-content p{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-edit-page .save-error-overlay .error-content .retry-btn{background:#f56565}html:not([data-theme=light]) .admin-email-dispatch-edit-page .save-error-overlay .error-content .retry-btn:hover{background:#e53e3e}}html[data-theme=dark] .admin-email-dispatch-edit-page{background:#1a1a2e}html[data-theme=dark] .admin-email-dispatch-edit-page .loading-container p{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-edit-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-dispatch-edit-page .page-header .header-content .header-title .back-btn{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-edit-page .page-header .header-content .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html[data-theme=dark] .admin-email-dispatch-edit-page .page-header .header-content .header-title .header-icon{color:#68d391}html[data-theme=dark] .admin-email-dispatch-edit-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-edit-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-edit-page .page-header .header-content .header-title .dispatch-info .dispatch-stats .stat{color:#e2e8f0;background:#4a5568}html[data-theme=dark] .admin-email-dispatch-edit-page .page-header .header-content .header-actions .preview-btn{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatch-edit-page .page-header .header-content .header-actions .preview-btn:hover{background:#718096}html[data-theme=dark] .admin-email-dispatch-edit-page .page-header .header-content .header-actions .save-btn{background:#68d391}html[data-theme=dark] .admin-email-dispatch-edit-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#48bb78}html[data-theme=dark] .admin-email-dispatch-edit-page .page-header .header-content .header-actions .delete-btn{background:#f56565}html[data-theme=dark] .admin-email-dispatch-edit-page .page-header .header-content .header-actions .delete-btn:hover:not(:disabled){background:#e53e3e}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header{border-bottom-color:#4a5568}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header svg{color:#68d391}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header .section-description{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-label{color:#e2e8f0}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-input,html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea,html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-select{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-input:focus,html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea:focus,html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-input.error,html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea.error,html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-select.error{border-color:#f56565}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-input::placeholder,html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea::placeholder,html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-select::placeholder,html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .input-help{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card{background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card:hover{border-color:#60a5fa}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card.selected{background:#2f855a;border-color:#68d391}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card .course-info h4{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card .course-info p{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .selected-courses h5{color:#e2e8f0}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag{color:#e2e8f0;background:#2b6cb0}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .preview-panel{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .preview-panel .preview-header{border-bottom-color:#4a5568}html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .preview-panel .preview-header h3{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-edit-page .changes-notice{color:#fef5e7;background:#744210;border-color:#d69e2e}html[data-theme=dark] .admin-email-dispatch-edit-page .changes-notice svg{color:#d69e2e}html[data-theme=dark] .admin-email-dispatch-edit-page .save-success-overlay{background:#1f2937e6}html[data-theme=dark] .admin-email-dispatch-edit-page .save-success-overlay .success-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-dispatch-edit-page .save-success-overlay .success-content h3{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-edit-page .save-success-overlay .success-content p{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-edit-page .save-error-overlay{background:#1f2937e6}html[data-theme=dark] .admin-email-dispatch-edit-page .save-error-overlay .error-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-dispatch-edit-page .save-error-overlay .error-content h3{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-edit-page .save-error-overlay .error-content p{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-edit-page .save-error-overlay .error-content .retry-btn{background:#f56565}html[data-theme=dark] .admin-email-dispatch-edit-page .save-error-overlay .error-content .retry-btn:hover{background:#e53e3e}@media (width<=768px){.admin-email-dispatch-edit-page{padding:16px}.admin-email-dispatch-edit-page .page-header{margin-bottom:24px;padding:16px}.admin-email-dispatch-edit-page .page-header .header-content{flex-direction:column;gap:16px}.admin-email-dispatch-edit-page .page-header .header-content .header-actions{justify-content:stretch;width:100%}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .preview-btn,.admin-email-dispatch-edit-page .page-header .header-content .header-actions .save-btn,.admin-email-dispatch-edit-page .page-header .header-content .header-actions .delete-btn{flex:1;justify-content:center}.admin-email-dispatch-edit-page .edit-content .edit-main{grid-template-columns:1fr}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section{padding:16px}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid{grid-template-columns:1fr}}.email-dispatch-delivery-logs{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.email-dispatch-delivery-logs .section-header{margin-bottom:20px}.email-dispatch-delivery-logs .section-header .section-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.email-dispatch-delivery-logs .section-header h2{color:#1f2937;margin:0 0 6px;font-size:18px;font-weight:700}.email-dispatch-delivery-logs .section-header p{color:#6b7280;margin:0;font-size:14px}.email-dispatch-delivery-logs .count-cards{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}@media (width<=992px){.email-dispatch-delivery-logs .count-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.email-dispatch-delivery-logs .count-cards{grid-template-columns:1fr}}.email-dispatch-delivery-logs .delivery-logs-live-badge{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.email-dispatch-delivery-logs .delivery-logs-live-badge .spinning{animation:1s linear infinite deliveryLogsSpin}.email-dispatch-delivery-logs .delivery-progress-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;padding:16px}.email-dispatch-delivery-logs .delivery-progress-summary{color:#1f2937;margin:0 0 10px;font-size:14px;font-weight:600}.email-dispatch-delivery-logs .delivery-progress-bar{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden}.email-dispatch-delivery-logs .delivery-progress-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#10b981,#3b82f6);height:100%;transition:width .4s}.email-dispatch-delivery-logs .delivery-progress-hint{color:#6b7280;margin:8px 0 0;font-size:12px}.email-dispatch-delivery-logs .delivery-logs-summary{color:#6b7280;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.email-dispatch-delivery-logs .delivery-logs-refreshing{color:#3b82f6;display:inline-flex}.email-dispatch-delivery-logs .delivery-logs-refreshing .spinning{animation:1s linear infinite deliveryLogsSpin}.email-dispatch-delivery-logs .delivery-logs-table tbody tr.is-pending-row{background:#fafafa}@keyframes deliveryLogsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.email-dispatch-delivery-logs .count-card{cursor:pointer;text-align:left;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;transition:all .2s;display:flex}.email-dispatch-delivery-logs .count-card:hover{background:#f0fdf4;border-color:#10b981}.email-dispatch-delivery-logs .count-card.active{background:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 1px #10b981}.email-dispatch-delivery-logs .count-card .count-card-label{color:#6b7280;font-size:13px;font-weight:500}.email-dispatch-delivery-logs .count-card .count-card-value{color:#111827;font-size:24px;font-weight:700}.email-dispatch-delivery-logs .status-filter-chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.email-dispatch-delivery-logs .filter-chip{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.email-dispatch-delivery-logs .filter-chip:hover{color:#059669;border-color:#10b981}.email-dispatch-delivery-logs .filter-chip.active{color:#fff;background:#10b981;border-color:#10b981}.email-dispatch-delivery-logs .delivery-logs-table-wrapper{border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.email-dispatch-delivery-logs .delivery-logs-table{border-collapse:collapse;width:100%;min-width:900px}.email-dispatch-delivery-logs .delivery-logs-table thead{background:#f9fafb}.email-dispatch-delivery-logs .delivery-logs-table thead th{text-align:left;color:#374151;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:13px;font-weight:600}.email-dispatch-delivery-logs .delivery-logs-table tbody tr{border-bottom:1px solid #f3f4f6}.email-dispatch-delivery-logs .delivery-logs-table tbody tr:last-child{border-bottom:none}.email-dispatch-delivery-logs .delivery-logs-table tbody tr:hover{background:#fafafa}.email-dispatch-delivery-logs .delivery-logs-table tbody td{color:#374151;vertical-align:middle;padding:12px 14px;font-size:14px}.email-dispatch-delivery-logs .delivery-logs-table tbody .empty-cell{text-align:center;color:#6b7280;padding:32px 16px}.email-dispatch-delivery-logs .recipient-cell strong{color:#111827;font-weight:600;display:block}.email-dispatch-delivery-logs .recipient-cell .recipient-email{color:#9ca3af;margin-top:2px;font-size:12px;display:block}.email-dispatch-delivery-logs .target-type-badge{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.email-dispatch-delivery-logs .delivery-status-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.email-dispatch-delivery-logs .delivery-status-badge.is-success{color:#047857;background:#d1fae5}.email-dispatch-delivery-logs .delivery-status-badge.is-error{color:#b91c1c;background:#fee2e2}.email-dispatch-delivery-logs .delivery-status-badge.is-warning{color:#c2410c;background:#ffedd5}.email-dispatch-delivery-logs .delivery-status-badge.is-neutral{color:#4b5563;background:#f3f4f6}.email-dispatch-delivery-logs .delivery-status-badge.is-muted{color:#9ca3af;background:#f9fafb}.email-dispatch-delivery-logs .failure-reason-cell{max-width:280px}.email-dispatch-delivery-logs .failure-reason{flex-direction:column;gap:4px;display:flex}.email-dispatch-delivery-logs .failure-reason-empty{color:#9ca3af}.email-dispatch-delivery-logs .error-code-chip{color:#b91c1c;background:#fef2f2;border-radius:6px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.email-dispatch-delivery-logs .error-message-text{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:12px;display:block;overflow:hidden}.email-dispatch-delivery-logs .delivery-logs-loading,.email-dispatch-delivery-logs .delivery-logs-not-found,.email-dispatch-delivery-logs .delivery-logs-error{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 16px;display:flex}.email-dispatch-delivery-logs .delivery-logs-loading p,.email-dispatch-delivery-logs .delivery-logs-not-found p,.email-dispatch-delivery-logs .delivery-logs-error p{margin:0;font-size:14px}.email-dispatch-delivery-logs .delivery-logs-not-found{color:#374151}.email-dispatch-delivery-logs .retry-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.email-dispatch-delivery-logs .retry-btn:hover{background:#2563eb}.email-dispatch-delivery-logs .spinning{animation:1s linear infinite deliveryLogsSpin}.email-dispatch-delivery-logs .delivery-logs-toast{color:#fff;z-index:1000;background:#1f2937;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #00000026}.email-dispatch-delivery-logs .delivery-logs-toast.is-error{background:#b91c1c}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .email-dispatch-delivery-logs{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html:not([data-theme=light]) .email-dispatch-delivery-logs .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .email-dispatch-delivery-logs .section-header p{color:#a0aec0}html:not([data-theme=light]) .email-dispatch-delivery-logs .count-card{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .email-dispatch-delivery-logs .count-card:hover{background:#68d3911f;border-color:#68d391}html:not([data-theme=light]) .email-dispatch-delivery-logs .count-card.active{background:#68d3912e;border-color:#68d391;box-shadow:0 0 0 1px #68d391}html:not([data-theme=light]) .email-dispatch-delivery-logs .count-card .count-card-label{color:#a0aec0}html:not([data-theme=light]) .email-dispatch-delivery-logs .count-card .count-card-value{color:#f1f5f9}html:not([data-theme=light]) .email-dispatch-delivery-logs .filter-chip{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .email-dispatch-delivery-logs .filter-chip:hover{color:#68d391;border-color:#68d391}html:not([data-theme=light]) .email-dispatch-delivery-logs .filter-chip.active{color:#fff;background:#38a169;border-color:#38a169}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-summary{color:#a0aec0}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-table-wrapper{border-color:#4a5568}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-table thead{background:#4a5568}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-table thead th{color:#e2e8f0;border-bottom-color:#718096}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-table tbody tr{background:0 0;border-bottom-color:#4a5568}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-table tbody tr.is-pending-row{background:#ffffff08}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-table tbody tr:hover{background:#ffffff0a}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-table tbody td{color:#e2e8f0}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-table tbody .empty-cell{color:#a0aec0}html:not([data-theme=light]) .email-dispatch-delivery-logs .recipient-cell strong{color:#f1f5f9}html:not([data-theme=light]) .email-dispatch-delivery-logs .recipient-cell .recipient-email{color:#a0aec0}html:not([data-theme=light]) .email-dispatch-delivery-logs .target-type-badge{color:#90cdf4;background:#4299e133}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-status-badge.is-success{color:#68d391;background:#68d39133}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-status-badge.is-error{color:#f56565;background:#f5656533}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-status-badge.is-warning{color:#fdba74;background:#fb923c33}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-status-badge.is-neutral{color:#a0aec0;background:#4a5568}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-status-badge.is-muted{color:#718096;background:#ffffff0f}html:not([data-theme=light]) .email-dispatch-delivery-logs .failure-reason-empty{color:#718096}html:not([data-theme=light]) .email-dispatch-delivery-logs .error-code-chip{color:#f56565;background:#f5656526}html:not([data-theme=light]) .email-dispatch-delivery-logs .error-message-text,html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-loading,html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-not-found,html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-error{color:#a0aec0}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-not-found{color:#e2e8f0}html:not([data-theme=light]) .email-dispatch-delivery-logs .retry-btn{background:#4299e1}html:not([data-theme=light]) .email-dispatch-delivery-logs .retry-btn:hover{background:#3182ce}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-toast{color:#f1f5f9;background:#2d3748}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-toast.is-error{background:#c53030}}html[data-theme=dark] .email-dispatch-delivery-logs{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html[data-theme=dark] .email-dispatch-delivery-logs .section-header h2{color:#f1f5f9}html[data-theme=dark] .email-dispatch-delivery-logs .section-header p{color:#a0aec0}html[data-theme=dark] .email-dispatch-delivery-logs .count-card{background:#4a5568;border-color:#718096}html[data-theme=dark] .email-dispatch-delivery-logs .count-card:hover{background:#68d3911f;border-color:#68d391}html[data-theme=dark] .email-dispatch-delivery-logs .count-card.active{background:#68d3912e;border-color:#68d391;box-shadow:0 0 0 1px #68d391}html[data-theme=dark] .email-dispatch-delivery-logs .count-card .count-card-label{color:#a0aec0}html[data-theme=dark] .email-dispatch-delivery-logs .count-card .count-card-value{color:#f1f5f9}html[data-theme=dark] .email-dispatch-delivery-logs .filter-chip{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .email-dispatch-delivery-logs .filter-chip:hover{color:#68d391;border-color:#68d391}html[data-theme=dark] .email-dispatch-delivery-logs .filter-chip.active{color:#fff;background:#38a169;border-color:#38a169}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-summary{color:#a0aec0}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-table-wrapper{border-color:#4a5568}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-table thead{background:#4a5568}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-table thead th{color:#e2e8f0;border-bottom-color:#718096}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-table tbody tr{background:0 0;border-bottom-color:#4a5568}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-table tbody tr.is-pending-row{background:#ffffff08}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-table tbody tr:hover{background:#ffffff0a}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-table tbody td{color:#e2e8f0}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-table tbody .empty-cell{color:#a0aec0}html[data-theme=dark] .email-dispatch-delivery-logs .recipient-cell strong{color:#f1f5f9}html[data-theme=dark] .email-dispatch-delivery-logs .recipient-cell .recipient-email{color:#a0aec0}html[data-theme=dark] .email-dispatch-delivery-logs .target-type-badge{color:#90cdf4;background:#4299e133}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-status-badge.is-success{color:#68d391;background:#68d39133}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-status-badge.is-error{color:#f56565;background:#f5656533}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-status-badge.is-warning{color:#fdba74;background:#fb923c33}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-status-badge.is-neutral{color:#a0aec0;background:#4a5568}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-status-badge.is-muted{color:#718096;background:#ffffff0f}html[data-theme=dark] .email-dispatch-delivery-logs .failure-reason-empty{color:#718096}html[data-theme=dark] .email-dispatch-delivery-logs .error-code-chip{color:#f56565;background:#f5656526}html[data-theme=dark] .email-dispatch-delivery-logs .error-message-text,html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-loading,html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-not-found,html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-error{color:#a0aec0}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-not-found{color:#e2e8f0}html[data-theme=dark] .email-dispatch-delivery-logs .retry-btn{background:#4299e1}html[data-theme=dark] .email-dispatch-delivery-logs .retry-btn:hover{background:#3182ce}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-toast{color:#f1f5f9;background:#2d3748}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-toast.is-error{background:#c53030}.email-dispatch-images{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:16px;margin-bottom:0;padding:24px;box-shadow:0 1px 3px #0000001a}.email-dispatch-images.is-loading,.email-dispatch-images.is-error{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:120px;display:flex}.email-dispatch-images.is-loading p,.email-dispatch-images.is-error p{margin:0;font-size:14px}.email-dispatch-images.is-error{color:#374151}.email-dispatch-images .section-header{margin-bottom:16px}.email-dispatch-images .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:700}.email-dispatch-images .retry-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.email-dispatch-images .retry-btn:hover{background:#2563eb}.email-dispatch-images .images-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}@media (width<=1200px){.email-dispatch-images .images-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=768px){.email-dispatch-images .images-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.email-dispatch-images .image-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.email-dispatch-images .image-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.email-dispatch-images .image-card:hover .image-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.email-dispatch-images .image-card-actions{z-index:2;gap:4px;display:flex;position:absolute;top:8px;right:8px}.email-dispatch-images .image-action-btn{color:#374151;background:#ffffffeb;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;text-decoration:none;display:inline-flex;box-shadow:0 1px 3px #0000001f}.email-dispatch-images .image-action-btn:hover{color:#111827;background:#fff}.email-dispatch-images .image-thumb-btn{cursor:pointer;aspect-ratio:1;background:#f3f4f6;border:none;width:100%;padding:0;display:block;overflow:hidden}.email-dispatch-images .image-thumb-btn img{object-fit:cover;width:100%;height:100%;display:block}.email-dispatch-images .image-meta{flex-direction:column;gap:2px;padding:8px 10px 10px;display:flex}.email-dispatch-images .image-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.email-dispatch-images .image-size{color:#6b7280;font-size:11px}.email-dispatch-images .image-tooltip{color:#fff;opacity:0;visibility:hidden;pointer-events:none;z-index:3;background:#1f2937;border-radius:8px;padding:8px 10px;font-size:11px;line-height:1.4;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + 6px);left:8px;right:8px;transform:translateY(4px)}.email-dispatch-images .image-tooltip p{margin:0}.email-dispatch-images .image-tooltip p+p{margin-top:4px}.email-dispatch-images .image-tooltip:after{content:"";background:#1f2937;width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.email-dispatch-images .spinning{animation:1s linear infinite dispatchImagesSpin}@keyframes dispatchImagesSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .email-dispatch-images{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html:not([data-theme=light]) .email-dispatch-images.is-loading,html:not([data-theme=light]) .email-dispatch-images.is-error{color:#a0aec0}html:not([data-theme=light]) .email-dispatch-images.is-error{color:#e2e8f0}html:not([data-theme=light]) .email-dispatch-images .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .email-dispatch-images .retry-btn{background:#4299e1}html:not([data-theme=light]) .email-dispatch-images .retry-btn:hover{background:#3182ce}html:not([data-theme=light]) .email-dispatch-images .image-card{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .email-dispatch-images .image-card:hover{border-color:#68d391;box-shadow:0 4px 12px #00000040}html:not([data-theme=light]) .email-dispatch-images .image-action-btn{color:#e2e8f0;background:#2d3748eb}html:not([data-theme=light]) .email-dispatch-images .image-action-btn:hover{color:#f1f5f9;background:#2d3748}html:not([data-theme=light]) .email-dispatch-images .image-thumb-btn{background:#718096}html:not([data-theme=light]) .email-dispatch-images .image-name{color:#f1f5f9}html:not([data-theme=light]) .email-dispatch-images .image-size{color:#a0aec0}html:not([data-theme=light]) .images-toast{color:#f1f5f9;background:#2d3748}html:not([data-theme=light]) .images-toast.is-error{background:#c53030}}html[data-theme=dark] .email-dispatch-images{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html[data-theme=dark] .email-dispatch-images.is-loading,html[data-theme=dark] .email-dispatch-images.is-error{color:#a0aec0}html[data-theme=dark] .email-dispatch-images.is-error{color:#e2e8f0}html[data-theme=dark] .email-dispatch-images .section-header h2{color:#f1f5f9}html[data-theme=dark] .email-dispatch-images .retry-btn{background:#4299e1}html[data-theme=dark] .email-dispatch-images .retry-btn:hover{background:#3182ce}html[data-theme=dark] .email-dispatch-images .image-card{background:#4a5568;border-color:#718096}html[data-theme=dark] .email-dispatch-images .image-card:hover{border-color:#68d391;box-shadow:0 4px 12px #00000040}html[data-theme=dark] .email-dispatch-images .image-action-btn{color:#e2e8f0;background:#2d3748eb}html[data-theme=dark] .email-dispatch-images .image-action-btn:hover{color:#f1f5f9;background:#2d3748}html[data-theme=dark] .email-dispatch-images .image-thumb-btn{background:#718096}html[data-theme=dark] .email-dispatch-images .image-name{color:#f1f5f9}html[data-theme=dark] .email-dispatch-images .image-size{color:#a0aec0}html[data-theme=dark] .images-toast{color:#f1f5f9;background:#2d3748}html[data-theme=dark] .images-toast.is-error{background:#c53030}.images-toast{color:#fff;z-index:1100;background:#1f2937;border-radius:8px;padding:10px 14px;font-size:13px;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 20px #00000026}.images-toast.is-error{background:#b91c1c}.email-image-lightbox{z-index:1050;background:#0f172ad1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.email-image-lightbox .lightbox-content{background:#111827;border-radius:12px;flex-direction:column;width:100%;max-width:min(960px,92vw);max-height:92vh;display:flex;position:relative;overflow:hidden}.email-image-lightbox .lightbox-close{z-index:2;color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:absolute;top:12px;right:12px}.email-image-lightbox .lightbox-close:hover{background:#fff3}.email-image-lightbox .lightbox-nav{z-index:2;color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.email-image-lightbox .lightbox-nav:hover{background:#ffffff38}.email-image-lightbox .lightbox-nav.prev{left:12px}.email-image-lightbox .lightbox-nav.next{right:12px}.email-image-lightbox img{object-fit:contain;background:#0f172a;width:100%;max-height:calc(92vh - 80px)}.email-image-lightbox .lightbox-footer{color:#fff;background:#1f2937;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.email-image-lightbox .lightbox-info{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.email-image-lightbox .lightbox-info strong{font-weight:600}.email-image-lightbox .lightbox-info span{color:#cbd5e1}.email-image-lightbox .lightbox-info .lightbox-counter{background:#ffffff1a;border-radius:999px;padding:2px 8px}.email-image-lightbox .lightbox-actions{flex-wrap:wrap;gap:8px;display:flex}.email-image-lightbox .lightbox-action{color:#fff;background:#ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;text-decoration:none;display:inline-flex}.email-image-lightbox .lightbox-action:hover{background:#ffffff2e}.admin-email-dispatch-detail-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-email-dispatch-detail-page .loading-container,.admin-email-dispatch-detail-page .not-found-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:50vh;display:flex}.admin-email-dispatch-detail-page .loading-container p,.admin-email-dispatch-detail-page .not-found-container p{color:#6b7280;margin:0;font-size:14px}.admin-email-dispatch-detail-page .loading-container h2,.admin-email-dispatch-detail-page .not-found-container h2{color:#1f2937;margin:0;font-size:20px;font-weight:600}.admin-email-dispatch-detail-page .loading-container .back-list-btn,.admin-email-dispatch-detail-page .not-found-container .back-list-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;margin-top:8px;padding:10px 20px;font-size:14px;font-weight:500}.admin-email-dispatch-detail-page .loading-container .back-list-btn:hover,.admin-email-dispatch-detail-page .not-found-container .back-list-btn:hover{background:#2563eb}.admin-email-dispatch-detail-page .loading-container .spinning,.admin-email-dispatch-detail-page .not-found-container .spinning{animation:1s linear infinite dispatchDetailSpin}@keyframes dispatchDetailSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-email-dispatch-detail-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-dispatch-detail-page .page-header .header-content{justify-content:space-between;align-items:flex-start;display:flex}.admin-email-dispatch-detail-page .page-header .header-title{align-items:flex-start;gap:16px;display:flex}.admin-email-dispatch-detail-page .page-header .header-title .back-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.admin-email-dispatch-detail-page .page-header .header-title .back-btn:hover{color:#374151;background:#f3f4f6}.admin-email-dispatch-detail-page .page-header .header-title .header-icon{color:#10b981;flex-shrink:0}.admin-email-dispatch-detail-page .page-header .header-title h1{color:#1f2937;margin:0 0 8px;font-size:24px;font-weight:700}.admin-email-dispatch-detail-page .page-header .dispatch-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-email-dispatch-detail-page .page-header .dispatch-meta .segment-type-badge{color:#1d4ed8;background:#eff6ff;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.admin-email-dispatch-detail-page .page-header .dispatch-meta .status-badge{color:#fff;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.admin-email-dispatch-detail-page .page-header .dispatch-meta .dispatch-id{color:#9ca3af;font-size:12px}.admin-email-dispatch-detail-page .page-header .header-actions{flex-shrink:0}.admin-email-dispatch-detail-page .page-header .header-actions .send-dispatch-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .2s;display:inline-flex}.admin-email-dispatch-detail-page .page-header .header-actions .send-dispatch-btn:hover{background:#059669}.admin-email-dispatch-detail-page .page-header .header-actions .already-sent-notice{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;max-width:320px;margin:0;padding:10px 14px;font-size:13px;line-height:1.5}.admin-email-dispatch-detail-page .dispatch-progress-notice{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.admin-email-dispatch-detail-page .dispatch-progress-notice strong{margin-bottom:4px;font-size:14px;display:block}.admin-email-dispatch-detail-page .dispatch-progress-notice p{color:#1d4ed8;margin:0;font-size:13px;line-height:1.5}.admin-email-dispatch-detail-page .dispatch-progress-notice .draft-stuck-hint{color:#92400e;margin-top:8px}.admin-email-dispatch-detail-page .status-badge.is-polling{align-items:center;gap:6px;display:inline-flex}.admin-email-dispatch-detail-page .status-badge .status-spinner{animation:1s linear infinite dispatchDetailSpin}.admin-email-dispatch-detail-page .dispatch-detail-toast{z-index:1200;color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0f172a1f}.admin-email-dispatch-detail-page .dispatch-detail-toast.is-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.admin-email-dispatch-detail-page .detail-content{flex-direction:column;gap:0;display:flex}.admin-email-dispatch-detail-page .summary-card,.admin-email-dispatch-detail-page .content-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:0;padding:20px 24px;box-shadow:0 1px 3px #0000001a}.admin-email-dispatch-detail-page .summary-card{margin-bottom:16px}.admin-email-dispatch-detail-page .summary-card .summary-stats{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.admin-email-dispatch-detail-page .summary-card .summary-stats .stat-item{color:#374151;align-items:center;gap:6px;font-size:14px;display:inline-flex}.admin-email-dispatch-detail-page .summary-card .summary-stats .stat-item.failed{color:#b91c1c}.admin-email-dispatch-detail-page .summary-card .summary-stats .stat-item.pending{color:#2563eb}.admin-email-dispatch-detail-page .summary-card .summary-dates{flex-wrap:wrap;gap:16px;display:flex}.admin-email-dispatch-detail-page .summary-card .summary-dates .date{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:inline-flex}.admin-email-dispatch-detail-page .summary-card .summary-dates .date.completed{color:#059669}.admin-email-dispatch-detail-page .content-preview-card{margin-bottom:0}.admin-email-dispatch-detail-page .content-preview-card h3{color:#1f2937;margin:0 0 12px;font-size:16px;font-weight:600}.admin-email-dispatch-detail-page .content-preview-card p{color:#4b5563;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.admin-email-dispatch-detail-page .modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-email-dispatch-detail-page .confirm-send-modal{background:#fff;border-radius:12px;width:min(520px,100%);overflow:hidden;box-shadow:0 20px 40px #00000026}.admin-email-dispatch-detail-page .confirm-send-modal .modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.admin-email-dispatch-detail-page .confirm-send-modal .modal-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.admin-email-dispatch-detail-page .confirm-send-modal .modal-header .close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.admin-email-dispatch-detail-page .confirm-send-modal .modal-header .close-btn:hover:not(:disabled){background:#f3f4f6}.admin-email-dispatch-detail-page .confirm-send-modal .modal-header .close-btn:disabled{opacity:.5;cursor:not-allowed}.admin-email-dispatch-detail-page .confirm-send-modal .modal-body{padding:24px}.admin-email-dispatch-detail-page .confirm-send-modal .modal-body .modal-description{color:#6b7280;margin:0 0 16px;font-size:14px;line-height:1.6}.admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-field .confirm-send-label{color:#6b7280;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-field p{color:#111827;word-break:break-word;margin:0;font-size:14px;line-height:1.5}.admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-error{color:#b91c1c;background:#fef2f2;border-radius:8px;align-items:flex-start;gap:8px;margin-top:16px;padding:12px;font-size:13px;line-height:1.5;display:flex}.admin-email-dispatch-detail-page .confirm-send-modal .modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-secondary,.admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-primary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex}.admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-secondary{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-secondary:hover:not(:disabled){background:#e5e7eb}.admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-primary{color:#fff;background:#10b981}.admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-primary:hover:not(:disabled){background:#059669}.admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-secondary:disabled,.admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-email-dispatch-detail-page{background:#1a1a2e}html:not([data-theme=light]) .admin-email-dispatch-detail-page .loading-container p,html:not([data-theme=light]) .admin-email-dispatch-detail-page .not-found-container p{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-detail-page .loading-container h2,html:not([data-theme=light]) .admin-email-dispatch-detail-page .not-found-container h2{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-detail-page .loading-container .back-list-btn,html:not([data-theme=light]) .admin-email-dispatch-detail-page .not-found-container .back-list-btn{background:#4299e1}html:not([data-theme=light]) .admin-email-dispatch-detail-page .loading-container .back-list-btn:hover,html:not([data-theme=light]) .admin-email-dispatch-detail-page .not-found-container .back-list-btn:hover{background:#3182ce}html:not([data-theme=light]) .admin-email-dispatch-detail-page .page-header{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html:not([data-theme=light]) .admin-email-dispatch-detail-page .page-header .header-title .back-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-detail-page .page-header .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-detail-page .page-header .header-title .header-icon{color:#68d391}html:not([data-theme=light]) .admin-email-dispatch-detail-page .page-header .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-detail-page .page-header .dispatch-meta .segment-type-badge{color:#90cdf4;background:#4299e133}html:not([data-theme=light]) .admin-email-dispatch-detail-page .page-header .dispatch-meta .dispatch-id{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-detail-page .page-header .header-actions .send-dispatch-btn{background:#38a169}html:not([data-theme=light]) .admin-email-dispatch-detail-page .page-header .header-actions .send-dispatch-btn:hover{background:#2f855a}html:not([data-theme=light]) .admin-email-dispatch-detail-page .page-header .header-actions .already-sent-notice{color:#a0aec0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatch-detail-page .dispatch-progress-notice{color:#90cdf4;background:#4299e126;border-color:#4299e159}html:not([data-theme=light]) .admin-email-dispatch-detail-page .dispatch-progress-notice strong{color:#bfdbfe}html:not([data-theme=light]) .admin-email-dispatch-detail-page .dispatch-progress-notice p{color:#90cdf4}html:not([data-theme=light]) .admin-email-dispatch-detail-page .dispatch-progress-notice .draft-stuck-hint{color:#fdba74}html:not([data-theme=light]) .admin-email-dispatch-detail-page .dispatch-detail-toast{color:#68d391;background:#68d39126;border-color:#68d39159;box-shadow:0 8px 24px #00000059}html:not([data-theme=light]) .admin-email-dispatch-detail-page .dispatch-detail-toast.is-error{color:#f56565;background:#f5656526;border-color:#f5656559}html:not([data-theme=light]) .admin-email-dispatch-detail-page .summary-card,html:not([data-theme=light]) .admin-email-dispatch-detail-page .content-preview-card{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html:not([data-theme=light]) .admin-email-dispatch-detail-page .summary-card .stat-item{color:#e2e8f0}html:not([data-theme=light]) .admin-email-dispatch-detail-page .summary-card .stat-item.failed{color:#f56565}html:not([data-theme=light]) .admin-email-dispatch-detail-page .summary-card .summary-dates .date{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-detail-page .summary-card .summary-dates .date.completed{color:#68d391}html:not([data-theme=light]) .admin-email-dispatch-detail-page .content-preview-card h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-detail-page .content-preview-card p{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-detail-page .confirm-send-modal{background:#2d3748;box-shadow:0 20px 40px #00000073}html:not([data-theme=light]) .admin-email-dispatch-detail-page .confirm-send-modal .modal-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-detail-page .confirm-send-modal .modal-header h2{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-detail-page .confirm-send-modal .modal-header .close-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-detail-page .confirm-send-modal .modal-header .close-btn:hover:not(:disabled){background:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-detail-page .confirm-send-modal .modal-body .modal-description{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-summary{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-field .confirm-send-label{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-field p{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-error{color:#f56565;background:#f5656526}html:not([data-theme=light]) .admin-email-dispatch-detail-page .confirm-send-modal .modal-footer{border-top-color:#4a5568}html:not([data-theme=light]) .admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-secondary{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-secondary:hover:not(:disabled){background:#718096}html:not([data-theme=light]) .admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-primary{background:#38a169}html:not([data-theme=light]) .admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-primary:hover:not(:disabled){background:#2f855a}}html[data-theme=dark] .admin-email-dispatch-detail-page{background:#1a1a2e}html[data-theme=dark] .admin-email-dispatch-detail-page .loading-container p,html[data-theme=dark] .admin-email-dispatch-detail-page .not-found-container p{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-detail-page .loading-container h2,html[data-theme=dark] .admin-email-dispatch-detail-page .not-found-container h2{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-detail-page .loading-container .back-list-btn,html[data-theme=dark] .admin-email-dispatch-detail-page .not-found-container .back-list-btn{background:#4299e1}html[data-theme=dark] .admin-email-dispatch-detail-page .loading-container .back-list-btn:hover,html[data-theme=dark] .admin-email-dispatch-detail-page .not-found-container .back-list-btn:hover{background:#3182ce}html[data-theme=dark] .admin-email-dispatch-detail-page .page-header{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html[data-theme=dark] .admin-email-dispatch-detail-page .page-header .header-title .back-btn{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-detail-page .page-header .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html[data-theme=dark] .admin-email-dispatch-detail-page .page-header .header-title .header-icon{color:#68d391}html[data-theme=dark] .admin-email-dispatch-detail-page .page-header .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-detail-page .page-header .dispatch-meta .segment-type-badge{color:#90cdf4;background:#4299e133}html[data-theme=dark] .admin-email-dispatch-detail-page .page-header .dispatch-meta .dispatch-id{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-detail-page .page-header .header-actions .send-dispatch-btn{background:#38a169}html[data-theme=dark] .admin-email-dispatch-detail-page .page-header .header-actions .send-dispatch-btn:hover{background:#2f855a}html[data-theme=dark] .admin-email-dispatch-detail-page .page-header .header-actions .already-sent-notice{color:#a0aec0;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatch-detail-page .dispatch-progress-notice{color:#90cdf4;background:#4299e126;border-color:#4299e159}html[data-theme=dark] .admin-email-dispatch-detail-page .dispatch-progress-notice strong{color:#bfdbfe}html[data-theme=dark] .admin-email-dispatch-detail-page .dispatch-progress-notice p{color:#90cdf4}html[data-theme=dark] .admin-email-dispatch-detail-page .dispatch-progress-notice .draft-stuck-hint{color:#fdba74}html[data-theme=dark] .admin-email-dispatch-detail-page .dispatch-detail-toast{color:#68d391;background:#68d39126;border-color:#68d39159;box-shadow:0 8px 24px #00000059}html[data-theme=dark] .admin-email-dispatch-detail-page .dispatch-detail-toast.is-error{color:#f56565;background:#f5656526;border-color:#f5656559}html[data-theme=dark] .admin-email-dispatch-detail-page .summary-card,html[data-theme=dark] .admin-email-dispatch-detail-page .content-preview-card{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html[data-theme=dark] .admin-email-dispatch-detail-page .summary-card .stat-item{color:#e2e8f0}html[data-theme=dark] .admin-email-dispatch-detail-page .summary-card .stat-item.failed{color:#f56565}html[data-theme=dark] .admin-email-dispatch-detail-page .summary-card .summary-dates .date{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-detail-page .summary-card .summary-dates .date.completed{color:#68d391}html[data-theme=dark] .admin-email-dispatch-detail-page .content-preview-card h3{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-detail-page .content-preview-card p{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-detail-page .confirm-send-modal{background:#2d3748;box-shadow:0 20px 40px #00000073}html[data-theme=dark] .admin-email-dispatch-detail-page .confirm-send-modal .modal-header{border-bottom-color:#4a5568}html[data-theme=dark] .admin-email-dispatch-detail-page .confirm-send-modal .modal-header h2{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-detail-page .confirm-send-modal .modal-header .close-btn{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-detail-page .confirm-send-modal .modal-header .close-btn:hover:not(:disabled){background:#4a5568}html[data-theme=dark] .admin-email-dispatch-detail-page .confirm-send-modal .modal-body .modal-description{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-summary{background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-field .confirm-send-label{color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-field p{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-error{color:#f56565;background:#f5656526}html[data-theme=dark] .admin-email-dispatch-detail-page .confirm-send-modal .modal-footer{border-top-color:#4a5568}html[data-theme=dark] .admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-secondary{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-secondary:hover:not(:disabled){background:#718096}html[data-theme=dark] .admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-primary{background:#38a169}html[data-theme=dark] .admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-primary:hover:not(:disabled){background:#2f855a}.loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.loading-container .loading-spinner{border:3px solid #f3f4f6;border-top-color:#10b981;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.loading-container p{color:#6b7280;margin:0;font-size:16px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:300px;display:flex}.empty-state svg{color:#9ca3af}.empty-state h3{color:#374151;margin:0;font-size:18px;font-weight:600}.empty-state p{color:#6b7280;margin:0;font-size:14px}.empty-state .btn-primary{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.empty-state .btn-primary:hover{background:#059669}.dispatch-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.dispatch-grid .dispatch-card{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s;position:relative}.dispatch-grid .dispatch-card:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #10b98126}.dispatch-grid .dispatch-card .dispatch-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.dispatch-grid .dispatch-card .dispatch-header h3{color:#1f2937;flex:1;margin:0;font-size:16px;font-weight:600}.dispatch-grid .dispatch-card .dispatch-header .status-badge{border-radius:12px;margin-left:8px;padding:4px 8px;font-size:11px;font-weight:500}.dispatch-grid .dispatch-card .dispatch-header .status-badge.draft{color:#92400e;background:#fef3c7}.dispatch-grid .dispatch-card .dispatch-preview{color:#6b7280;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.dispatch-grid .dispatch-card .dispatch-meta{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dispatch-grid .dispatch-card .dispatch-meta .segment-type{color:#6b7280;background:#f3f4f6;border-radius:6px;padding:4px 8px;font-size:12px}.dispatch-grid .dispatch-card .dispatch-meta .target-count{color:#10b981;font-size:12px;font-weight:500}.dispatch-grid .dispatch-card .dispatch-actions{color:#10b981;justify-content:flex-end;display:flex}.create-dispatch-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.create-dispatch-form .form-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.create-dispatch-form .form-header .header-title{align-items:center;gap:12px;display:flex}.create-dispatch-form .form-header .header-title svg{color:#10b981}.create-dispatch-form .form-header .header-title h3{color:#1f2937;margin:0;font-size:20px;font-weight:600}.create-dispatch-form .form-header .close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.create-dispatch-form .form-header .close-btn:hover{color:#374151;background:#f3f4f6}.create-dispatch-form .form-grid{flex-direction:column;gap:20px;display:flex}@media (width<=1024px){.create-dispatch-form .form-grid{flex-direction:column}}.create-dispatch-form .form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.create-dispatch-form .form-section .section-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.create-dispatch-form .form-section .section-header svg{color:#10b981}.create-dispatch-form .form-section .section-header h4{color:#1f2937;margin:0;font-size:16px;font-weight:600}.create-dispatch-form .form-section .form-group{margin-bottom:16px}.create-dispatch-form .form-section .form-group:last-child{margin-bottom:0}.create-dispatch-form .form-section .form-group .form-label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.create-dispatch-form .form-section .form-group .form-input,.create-dispatch-form .form-section .form-group .form-select,.create-dispatch-form .form-section .form-group .form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.create-dispatch-form .form-section .form-group .form-input:focus,.create-dispatch-form .form-section .form-group .form-select:focus,.create-dispatch-form .form-section .form-group .form-textarea:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.create-dispatch-form .form-section .form-group .form-input.error,.create-dispatch-form .form-section .form-group .form-select.error,.create-dispatch-form .form-section .form-group .form-textarea.error{background:#fef2f2;border-color:#ef4444}.create-dispatch-form .form-section .form-group .form-input.error:focus,.create-dispatch-form .form-section .form-group .form-select.error:focus,.create-dispatch-form .form-section .form-group .form-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.create-dispatch-form .form-section .form-group .form-textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.create-dispatch-form .form-section .form-group .error-message{color:#ef4444;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.create-dispatch-form .form-section .form-group .error-message svg{flex-shrink:0}.create-dispatch-form .form-section .form-group .error-message.general{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:16px;padding:12px}.create-dispatch-form .form-section .form-group .input-help{color:#6b7280;margin-top:6px;font-size:12px;line-height:1.4}.create-dispatch-form .form-section .form-group .template-selection .selected-template{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info{flex:1}.create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info h4{color:#065f46;margin:0 0 4px;font-size:16px;font-weight:600}.create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info p{color:#047857;margin:0 0 8px;font-size:14px}.create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info .template-preview{color:#6b7280;font-size:12px;line-height:1.4;display:block}.create-dispatch-form .form-section .form-group .template-selection .selected-template .clear-template-btn{flex-shrink:0;transition:all .2s;color:#fff!important;cursor:pointer!important;background:#dc2626!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important;display:flex!important}.create-dispatch-form .form-section .form-group .template-selection .selected-template .clear-template-btn:hover{transform:scale(1.1);background:#b91c1c!important}.create-dispatch-form .form-section .form-group .template-selection .selected-template .clear-template-btn svg{width:16px;height:16px}.create-dispatch-form .form-section .form-group .template-selection .template-options .input-help{margin-top:8px}.create-dispatch-form .form-section .form-group .course-selection .course-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .2s}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card:hover{border-color:#10b981;box-shadow:0 2px 4px #0000001a}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card.selected{background:#f0fdf4;border-color:#10b981}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card .course-info{flex:1}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card .course-info h5{color:#1f2937;margin:0 0 4px;font-size:14px;font-weight:600}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card .course-info p{color:#6b7280;margin:0;font-size:12px}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card .course-checkbox{justify-content:flex-end;margin-top:8px;display:flex}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card .course-checkbox svg{color:#10b981}.create-dispatch-form .form-section .form-group .course-selection .selected-courses{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px}.create-dispatch-form .form-section .form-group .course-selection .selected-courses h5{color:#065f46;margin:0 0 8px;font-size:13px;font-weight:600}.create-dispatch-form .form-section .form-group .course-selection .selected-courses .selected-list{flex-wrap:wrap;gap:6px;display:flex}.create-dispatch-form .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag{color:#047857;background:#fff;border:1px solid #86efac;border-radius:16px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.create-dispatch-form .preview-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:20px}.create-dispatch-form .preview-section .section-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.create-dispatch-form .preview-section .section-header svg{color:#10b981}.create-dispatch-form .preview-section .section-header h4{color:#1f2937;margin:0;font-size:16px;font-weight:600}.create-dispatch-form .preview-section .preview-content{flex-direction:column;gap:12px;display:flex}.create-dispatch-form .preview-section .preview-content .preview-item label{color:#6b7280;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.create-dispatch-form .preview-section .preview-content .preview-item .preview-text{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;font-size:14px}.create-dispatch-form .preview-section .preview-content .preview-item .preview-body{color:#374151;white-space:pre-wrap;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-height:60px;padding:12px;font-size:14px;line-height:1.5}.create-dispatch-form .form-actions{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.create-dispatch-form .form-actions .preview-toggle-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.create-dispatch-form .form-actions .preview-toggle-btn:hover{background:#e5e7eb}.create-dispatch-form .form-actions .action-buttons{gap:12px;display:flex}.create-dispatch-form .form-actions .action-buttons .btn-secondary,.create-dispatch-form .form-actions .action-buttons .btn-primary{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.create-dispatch-form .form-actions .action-buttons .btn-secondary:disabled,.create-dispatch-form .form-actions .action-buttons .btn-primary:disabled{opacity:.6;cursor:not-allowed}.create-dispatch-form .form-actions .action-buttons .btn-secondary{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.create-dispatch-form .form-actions .action-buttons .btn-secondary:hover:not(:disabled){background:#e5e7eb}.create-dispatch-form .form-actions .action-buttons .btn-primary{color:#fff;background:#10b981;border:none}.create-dispatch-form .form-actions .action-buttons .btn-primary:hover:not(:disabled){background:#059669}.create-dispatch-form .form-actions .action-buttons .btn-primary .loading-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .loading-container .loading-spinner{border-color:#10b981 #4a5568 #4a5568}html:not([data-theme=light]) .loading-container p{color:#a0aec0}html:not([data-theme=light]) .empty-state svg{color:#718096}html:not([data-theme=light]) .empty-state h3{color:#f1f5f9}html:not([data-theme=light]) .empty-state p{color:#a0aec0}html:not([data-theme=light]) .empty-state .btn-primary{background:#10b981}html:not([data-theme=light]) .empty-state .btn-primary:hover{background:#059669}html:not([data-theme=light]) .dispatch-grid .dispatch-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .dispatch-grid .dispatch-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126}html:not([data-theme=light]) .dispatch-grid .dispatch-card .dispatch-header h3{color:#f1f5f9}html:not([data-theme=light]) .dispatch-grid .dispatch-card .dispatch-preview{color:#a0aec0}html:not([data-theme=light]) .dispatch-grid .dispatch-card .dispatch-meta .segment-type{color:#a0aec0;background:#4a5568}html:not([data-theme=light]) .create-dispatch-form{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .create-dispatch-form .form-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .create-dispatch-form .form-header .header-title svg{color:#10b981}html:not([data-theme=light]) .create-dispatch-form .form-header .header-title h3{color:#f1f5f9}html:not([data-theme=light]) .create-dispatch-form .form-header .close-btn{color:#a0aec0}html:not([data-theme=light]) .create-dispatch-form .form-header .close-btn:hover{color:#f1f5f9;background:#4a5568}html:not([data-theme=light]) .create-dispatch-form .form-section{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .create-dispatch-form .form-section .section-header{border-bottom-color:#718096}html:not([data-theme=light]) .create-dispatch-form .form-section .section-header svg{color:#10b981}html:not([data-theme=light]) .create-dispatch-form .form-section .section-header h4{color:#f1f5f9}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .form-label{color:#d1d5db}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .form-input,html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .form-select,html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .form-textarea{color:#f1f5f9;background:#374151;border-color:#718096}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .form-input:focus,html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .form-select:focus,html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .form-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .form-input.error,html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .form-select.error,html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .form-textarea.error{background:#7f1d1d;border-color:#ef4444}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .form-input.error:focus,html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .form-select.error:focus,html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .form-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .error-message{color:#fca5a5}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .error-message.general{background:#7f1d1d;border-color:#dc2626}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .input-help{color:#a0aec0}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .template-selection .selected-template{background:#064e3b;border-color:#10b981}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info h4{color:#6ee7b7}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info p{color:#34d399}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info .template-preview{color:#a0aec0}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card{background:#374151;border-color:#718096}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card:hover{border-color:#10b981}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card.selected{background:#064e3b;border-color:#10b981}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card .course-info h5{color:#f1f5f9}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card .course-info p{color:#a0aec0}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .course-selection .selected-courses{background:#064e3b;border-color:#10b981}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .course-selection .selected-courses h5{color:#6ee7b7}html:not([data-theme=light]) .create-dispatch-form .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag{color:#34d399;background:#374151;border-color:#34d399}html:not([data-theme=light]) .create-dispatch-form .preview-section{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .create-dispatch-form .preview-section .section-header{border-bottom-color:#718096}html:not([data-theme=light]) .create-dispatch-form .preview-section .section-header svg{color:#10b981}html:not([data-theme=light]) .create-dispatch-form .preview-section .section-header h4{color:#f1f5f9}html:not([data-theme=light]) .create-dispatch-form .preview-section .preview-content .preview-item label{color:#a0aec0}html:not([data-theme=light]) .create-dispatch-form .preview-section .preview-content .preview-item .preview-text{color:#f1f5f9;background:#374151;border-color:#718096}html:not([data-theme=light]) .create-dispatch-form .preview-section .preview-content .preview-item .preview-body{color:#d1d5db;background:#374151;border-color:#718096}html:not([data-theme=light]) .create-dispatch-form .form-actions{border-top-color:#718096}html:not([data-theme=light]) .create-dispatch-form .form-actions .preview-toggle-btn{color:#d1d5db;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .create-dispatch-form .form-actions .preview-toggle-btn:hover{background:#718096}html:not([data-theme=light]) .create-dispatch-form .form-actions .action-buttons .btn-secondary{color:#d1d5db;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .create-dispatch-form .form-actions .action-buttons .btn-secondary:hover:not(:disabled){background:#718096}html:not([data-theme=light]) .create-dispatch-form .form-actions .action-buttons .btn-primary{background:#10b981}html:not([data-theme=light]) .create-dispatch-form .form-actions .action-buttons .btn-primary:hover:not(:disabled){background:#059669}}html[data-theme=dark] .loading-container .loading-spinner{border-color:#10b981 #4a5568 #4a5568}html[data-theme=dark] .loading-container p{color:#a0aec0}html[data-theme=dark] .empty-state svg{color:#718096}html[data-theme=dark] .empty-state h3{color:#f1f5f9}html[data-theme=dark] .empty-state p{color:#a0aec0}html[data-theme=dark] .empty-state .btn-primary{background:#10b981}html[data-theme=dark] .empty-state .btn-primary:hover{background:#059669}html[data-theme=dark] .dispatch-grid .dispatch-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .dispatch-grid .dispatch-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126}html[data-theme=dark] .dispatch-grid .dispatch-card .dispatch-header h3{color:#f1f5f9}html[data-theme=dark] .dispatch-grid .dispatch-card .dispatch-preview{color:#a0aec0}html[data-theme=dark] .dispatch-grid .dispatch-card .dispatch-meta .segment-type{color:#a0aec0;background:#4a5568}html[data-theme=dark] .create-dispatch-form{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .create-dispatch-form .form-header{border-bottom-color:#4a5568}html[data-theme=dark] .create-dispatch-form .form-header .header-title svg{color:#10b981}html[data-theme=dark] .create-dispatch-form .form-header .header-title h3{color:#f1f5f9}html[data-theme=dark] .create-dispatch-form .form-header .close-btn{color:#a0aec0}html[data-theme=dark] .create-dispatch-form .form-header .close-btn:hover{color:#f1f5f9;background:#4a5568}html[data-theme=dark] .create-dispatch-form .form-section{background:#4a5568;border-color:#718096}html[data-theme=dark] .create-dispatch-form .form-section .section-header{border-bottom-color:#718096}html[data-theme=dark] .create-dispatch-form .form-section .section-header svg{color:#10b981}html[data-theme=dark] .create-dispatch-form .form-section .section-header h4{color:#f1f5f9}html[data-theme=dark] .create-dispatch-form .form-section .form-group .form-label{color:#d1d5db}html[data-theme=dark] .create-dispatch-form .form-section .form-group .form-input,html[data-theme=dark] .create-dispatch-form .form-section .form-group .form-select,html[data-theme=dark] .create-dispatch-form .form-section .form-group .form-textarea{color:#f1f5f9;background:#374151;border-color:#718096}html[data-theme=dark] .create-dispatch-form .form-section .form-group .form-input:focus,html[data-theme=dark] .create-dispatch-form .form-section .form-group .form-select:focus,html[data-theme=dark] .create-dispatch-form .form-section .form-group .form-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}html[data-theme=dark] .create-dispatch-form .form-section .form-group .form-input.error,html[data-theme=dark] .create-dispatch-form .form-section .form-group .form-select.error,html[data-theme=dark] .create-dispatch-form .form-section .form-group .form-textarea.error{background:#7f1d1d;border-color:#ef4444}html[data-theme=dark] .create-dispatch-form .form-section .form-group .form-input.error:focus,html[data-theme=dark] .create-dispatch-form .form-section .form-group .form-select.error:focus,html[data-theme=dark] .create-dispatch-form .form-section .form-group .form-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}html[data-theme=dark] .create-dispatch-form .form-section .form-group .error-message{color:#fca5a5}html[data-theme=dark] .create-dispatch-form .form-section .form-group .error-message.general{background:#7f1d1d;border-color:#dc2626}html[data-theme=dark] .create-dispatch-form .form-section .form-group .input-help{color:#a0aec0}html[data-theme=dark] .create-dispatch-form .form-section .form-group .template-selection .selected-template{background:#064e3b;border-color:#10b981}html[data-theme=dark] .create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info h4{color:#6ee7b7}html[data-theme=dark] .create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info p{color:#34d399}html[data-theme=dark] .create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info .template-preview{color:#a0aec0}html[data-theme=dark] .create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card{background:#374151;border-color:#718096}html[data-theme=dark] .create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card:hover{border-color:#10b981}html[data-theme=dark] .create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card.selected{background:#064e3b;border-color:#10b981}html[data-theme=dark] .create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card .course-info h5{color:#f1f5f9}html[data-theme=dark] .create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card .course-info p{color:#a0aec0}html[data-theme=dark] .create-dispatch-form .form-section .form-group .course-selection .selected-courses{background:#064e3b;border-color:#10b981}html[data-theme=dark] .create-dispatch-form .form-section .form-group .course-selection .selected-courses h5{color:#6ee7b7}html[data-theme=dark] .create-dispatch-form .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag{color:#34d399;background:#374151;border-color:#34d399}html[data-theme=dark] .create-dispatch-form .preview-section{background:#4a5568;border-color:#718096}html[data-theme=dark] .create-dispatch-form .preview-section .section-header{border-bottom-color:#718096}html[data-theme=dark] .create-dispatch-form .preview-section .section-header svg{color:#10b981}html[data-theme=dark] .create-dispatch-form .preview-section .section-header h4{color:#f1f5f9}html[data-theme=dark] .create-dispatch-form .preview-section .preview-content .preview-item label{color:#a0aec0}html[data-theme=dark] .create-dispatch-form .preview-section .preview-content .preview-item .preview-text{color:#f1f5f9;background:#374151;border-color:#718096}html[data-theme=dark] .create-dispatch-form .preview-section .preview-content .preview-item .preview-body{color:#d1d5db;background:#374151;border-color:#718096}html[data-theme=dark] .create-dispatch-form .form-actions{border-top-color:#718096}html[data-theme=dark] .create-dispatch-form .form-actions .preview-toggle-btn{color:#d1d5db;background:#4a5568;border-color:#718096}html[data-theme=dark] .create-dispatch-form .form-actions .preview-toggle-btn:hover{background:#718096}html[data-theme=dark] .create-dispatch-form .form-actions .action-buttons .btn-secondary{color:#d1d5db;background:#4a5568;border-color:#718096}html[data-theme=dark] .create-dispatch-form .form-actions .action-buttons .btn-secondary:hover:not(:disabled){background:#718096}html[data-theme=dark] .create-dispatch-form .form-actions .action-buttons .btn-primary{background:#10b981}html[data-theme=dark] .create-dispatch-form .form-actions .action-buttons .btn-primary:hover:not(:disabled){background:#059669}.preview-container{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.preview-container{grid-template-columns:1fr 1fr}}.preview-container .email-preview .preview-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.preview-container .email-preview .preview-header h3{color:var(--text-heading);margin:0;font-size:18px;font-weight:600}.preview-container .email-preview .preview-header .preview-toggle{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border:1px solid var(--input-border);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;transition:all .2s;display:flex}.preview-container .email-preview .preview-header .preview-toggle:hover{background:var(--border-muted)}.preview-container .email-preview .preview-content{background:var(--surface-1);border:1px solid var(--border-default);border-radius:8px;padding:16px}.preview-container .email-preview .preview-content .email-subject{margin-bottom:12px;font-size:14px}.preview-container .email-preview .preview-content .email-subject strong{color:var(--btn-secondary-fg);margin-right:8px}.preview-container .email-preview .preview-content .email-subject span{color:var(--text-heading)}.preview-container .email-preview .preview-content .email-body .email-text{color:var(--btn-secondary-fg);white-space:pre-wrap;background:var(--surface-0);border:1px solid var(--border-default);border-radius:6px;padding:12px;font-size:14px;line-height:1.6}.preview-container .target-info h3{color:var(--text-heading);margin:0 0 16px;font-size:18px;font-weight:600}.preview-container .target-info .target-summary{gap:16px;margin-bottom:20px;display:flex}.preview-container .target-info .target-summary .summary-item{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.preview-container .target-info .target-summary .summary-item svg{color:var(--success-dot)}.preview-container .target-info .recipients-list{background:var(--surface-1);border:1px solid var(--border-default);border-radius:8px;padding:16px}.preview-container .target-info .recipients-list h4{color:var(--btn-secondary-fg);margin:0 0 12px;font-size:14px;font-weight:600}.preview-container .target-info .recipients-list .recipients-grid{gap:8px;max-height:300px;display:grid;overflow-y:auto}.preview-container .target-info .recipients-list .recipients-grid .recipient-item{background:var(--surface-0);border:1px solid var(--border-default);border-radius:6px;padding:12px}.preview-container .target-info .recipients-list .recipients-grid .recipient-item .recipient-info{flex-direction:column;gap:4px;display:flex}.preview-container .target-info .recipients-list .recipients-grid .recipient-item .recipient-info strong{color:var(--text-heading);font-size:14px}.preview-container .target-info .recipients-list .recipients-grid .recipient-item .recipient-info span{color:var(--text-muted);font-size:12px}.step-actions{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:24px;display:flex}.step-actions .btn-secondary:disabled,.step-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.step-actions .btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border:1px solid var(--input-border)}.step-actions .btn-secondary:hover:not(:disabled){background:var(--border-muted);border-color:var(--input-placeholder)}.step-actions .btn-primary{background:var(--success-dot);color:#fff;border:none}.step-actions .btn-primary:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .preview-container .target-info h3{color:#f1f5f9}html:not([data-theme=light]) .preview-container .target-info .target-summary .summary-item{color:#a0aec0}html:not([data-theme=light]) .preview-container .target-info .recipients-list{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .preview-container .target-info .recipients-list h4{color:#d1d5db}html:not([data-theme=light]) .preview-container .target-info .recipients-list .recipients-grid .recipient-item{background:#374151;border-color:#718096}html:not([data-theme=light]) .preview-container .target-info .recipients-list .recipients-grid .recipient-item .recipient-info strong{color:#f1f5f9}html:not([data-theme=light]) .preview-container .target-info .recipients-list .recipients-grid .recipient-item .recipient-info span{color:#a0aec0}html:not([data-theme=light]) .step-actions{border-top-color:#718096}html:not([data-theme=light]) .step-actions .btn-secondary{color:#d1d5db;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .step-actions .btn-secondary:hover:not(:disabled){background:#718096;border-color:#a0aec0}html:not([data-theme=light]) .step-actions .btn-primary{background:var(--success-dot)}html:not([data-theme=light]) .step-actions .btn-primary:hover:not(:disabled){background:#059669}}html[data-theme=dark] .preview-container .target-info h3{color:#f1f5f9}html[data-theme=dark] .preview-container .target-info .target-summary .summary-item{color:#a0aec0}html[data-theme=dark] .preview-container .target-info .recipients-list{background:#4a5568;border-color:#718096}html[data-theme=dark] .preview-container .target-info .recipients-list h4{color:#d1d5db}html[data-theme=dark] .preview-container .target-info .recipients-list .recipients-grid .recipient-item{background:#374151;border-color:#718096}html[data-theme=dark] .preview-container .target-info .recipients-list .recipients-grid .recipient-item .recipient-info strong{color:#f1f5f9}html[data-theme=dark] .preview-container .target-info .recipients-list .recipients-grid .recipient-item .recipient-info span{color:#a0aec0}html[data-theme=dark] .step-actions .btn-secondary:hover:not(:disabled){background:#718096;border-color:#a0aec0}.schedule-options{max-width:600px;margin:0 auto}.schedule-options .form-group{margin-bottom:24px}.schedule-options .form-group .form-label{color:#374151;margin-bottom:12px;font-size:14px;font-weight:600;display:block}.schedule-options .form-group .radio-group{flex-direction:column;gap:12px;display:flex}.schedule-options .form-group .radio-group .radio-option{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex;position:relative}.schedule-options .form-group .radio-group .radio-option:hover{background:#f0fdf4;border-color:#10b981}.schedule-options .form-group .radio-group .radio-option input[type=radio]{opacity:0;cursor:pointer;position:absolute}.schedule-options .form-group .radio-group .radio-option input[type=radio]:checked+.radio-custom{background:#10b981;border-color:#10b981}.schedule-options .form-group .radio-group .radio-option input[type=radio]:checked+.radio-custom:after{opacity:1}.schedule-options .form-group .radio-group .radio-option input[type=radio]:checked~.radio-content{color:#1f2937}.schedule-options .form-group .radio-group .radio-option .radio-custom{background:#fff;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:all .2s;position:relative}.schedule-options .form-group .radio-group .radio-option .radio-custom:after{content:"";opacity:0;background:#fff;border-radius:50%;width:8px;height:8px;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.schedule-options .form-group .radio-group .radio-option .radio-content{color:#6b7280;align-items:center;gap:12px;transition:all .2s;display:flex}.schedule-options .form-group .radio-group .radio-option .radio-content svg{color:#10b981;flex-shrink:0}.schedule-options .form-group .radio-group .radio-option .radio-content div strong{margin-bottom:2px;font-size:14px;font-weight:600;display:block}.schedule-options .form-group .radio-group .radio-option .radio-content div p{margin:0;font-size:12px;line-height:1.4}.schedule-options .form-group .form-input,.schedule-options .form-group .form-select{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.schedule-options .form-group .form-input:focus,.schedule-options .form-group .form-select:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.schedule-options .form-group .form-input.error,.schedule-options .form-group .form-select.error{border-color:#ef4444}.schedule-options .form-group .form-select{cursor:pointer}.schedule-options .form-group .error-message{color:#ef4444;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.step-actions{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;display:flex}.step-actions .btn-secondary,.step-actions .btn-primary{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.step-actions .btn-secondary{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.step-actions .btn-secondary:hover{background:#e5e7eb}.step-actions .btn-primary{color:#fff;background:#10b981;border:none}.step-actions .btn-primary:hover:not(:disabled){background:#059669}.step-actions .btn-primary:disabled{cursor:not-allowed;background:#9ca3af}.step-actions .btn-primary .loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .schedule-options .form-group .form-label{color:#d1d5db}html:not([data-theme=light]) .schedule-options .form-group .radio-group .radio-option{background:#374151;border-color:#718096}html:not([data-theme=light]) .schedule-options .form-group .radio-group .radio-option:hover{background:#064e3b;border-color:#10b981}html:not([data-theme=light]) .schedule-options .form-group .radio-group .radio-option input[type=radio]:checked+.radio-custom{background:#10b981;border-color:#10b981}html:not([data-theme=light]) .schedule-options .form-group .radio-group .radio-option input[type=radio]:checked~.radio-content{color:#f1f5f9}html:not([data-theme=light]) .schedule-options .form-group .radio-group .radio-option .radio-custom{background:#4a5568;border-color:#a0aec0}html:not([data-theme=light]) .schedule-options .form-group .radio-group .radio-option .radio-content{color:#a0aec0}html:not([data-theme=light]) .schedule-options .form-group .radio-group .radio-option .radio-content div strong{color:#f1f5f9}html:not([data-theme=light]) .schedule-options .form-group .radio-group .radio-option .radio-content div p{color:#a0aec0}html:not([data-theme=light]) .schedule-options .form-group .form-input,html:not([data-theme=light]) .schedule-options .form-group .form-select{color:#f1f5f9;background:#374151;border-color:#718096}html:not([data-theme=light]) .schedule-options .form-group .form-input:focus,html:not([data-theme=light]) .schedule-options .form-group .form-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}html:not([data-theme=light]) .schedule-options .form-group .form-input.error,html:not([data-theme=light]) .schedule-options .form-group .form-select.error{border-color:#ef4444}html:not([data-theme=light]) .schedule-options .form-group .error-message{color:#fca5a5}html:not([data-theme=light]) .step-actions{border-top-color:#718096}html:not([data-theme=light]) .step-actions .btn-secondary{color:#d1d5db;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .step-actions .btn-secondary:hover{background:#718096}html:not([data-theme=light]) .step-actions .btn-primary{background:#10b981}html:not([data-theme=light]) .step-actions .btn-primary:hover:not(:disabled){background:#059669}html:not([data-theme=light]) .step-actions .btn-primary:disabled{background:#9ca3af}}html[data-theme=dark] .schedule-options .form-group .form-label{color:#d1d5db}html[data-theme=dark] .schedule-options .form-group .radio-group .radio-option{background:#374151;border-color:#718096}html[data-theme=dark] .schedule-options .form-group .radio-group .radio-option:hover{background:#064e3b;border-color:#10b981}html[data-theme=dark] .schedule-options .form-group .radio-group .radio-option input[type=radio]:checked+.radio-custom{background:#10b981;border-color:#10b981}html[data-theme=dark] .schedule-options .form-group .radio-group .radio-option input[type=radio]:checked~.radio-content{color:#f1f5f9}html[data-theme=dark] .schedule-options .form-group .radio-group .radio-option .radio-custom{background:#4a5568;border-color:#a0aec0}html[data-theme=dark] .schedule-options .form-group .radio-group .radio-option .radio-content{color:#a0aec0}html[data-theme=dark] .schedule-options .form-group .radio-group .radio-option .radio-content div strong{color:#f1f5f9}html[data-theme=dark] .schedule-options .form-group .radio-group .radio-option .radio-content div p{color:#a0aec0}html[data-theme=dark] .schedule-options .form-group .form-input,html[data-theme=dark] .schedule-options .form-group .form-select{color:#f1f5f9;background:#374151;border-color:#718096}html[data-theme=dark] .schedule-options .form-group .form-input:focus,html[data-theme=dark] .schedule-options .form-group .form-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}html[data-theme=dark] .schedule-options .form-group .form-input.error,html[data-theme=dark] .schedule-options .form-group .form-select.error{border-color:#ef4444}html[data-theme=dark] .schedule-options .form-group .error-message{color:#fca5a5}html[data-theme=dark] .step-actions{border-top-color:#718096}html[data-theme=dark] .step-actions .btn-secondary{color:#d1d5db;background:#4a5568;border-color:#718096}html[data-theme=dark] .step-actions .btn-secondary:hover{background:#718096}html[data-theme=dark] .step-actions .btn-primary{background:#10b981}html[data-theme=dark] .step-actions .btn-primary:hover:not(:disabled){background:#059669}html[data-theme=dark] .step-actions .btn-primary:disabled{background:#9ca3af}.success-container{text-align:center;max-width:500px;margin:0 auto}.success-container .success-icon{color:#10b981;margin-bottom:24px}.success-container h2{color:#1f2937;margin:0 0 12px;font-size:24px;font-weight:700}.success-container p{color:#6b7280;margin:0 0 24px;font-size:16px}.success-container .success-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:32px;padding:20px}.success-container .success-details .detail-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.success-container .success-details .detail-item:last-child{border-bottom:none}.success-container .success-details .detail-item strong{color:#6b7280;font-size:14px;font-weight:500}.success-container .success-details .detail-item span{color:#1f2937;font-size:14px;font-weight:600}.success-container .success-actions{justify-content:center;gap:12px;display:flex}.success-container .success-actions .btn-secondary,.success-container .success-actions .btn-primary{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.success-container .success-actions .btn-secondary{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.success-container .success-actions .btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.success-container .success-actions .btn-primary{color:#fff;background:#10b981;border:none}.success-container .success-actions .btn-primary:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .success-container h2{color:#f1f5f9}html:not([data-theme=light]) .success-container p{color:#a0aec0}html:not([data-theme=light]) .success-container .success-details{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .success-container .success-details .detail-item{border-bottom-color:#718096}html:not([data-theme=light]) .success-container .success-details .detail-item strong{color:#a0aec0}html:not([data-theme=light]) .success-container .success-details .detail-item span{color:#f1f5f9}html:not([data-theme=light]) .success-container .success-actions .btn-secondary{color:#d1d5db;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .success-container .success-actions .btn-secondary:hover{background:#718096;border-color:#a0aec0}html:not([data-theme=light]) .success-container .success-actions .btn-primary{background:#10b981}html:not([data-theme=light]) .success-container .success-actions .btn-primary:hover{background:#059669}}html[data-theme=dark] .success-container h2{color:#f1f5f9}html[data-theme=dark] .success-container p{color:#a0aec0}html[data-theme=dark] .success-container .success-details{background:#4a5568;border-color:#718096}html[data-theme=dark] .success-container .success-details .detail-item{border-bottom-color:#718096}html[data-theme=dark] .success-container .success-details .detail-item strong{color:#a0aec0}html[data-theme=dark] .success-container .success-details .detail-item span{color:#f1f5f9}html[data-theme=dark] .success-container .success-actions .btn-secondary{color:#d1d5db;background:#4a5568;border-color:#718096}html[data-theme=dark] .success-container .success-actions .btn-secondary:hover{background:#718096;border-color:#a0aec0}html[data-theme=dark] .success-container .success-actions .btn-primary{background:#10b981}html[data-theme=dark] .success-container .success-actions .btn-primary:hover{background:#059669}.admin-email-send-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-email-send-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-send-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.admin-email-send-page .page-header .header-content .header-title .back-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.admin-email-send-page .page-header .header-content .header-title .back-btn:hover{color:#374151;background:#f3f4f6}.admin-email-send-page .page-header .header-content .header-title .header-icon{color:#10b981}.admin-email-send-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.admin-email-send-page .page-header .header-content .header-title p{color:#6b7280;margin:0;font-size:14px}.admin-email-send-page .step-indicator{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;margin-bottom:32px;padding:24px;display:flex;box-shadow:0 1px 3px #0000001a}.admin-email-send-page .step-indicator .step-item{flex-direction:column;align-items:center;gap:8px;min-width:120px;display:flex}.admin-email-send-page .step-indicator .step-item .step-number{color:#6b7280;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.admin-email-send-page .step-indicator .step-item .step-number.active{color:#fff;background:#10b981}.admin-email-send-page .step-indicator .step-item .step-number svg{color:#fff}.admin-email-send-page .step-indicator .step-item span{color:#6b7280;text-align:center;font-size:12px;font-weight:500}.admin-email-send-page .step-indicator .step-line{background:#e5e7eb;width:60px;height:2px;margin:0 16px;transition:all .2s}.admin-email-send-page .step-indicator .step-line.active{background:#10b981}.admin-email-send-page .main-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.admin-email-send-page .main-content .step-content .step-header{text-align:center;margin-bottom:32px}.admin-email-send-page .main-content .step-content .step-header h2{color:#1f2937;margin:0 0 8px;font-size:24px;font-weight:700}.admin-email-send-page .main-content .step-content .step-header p{color:#6b7280;margin:0;font-size:16px}.admin-email-send-page .main-content .step-content .step-header .header-actions{justify-content:flex-end;margin-top:16px;display:flex}.admin-email-send-page .main-content .step-content .step-header .header-actions .btn-primary{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-email-send-page .main-content .step-content .step-header .header-actions .btn-primary:hover{background:#059669}.admin-email-send-page .main-content .step-content .step-header .header-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (width<=1024px){.admin-email-send-page{padding:16px}.admin-email-send-page .page-header{padding:20px}.admin-email-send-page .step-indicator{padding:20px;overflow-x:auto}.admin-email-send-page .step-indicator .step-item{min-width:100px}.admin-email-send-page .step-indicator .step-item span{font-size:11px}.admin-email-send-page .step-indicator .step-line{width:40px}.admin-email-send-page .main-content{padding:24px}}@media (width<=768px){.admin-email-send-page{padding:12px}.admin-email-send-page .page-header{padding:16px}.admin-email-send-page .page-header .header-content .header-title{gap:12px}.admin-email-send-page .page-header .header-content .header-title h1{font-size:20px}.admin-email-send-page .page-header .header-content .header-title p{font-size:12px}.admin-email-send-page .step-indicator{padding:16px}.admin-email-send-page .step-indicator .step-item{min-width:80px}.admin-email-send-page .step-indicator .step-item .step-number{width:28px;height:28px;font-size:12px}.admin-email-send-page .step-indicator .step-item span{font-size:10px}.admin-email-send-page .step-indicator .step-line{width:30px;margin:0 8px}.admin-email-send-page .main-content{padding:20px}.admin-email-send-page .main-content .step-content .step-header h2{font-size:20px}.admin-email-send-page .main-content .step-content .step-header p{font-size:14px}}@media (width<=480px){.admin-email-send-page{padding:8px}.admin-email-send-page .page-header{padding:12px}.admin-email-send-page .page-header .header-content .header-title h1{font-size:18px}.admin-email-send-page .step-indicator{flex-wrap:wrap;justify-content:center;gap:8px}.admin-email-send-page .step-indicator .step-line{display:none}.admin-email-send-page .main-content{padding:16px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-email-send-page{background:#1a202c}html:not([data-theme=light]) .admin-email-send-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-send-page .page-header .header-content .header-title .back-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-send-page .page-header .header-content .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html:not([data-theme=light]) .admin-email-send-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-email-send-page .page-header .header-content .header-title p{color:#a0aec0}html:not([data-theme=light]) .admin-email-send-page .step-indicator{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-send-page .step-indicator .step-item .step-number{color:#a0aec0;background:#4a5568}html:not([data-theme=light]) .admin-email-send-page .step-indicator .step-item .step-number.active{color:#fff;background:#10b981}html:not([data-theme=light]) .admin-email-send-page .step-indicator .step-item span{color:#a0aec0}html:not([data-theme=light]) .admin-email-send-page .step-indicator .step-line{background:#4a5568}html:not([data-theme=light]) .admin-email-send-page .step-indicator .step-line.active{background:#10b981}html:not([data-theme=light]) .admin-email-send-page .main-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-send-page .main-content .step-content .step-header h2{color:#f1f5f9}html:not([data-theme=light]) .admin-email-send-page .main-content .step-content .step-header p{color:#a0aec0}html:not([data-theme=light]) .admin-email-send-page .main-content .step-content .step-header .header-actions .btn-primary{background:#10b981}html:not([data-theme=light]) .admin-email-send-page .main-content .step-content .step-header .header-actions .btn-primary:hover{background:#059669}html:not([data-theme=light]) .admin-email-send-page .main-content .step-content .step-header .header-actions .btn-primary:disabled{opacity:.6}}html[data-theme=dark] .admin-email-send-page{background:#1a202c}html[data-theme=dark] .admin-email-send-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-send-page .page-header .header-content .header-title .back-btn{color:#a0aec0}html[data-theme=dark] .admin-email-send-page .page-header .header-content .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html[data-theme=dark] .admin-email-send-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-email-send-page .page-header .header-content .header-title p{color:#a0aec0}html[data-theme=dark] .admin-email-send-page .step-indicator{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-send-page .step-indicator .step-item .step-number{color:#a0aec0;background:#4a5568}html[data-theme=dark] .admin-email-send-page .step-indicator .step-item .step-number.active{color:#fff;background:#10b981}html[data-theme=dark] .admin-email-send-page .step-indicator .step-item span{color:#a0aec0}html[data-theme=dark] .admin-email-send-page .step-indicator .step-line{background:#4a5568}html[data-theme=dark] .admin-email-send-page .step-indicator .step-line.active{background:#10b981}html[data-theme=dark] .admin-email-send-page .main-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-send-page .main-content .step-content .step-header h2{color:#f1f5f9}html[data-theme=dark] .admin-email-send-page .main-content .step-content .step-header p{color:#a0aec0}html[data-theme=dark] .admin-email-send-page .main-content .step-content .step-header .header-actions .btn-primary{background:#10b981}html[data-theme=dark] .admin-email-send-page .main-content .step-content .step-header .header-actions .btn-primary:hover{background:#059669}html[data-theme=dark] .admin-email-send-page .main-content .step-content .step-header .header-actions .btn-primary:disabled{opacity:.6}.toggle-switch{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-switch .toggle-switch-track{background:#d1d5db;border-radius:999px;width:44px;height:24px;transition:background-color .2s;position:relative}.toggle-switch .toggle-switch-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch.is-on .toggle-switch-track{background:#10b981}.toggle-switch.is-on .toggle-switch-thumb{transform:translate(20px)}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .toggle-switch .toggle-switch-track{background:#475569}html:not([data-theme=light]) .toggle-switch .toggle-switch-thumb{background:#f1f5f9;box-shadow:0 1px 3px #00000059}html:not([data-theme=light]) .toggle-switch.is-on .toggle-switch-track{background:#10b981}}html[data-theme=dark] .toggle-switch .toggle-switch-track{background:#475569}html[data-theme=dark] .toggle-switch .toggle-switch-thumb{background:#f1f5f9;box-shadow:0 1px 3px #00000059}html[data-theme=dark] .toggle-switch.is-on .toggle-switch-track{background:#10b981}.admin-email-settings-page{background:var(--surface-1);min-height:100vh;padding:24px}.admin-email-settings-page .page-header{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-settings-page .page-header .header-title{align-items:flex-start;gap:16px;display:flex}.admin-email-settings-page .page-header .header-title .back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px}.admin-email-settings-page .page-header .header-title .back-btn:hover{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg)}.admin-email-settings-page .page-header .header-title .header-icon{color:#6366f1}.admin-email-settings-page .page-header .header-title h1{color:var(--text-heading);margin:0 0 4px;font-size:24px;font-weight:700}.admin-email-settings-page .page-header .header-title .header-description{color:var(--text-muted);margin:0;font-size:14px}.admin-email-settings-page .settings-content{flex-direction:column;gap:16px;display:flex}.admin-email-settings-page .attendance-settings-section{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-email-settings-page .section-header-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.admin-email-settings-page .section-header-row h2{color:var(--text-heading);margin:0 0 6px;font-size:18px;font-weight:700}.admin-email-settings-page .section-header-row p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.admin-email-settings-page .toggle-control{align-items:center;min-height:32px;display:flex}.admin-email-settings-page .section-inline-error,.admin-email-settings-page .section-error,.admin-email-settings-page .section-loading{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.admin-email-settings-page .section-error{flex-direction:column;align-items:flex-start}.admin-email-settings-page .section-loading{justify-content:center;padding:24px 0}.admin-email-settings-page .default-template-card{background:var(--surface-1);border:1px dashed #d1d5db;border-radius:10px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;display:flex}.admin-email-settings-page .default-template-card p{color:var(--text-muted);margin:0;font-size:14px}.admin-email-settings-page .attendance-template-form.is-active{position:relative}.admin-email-settings-page .attendance-template-view .template-view-header{margin-bottom:16px}.admin-email-settings-page .attendance-template-view .template-list-item-name{color:var(--text-heading);font-size:16px;font-weight:700}.admin-email-settings-page .attendance-template-view .template-view-fields{flex-direction:column;gap:14px;display:flex}.admin-email-settings-page .attendance-template-view .template-view-field .view-label{color:var(--btn-secondary-fg);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.admin-email-settings-page .attendance-template-view .template-view-field .view-value{background:var(--surface-1);color:var(--text-heading);word-break:break-word;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.5}.admin-email-settings-page .attendance-template-view .template-view-field .view-value-body{white-space:pre-wrap;min-height:120px;margin:0;font-family:inherit}.admin-email-settings-page .active-template-badge{color:#047857;background:#d1fae5;border-radius:999px;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.admin-email-settings-page .form-grid-with-panel{grid-template-columns:1fr 240px;gap:16px;display:grid}@media (width<=900px){.admin-email-settings-page .form-grid-with-panel{grid-template-columns:1fr}}.admin-email-settings-page .form-group{margin-bottom:14px}.admin-email-settings-page .form-label{color:var(--btn-secondary-fg);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.admin-email-settings-page .form-input,.admin-email-settings-page .form-textarea{border:1px solid var(--input-border);width:100%;color:var(--text-heading);background:var(--surface-0);border-radius:8px;padding:10px 12px;font-size:14px}.admin-email-settings-page .form-input.error,.admin-email-settings-page .form-textarea.error{border-color:var(--error-fg)}.admin-email-settings-page .form-input:focus,.admin-email-settings-page .form-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.admin-email-settings-page .form-textarea{resize:vertical;min-height:160px;font-family:inherit;line-height:1.5}.admin-email-settings-page .error-message{color:#b91c1c;margin-top:4px;font-size:12px}.admin-email-settings-page .form-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.admin-email-settings-page .btn-primary,.admin-email-settings-page .btn-secondary,.admin-email-settings-page .btn-danger{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.admin-email-settings-page .btn-primary{color:#fff;background:#6366f1}.admin-email-settings-page .btn-primary:hover:not(:disabled){background:#4f46e5}.admin-email-settings-page .btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border:1px solid #e5e7eb}.admin-email-settings-page .btn-secondary:hover:not(:disabled){background:var(--border-muted)}.admin-email-settings-page .btn-danger{color:#b91c1c;background:#fee2e2}.admin-email-settings-page .btn-danger:hover:not(:disabled){background:#fecaca}.admin-email-settings-page .btn-primary:disabled,.admin-email-settings-page .btn-secondary:disabled,.admin-email-settings-page .btn-danger:disabled{opacity:.6;cursor:not-allowed}.admin-email-settings-page .previous-templates{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:16px}.admin-email-settings-page .previous-templates summary{cursor:pointer;color:var(--btn-secondary-fg);margin-bottom:12px;font-size:14px;font-weight:600}.admin-email-settings-page .previous-templates-list{flex-direction:column;gap:10px;display:flex}.admin-email-settings-page .previous-template-item{background:var(--surface-1);border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.admin-email-settings-page .previous-template-item .template-list-item-info{flex:1;min-width:0}.admin-email-settings-page .previous-template-item .template-list-item-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-email-settings-page .previous-template-item .template-list-item-name{color:var(--text-heading);font-size:14px;font-weight:700}.admin-email-settings-page .previous-template-item .template-list-item-subject{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:12px;overflow:hidden}.admin-email-settings-page .attendance-variable-panel{height:fit-content}.admin-email-settings-page .spinning{animation:1s linear infinite settingsSpin}@keyframes settingsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-email-settings-page .settings-toast{color:#fff;z-index:1000;background:#1f2937;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #00000026}.admin-email-settings-page .settings-toast.is-error{background:#b91c1c}.attendance-preview-modal{z-index:1100;background:#0f172a99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.attendance-preview-modal .attendance-preview-content{background:var(--surface-0);border-radius:12px;width:min(640px,100%);max-height:80vh;overflow:auto;box-shadow:0 20px 40px #0003}.attendance-preview-modal .attendance-preview-header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.attendance-preview-modal .attendance-preview-header h3{color:var(--text-heading);margin:0;font-size:18px;font-weight:700}.attendance-preview-modal .attendance-preview-header .close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.attendance-preview-modal .attendance-preview-header .close-btn:hover{background:var(--btn-secondary-bg)}.attendance-preview-modal .attendance-preview-body{padding:20px}.attendance-preview-modal .attendance-preview-body .preview-field+.preview-field{margin-top:16px}.attendance-preview-modal .attendance-preview-body .preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.attendance-preview-modal .attendance-preview-body p,.attendance-preview-modal .attendance-preview-body pre{color:var(--text-heading);white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.6}.attendance-preview-modal .attendance-preview-body pre{background:var(--surface-1);border:1px solid #e5e7eb;border-radius:8px;padding:12px;font-family:inherit}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-email-settings-page{background:#1a1a2e}html:not([data-theme=light]) .admin-email-settings-page .page-header{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html:not([data-theme=light]) .admin-email-settings-page .page-header .header-title .back-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-settings-page .page-header .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html:not([data-theme=light]) .admin-email-settings-page .page-header .header-title .header-icon{color:#68d391}html:not([data-theme=light]) .admin-email-settings-page .page-header .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-email-settings-page .page-header .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .admin-email-settings-page .attendance-settings-section{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html:not([data-theme=light]) .admin-email-settings-page .section-header-row h2{color:#f1f5f9}html:not([data-theme=light]) .admin-email-settings-page .section-header-row p,html:not([data-theme=light]) .admin-email-settings-page .section-inline-error,html:not([data-theme=light]) .admin-email-settings-page .section-error,html:not([data-theme=light]) .admin-email-settings-page .section-loading{color:#a0aec0}html:not([data-theme=light]) .admin-email-settings-page .default-template-card{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-settings-page .default-template-card p{color:#a0aec0}html:not([data-theme=light]) .admin-email-settings-page .attendance-template-view .template-list-item-name{color:#f1f5f9}html:not([data-theme=light]) .admin-email-settings-page .attendance-template-view .template-view-field .view-label{color:#e2e8f0}html:not([data-theme=light]) .admin-email-settings-page .attendance-template-view .template-view-field .view-value{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-settings-page .active-template-badge{color:#68d391;background:#68d39133}html:not([data-theme=light]) .admin-email-settings-page .form-label{color:#e2e8f0}html:not([data-theme=light]) .admin-email-settings-page .form-input,html:not([data-theme=light]) .admin-email-settings-page .form-textarea{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-settings-page .form-input.error,html:not([data-theme=light]) .admin-email-settings-page .form-textarea.error{border-color:#f56565}html:not([data-theme=light]) .admin-email-settings-page .form-input:focus,html:not([data-theme=light]) .admin-email-settings-page .form-textarea:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d39126}html:not([data-theme=light]) .admin-email-settings-page .error-message{color:#f56565}html:not([data-theme=light]) .admin-email-settings-page .btn-primary{background:#38a169}html:not([data-theme=light]) .admin-email-settings-page .btn-primary:hover:not(:disabled){background:#2f855a}html:not([data-theme=light]) .admin-email-settings-page .btn-secondary{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-settings-page .btn-secondary:hover:not(:disabled){background:#718096}html:not([data-theme=light]) .admin-email-settings-page .btn-danger{color:#f56565;background:#f5656533}html:not([data-theme=light]) .admin-email-settings-page .btn-danger:hover:not(:disabled){background:#f565654d}html:not([data-theme=light]) .admin-email-settings-page .previous-templates{border-top-color:#4a5568}html:not([data-theme=light]) .admin-email-settings-page .previous-templates summary{color:#e2e8f0}html:not([data-theme=light]) .admin-email-settings-page .previous-template-item{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-settings-page .previous-template-item .template-list-item-name{color:#f1f5f9}html:not([data-theme=light]) .admin-email-settings-page .previous-template-item .template-list-item-subject{color:#a0aec0}html:not([data-theme=light]) .admin-email-settings-page .settings-toast{color:#f1f5f9;background:#2d3748}html:not([data-theme=light]) .admin-email-settings-page .settings-toast.is-error{background:#c53030}}html[data-theme=dark] .admin-email-settings-page{background:#1a1a2e}html[data-theme=dark] .admin-email-settings-page .page-header{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html[data-theme=dark] .admin-email-settings-page .page-header .header-title .back-btn{color:#a0aec0}html[data-theme=dark] .admin-email-settings-page .page-header .header-title .back-btn:hover{color:#f1f5f9;background:#4a5568}html[data-theme=dark] .admin-email-settings-page .page-header .header-title .header-icon{color:#68d391}html[data-theme=dark] .admin-email-settings-page .page-header .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-email-settings-page .page-header .header-title .header-description{color:#a0aec0}html[data-theme=dark] .admin-email-settings-page .attendance-settings-section{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html[data-theme=dark] .admin-email-settings-page .section-header-row h2{color:#f1f5f9}html[data-theme=dark] .admin-email-settings-page .section-header-row p,html[data-theme=dark] .admin-email-settings-page .section-inline-error,html[data-theme=dark] .admin-email-settings-page .section-error,html[data-theme=dark] .admin-email-settings-page .section-loading{color:#a0aec0}html[data-theme=dark] .admin-email-settings-page .default-template-card{background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-settings-page .default-template-card p{color:#a0aec0}html[data-theme=dark] .admin-email-settings-page .attendance-template-view .template-list-item-name{color:#f1f5f9}html[data-theme=dark] .admin-email-settings-page .attendance-template-view .template-view-field .view-label{color:#e2e8f0}html[data-theme=dark] .admin-email-settings-page .attendance-template-view .template-view-field .view-value{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-settings-page .active-template-badge{color:#68d391;background:#68d39133}html[data-theme=dark] .admin-email-settings-page .form-label{color:#e2e8f0}html[data-theme=dark] .admin-email-settings-page .form-input,html[data-theme=dark] .admin-email-settings-page .form-textarea{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-settings-page .form-input.error,html[data-theme=dark] .admin-email-settings-page .form-textarea.error{border-color:#f56565}html[data-theme=dark] .admin-email-settings-page .form-input:focus,html[data-theme=dark] .admin-email-settings-page .form-textarea:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d39126}html[data-theme=dark] .admin-email-settings-page .error-message{color:#f56565}html[data-theme=dark] .admin-email-settings-page .btn-primary{background:#38a169}html[data-theme=dark] .admin-email-settings-page .btn-primary:hover:not(:disabled){background:#2f855a}html[data-theme=dark] .admin-email-settings-page .btn-secondary{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-settings-page .btn-secondary:hover:not(:disabled){background:#718096}html[data-theme=dark] .admin-email-settings-page .btn-danger{color:#f56565;background:#f5656533}html[data-theme=dark] .admin-email-settings-page .btn-danger:hover:not(:disabled){background:#f565654d}html[data-theme=dark] .admin-email-settings-page .previous-templates{border-top-color:#4a5568}html[data-theme=dark] .admin-email-settings-page .previous-templates summary{color:#e2e8f0}html[data-theme=dark] .admin-email-settings-page .previous-template-item{background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-settings-page .previous-template-item .template-list-item-name{color:#f1f5f9}html[data-theme=dark] .admin-email-settings-page .previous-template-item .template-list-item-subject{color:#a0aec0}html[data-theme=dark] .admin-email-settings-page .settings-toast{color:#f1f5f9;background:#2d3748}html[data-theme=dark] .admin-email-settings-page .settings-toast.is-error{background:#c53030}.announcement-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s;position:relative;box-shadow:0 1px 3px #0000001a}.announcement-card:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.announcement-card h4{color:#1f2937;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.announcement-card p{color:#374151;word-break:break-word;-webkit-line-clamp:3;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.announcement-card .date{color:#6b7280;align-items:center;gap:6px;margin-bottom:0;font-size:12px;font-weight:500;display:flex}.announcement-card .date svg{color:#9ca3af}.announcement-card .btn-gray{align-self:flex-start;margin-bottom:12px}.announcement-card .announcement-actions{justify-content:space-between;gap:8px;margin-top:16px;display:flex}.announcement-card .announcement-actions button{cursor:pointer;color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.announcement-card .announcement-actions button:hover{background:#e5e7eb;border-color:#9ca3af}.announcement-card .announcement-actions button.edit-btn{color:#065f46;background:#ecfdf5;border-color:#10b981}.announcement-card .announcement-actions button.edit-btn:hover{background:#d1fae5;border-color:#10b981}.announcement-card .announcement-actions button.delete-btn{color:#991b1b;background:#fef2f2;border-color:#ef4444}.announcement-card .announcement-actions button.delete-btn:hover{background:#fee2e2;border-color:#ef4444}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .announcement-card{background:#1f2937;border-color:#374151}html:not([data-theme=light]) .announcement-card:hover{border-color:#10b981;box-shadow:0 4px 12px #0000004d}html:not([data-theme=light]) .announcement-card h4{color:#f1f5f9}html:not([data-theme=light]) .announcement-card p{color:#e2e8f0}html:not([data-theme=light]) .announcement-card .date{color:#9ca3af}html:not([data-theme=light]) .announcement-card .date svg{color:#6b7280}html:not([data-theme=light]) .announcement-card .announcement-actions button{color:#e2e8f0;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .announcement-card .announcement-actions button:hover{background:#4b5563;border-color:#6b7280}html:not([data-theme=light]) .announcement-card .announcement-actions button.edit-btn{color:#86efac;background:#064e3b;border-color:#10b981}html:not([data-theme=light]) .announcement-card .announcement-actions button.edit-btn:hover{background:#065f46;border-color:#10b981}html:not([data-theme=light]) .announcement-card .announcement-actions button.delete-btn{color:#fca5a5;background:#7f1d1d;border-color:#ef4444}html:not([data-theme=light]) .announcement-card .announcement-actions button.delete-btn:hover{background:#991b1b;border-color:#ef4444}}html[data-theme=dark] .announcement-card{background:#1f2937;border-color:#374151}html[data-theme=dark] .announcement-card:hover{border-color:#10b981;box-shadow:0 4px 12px #0000004d}html[data-theme=dark] .announcement-card h4{color:#f1f5f9}html[data-theme=dark] .announcement-card p{color:#e2e8f0}html[data-theme=dark] .announcement-card .date{color:#9ca3af}html[data-theme=dark] .announcement-card .date svg{color:#6b7280}html[data-theme=dark] .announcement-card .announcement-actions button{color:#e2e8f0;background:#374151;border-color:#4b5563}html[data-theme=dark] .announcement-card .announcement-actions button:hover{background:#4b5563;border-color:#6b7280}html[data-theme=dark] .announcement-card .announcement-actions button.edit-btn{color:#86efac;background:#064e3b;border-color:#10b981}html[data-theme=dark] .announcement-card .announcement-actions button.edit-btn:hover{background:#065f46;border-color:#10b981}html[data-theme=dark] .announcement-card .announcement-actions button.delete-btn{color:#fca5a5;background:#7f1d1d;border-color:#ef4444}html[data-theme=dark] .announcement-card .announcement-actions button.delete-btn:hover{background:#991b1b;border-color:#ef4444}.post-list-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;padding:24px;display:grid}@media (width<=768px){.post-list-grid{grid-template-columns:1fr;gap:16px;padding:16px}}@media (width>=769px) and (width<=1024px){.post-list-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}}@media (width>=1025px){.post-list-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}}.empty-message{color:#6b7280;text-align:center;background:#f8fafc;border:2px dashed #d1d5db;border-radius:12px;margin:40px 0;padding:40px 20px;font-size:16px;font-style:italic;font-weight:500}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .empty-message{color:#9ca3af;background:#374151;border-color:#4b5563}}html[data-theme=dark] .empty-message{color:#9ca3af;background:#374151;border-color:#4b5563}.post-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.post-card:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.post-card .post-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.post-card .post-header .post-title{color:#1f2937;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4}.post-card .post-header .post-meta{color:#6b7280;align-items:center;gap:12px;font-size:12px;display:flex}.post-card .post-header .post-meta .post-author{font-weight:500}.post-card .post-header .post-meta .post-date{color:#9ca3af}.post-card .post-content{padding:16px 20px}.post-card .post-content .post-summary{color:#374151;-webkit-box-orient:vertical;margin:0 0 12px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.post-card .post-content .post-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.post-card .post-content .post-tags .tag{color:#0369a1;background:#e0f2fe;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500}.post-card .post-content .post-stats{color:#6b7280;align-items:center;gap:16px;font-size:12px;display:flex}.post-card .post-content .post-stats .stat-item{align-items:center;gap:4px;display:flex}.post-card .post-actions{background:#f8fafc;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.post-card .post-actions .post-status{border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500}.post-card .post-actions .post-status.answered{color:#166534;background:#dcfce7}.post-card .post-actions .post-status.pending{color:#92400e;background:#fef3c7}.post-card .post-actions .post-status.closed{color:#374151;background:#f3f4f6}.post-card .post-actions .action-buttons{gap:8px;display:flex}.post-card .post-actions .action-buttons button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.post-card .post-actions .action-buttons button:hover{background:#f9fafb;border-color:#9ca3af}.post-card .post-actions .action-buttons button.edit-btn{color:#92400e;border-color:#f59e0b}.post-card .post-actions .action-buttons button.edit-btn:hover{background:#fef3c7;border-color:#d97706}.post-card .post-actions .action-buttons button.delete-btn{color:#dc2626;border-color:#ef4444}.post-card .post-actions .action-buttons button.delete-btn:hover{background:#fee2e2;border-color:#dc2626}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .post-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .post-card:hover{border-color:#68d391;box-shadow:0 4px 12px #0000004d}html:not([data-theme=light]) .post-card .post-header{background:#4a5568;border-bottom-color:#4a5568}html:not([data-theme=light]) .post-card .post-header .post-title{color:#f1f5f9}html:not([data-theme=light]) .post-card .post-header .post-meta{color:#a0aec0}html:not([data-theme=light]) .post-card .post-header .post-meta .post-date{color:#718096}html:not([data-theme=light]) .post-card .post-content .post-summary{color:#e2e8f0}html:not([data-theme=light]) .post-card .post-content .post-tags .tag{color:#93c5fd;background:#1e3a8a}html:not([data-theme=light]) .post-card .post-content .post-stats{color:#a0aec0}html:not([data-theme=light]) .post-card .post-actions{background:#4a5568;border-top-color:#4a5568}html:not([data-theme=light]) .post-card .post-actions .post-status.answered{color:#86efac;background:#14532d}html:not([data-theme=light]) .post-card .post-actions .post-status.pending{color:#fbbf24;background:#451a03}html:not([data-theme=light]) .post-card .post-actions .post-status.closed{color:#d1d5db;background:#374151}html:not([data-theme=light]) .post-card .post-actions .action-buttons button{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .post-card .post-actions .action-buttons button:hover{background:#718096;border-color:#a0aec0}html:not([data-theme=light]) .post-card .post-actions .action-buttons button.edit-btn{color:#f59e0b;border-color:#f59e0b}html:not([data-theme=light]) .post-card .post-actions .action-buttons button.edit-btn:hover{background:#451a03;border-color:#f59e0b}html:not([data-theme=light]) .post-card .post-actions .action-buttons button.delete-btn{color:#f56565;border-color:#f56565}html:not([data-theme=light]) .post-card .post-actions .action-buttons button.delete-btn:hover{background:#742a2a;border-color:#f56565}}html[data-theme=dark] .post-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .post-card:hover{border-color:#68d391;box-shadow:0 4px 12px #0000004d}html[data-theme=dark] .post-card .post-header{background:#4a5568;border-bottom-color:#4a5568}html[data-theme=dark] .post-card .post-header .post-title{color:#f1f5f9}html[data-theme=dark] .post-card .post-header .post-meta{color:#a0aec0}html[data-theme=dark] .post-card .post-header .post-meta .post-date{color:#718096}html[data-theme=dark] .post-card .post-content .post-summary{color:#e2e8f0}html[data-theme=dark] .post-card .post-content .post-tags .tag{color:#93c5fd;background:#1e3a8a}html[data-theme=dark] .post-card .post-content .post-stats{color:#a0aec0}html[data-theme=dark] .post-card .post-actions{background:#4a5568;border-top-color:#4a5568}html[data-theme=dark] .post-card .post-actions .post-status.answered{color:#86efac;background:#14532d}html[data-theme=dark] .post-card .post-actions .post-status.pending{color:#fbbf24;background:#451a03}html[data-theme=dark] .post-card .post-actions .post-status.closed{color:#d1d5db;background:#374151}html[data-theme=dark] .post-card .post-actions .action-buttons button{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .post-card .post-actions .action-buttons button:hover{background:#718096;border-color:#a0aec0}html[data-theme=dark] .post-card .post-actions .action-buttons button.edit-btn{color:#f59e0b;border-color:#f59e0b}html[data-theme=dark] .post-card .post-actions .action-buttons button.edit-btn:hover{background:#451a03;border-color:#f59e0b}html[data-theme=dark] .post-card .post-actions .action-buttons button.delete-btn{color:#f56565;border-color:#f56565}html[data-theme=dark] .post-card .post-actions .action-buttons button.delete-btn:hover{background:#742a2a;border-color:#f56565}.post-list-loading{color:#6b7280;justify-content:center;align-items:center;padding:60px 20px;font-size:14px;display:flex}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .post-list-loading{color:#a0aec0}}html[data-theme=dark] .post-list-loading{color:#a0aec0}.notice-email-options{border-top:1px solid var(--border-color,#e5e7eb);margin-top:1rem;padding-top:1rem}.notice-email-options .notice-email-toggle{cursor:pointer;flex-direction:row;align-items:center;gap:.5rem;margin-bottom:0;font-weight:500;display:flex}.notice-email-options .notice-email-toggle input[type=checkbox]{accent-color:#10b981;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin:0}.notice-email-options .notice-email-toggle span{-webkit-user-select:none;user-select:none}.notice-email-options .notice-email-panel{background:var(--surface-muted,#f9fafb);border-radius:8px;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem;display:flex}.notice-email-options .notice-email-course-list{border:1px solid var(--border-color,#e5e7eb);background:#fff;border-radius:6px;flex-direction:column;gap:.5rem;max-height:160px;padding:.5rem;display:flex;overflow-y:auto}.notice-email-options .notice-email-course-item{cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.notice-email-options .notice-email-hint{color:var(--text-muted,#6b7280);margin:.25rem 0 0;font-size:.8rem}.notice-email-options .notice-email-async-note{color:var(--text-muted,#6b7280);margin:0;font-size:.8rem}.notice-email-options.is-disabled{opacity:.65}.notice-email-options.is-disabled .notice-email-toggle{cursor:not-allowed}.notice-email-options .notice-email-toggle-wrap{width:100%;display:block}.notice-email-options .form-group{flex-direction:column;gap:6px;display:flex}.notice-email-options .form-group .form-label{color:inherit;margin-bottom:0;font-size:14px;font-weight:500;display:block}.notice-email-options .form-group .form-input{box-sizing:border-box;width:100%}.form-container .notice-email-options .notice-email-toggle,.form-container .notice-email-options .notice-email-course-item{flex-direction:row;align-items:center}.form-container .notice-email-options .notice-email-course-item input[type=checkbox]{accent-color:#10b981;width:16px;height:16px;margin:0}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .notice-email-options{border-top-color:#4a5568}html:not([data-theme=light]) .notice-email-options .notice-email-toggle{color:#e2e8f0}html:not([data-theme=light]) .notice-email-options .notice-email-toggle input[type=checkbox]{accent-color:#68d391}html:not([data-theme=light]) .notice-email-options .notice-email-panel{background:#1a202c;border:1px solid #4a5568}html:not([data-theme=light]) .notice-email-options .notice-email-course-list{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .notice-email-options .notice-email-course-item{color:#e2e8f0}html:not([data-theme=light]) .notice-email-options .notice-email-course-item input[type=checkbox]{accent-color:#68d391}html:not([data-theme=light]) .notice-email-options .notice-email-hint,html:not([data-theme=light]) .notice-email-options .notice-email-async-note{color:#a0aec0}}html[data-theme=dark] .notice-email-options{border-top-color:#4a5568}html[data-theme=dark] .notice-email-options .notice-email-toggle{color:#e2e8f0}html[data-theme=dark] .notice-email-options .notice-email-toggle input[type=checkbox]{accent-color:#68d391}html[data-theme=dark] .notice-email-options .notice-email-panel{background:#1a202c;border:1px solid #4a5568}html[data-theme=dark] .notice-email-options .notice-email-course-list{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .notice-email-options .notice-email-course-item{color:#e2e8f0}html[data-theme=dark] .notice-email-options .notice-email-course-item input[type=checkbox]{accent-color:#68d391}html[data-theme=dark] .notice-email-options .notice-email-hint,html[data-theme=dark] .notice-email-options .notice-email-async-note{color:#a0aec0}.comment-list{flex-direction:column;gap:20px;display:flex}.comment-list .comment-block{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 1px 3px #0000001a}.comment-item{flex-direction:column;gap:8px;display:flex;position:relative}.comment-item:hover .comment-actions{opacity:1;pointer-events:auto}.comment-item.reply{background-color:#f0fdf4;border-left:4px solid #10b981;border-radius:10px;margin-top:12px;margin-left:32px;padding:16px;position:relative}.comment-item.reply:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:6px solid #10b981;width:0;height:0;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.comment-item.reply .comment-content{color:#1f2937}.comment-item.reply .comment-meta{color:#6b7280}.comment-item .comment-meta{color:#6b7280;align-items:center;gap:8px;font-size:12px;display:flex}.comment-item .comment-meta .author{color:#1f2937;font-weight:600}.comment-item .comment-meta .edited{color:#9ca3af;font-size:11px;font-style:italic}.comment-item .comment-meta .date{color:#9ca3af;margin-left:auto;font-size:11px;font-weight:500}.comment-item .comment-content{color:#374151;white-space:pre-wrap;font-size:14px;font-weight:400;line-height:1.6}.comment-item .comment-actions{opacity:0;pointer-events:none;gap:8px;margin-top:4px;transition:opacity .2s;display:flex}@media (width<=768px){.comment-item .comment-actions{opacity:1;pointer-events:auto}}.comment-item .comment-actions .pill-btn{color:#374151;cursor:pointer;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.comment-item .comment-actions .pill-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.comment-item .comment-actions .pill-btn.delete{color:#ef4444;background-color:#fef2f2;border-color:#ef4444}.comment-item .comment-actions .pill-btn.delete:hover{background-color:#fee2e2;border-color:#dc2626}.comment-input-wrapper{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.comment-form{flex-direction:column;gap:12px;display:flex}.comment-form textarea{resize:vertical;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:80px;padding:12px 16px;font-size:14px;transition:all .2s}.comment-form textarea:focus{background-color:#fff;border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.comment-form textarea::placeholder{color:#9ca3af}.comment-form .btn-blue{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:8px;align-self:flex-end;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.comment-form .btn-blue:hover{background-color:#059669;transform:translateY(-1px)}.comment-form .btn-blue:disabled{cursor:not-allowed;background-color:#9ca3af;transform:none}.reply-mode-indicator{color:#6b7280;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;font-size:13px;display:flex}.reply-mode-indicator .cancel-reply-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.reply-mode-indicator .cancel-reply-btn:hover{background-color:#059669}.empty-comment{text-align:center;color:#9ca3af;background-color:#f8fafc;border:2px dashed #e5e7eb;border-radius:12px;padding:40px 20px;font-size:14px;font-style:italic;font-weight:500}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .comment-list .comment-block{background-color:#374151;border-color:#4b5563}html:not([data-theme=light]) .comment-list .comment-item.reply{background-color:#064e3b;border-left-color:#10b981}html:not([data-theme=light]) .comment-list .comment-item.reply:before{border-right-color:#10b981}html:not([data-theme=light]) .comment-list .comment-item.reply .comment-content{color:#e2e8f0}html:not([data-theme=light]) .comment-list .comment-item.reply .comment-meta,html:not([data-theme=light]) .comment-list .comment-item .comment-meta{color:#9ca3af}html:not([data-theme=light]) .comment-list .comment-item .comment-meta .author{color:#f1f5f9}html:not([data-theme=light]) .comment-list .comment-item .comment-meta .edited,html:not([data-theme=light]) .comment-list .comment-item .comment-meta .date{color:#6b7280}html:not([data-theme=light]) .comment-list .comment-item .comment-content{color:#e2e8f0}html:not([data-theme=light]) .comment-list .comment-item .comment-actions .pill-btn{color:#e2e8f0;background-color:#4b5563;border-color:#6b7280}html:not([data-theme=light]) .comment-list .comment-item .comment-actions .pill-btn:hover{background-color:#6b7280;border-color:#9ca3af}html:not([data-theme=light]) .comment-list .comment-item .comment-actions .pill-btn.delete{color:#f87171;background-color:#7f1d1d;border-color:#f87171}html:not([data-theme=light]) .comment-list .comment-item .comment-actions .pill-btn.delete:hover{background-color:#991b1b;border-color:#ef4444}html:not([data-theme=light]) .comment-list .comment-input-wrapper{border-top-color:#374151}html:not([data-theme=light]) .comment-list .comment-form textarea{color:#e2e8f0;background-color:#374151;border-color:#4b5563}html:not([data-theme=light]) .comment-list .comment-form textarea:focus{background-color:#374151;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}html:not([data-theme=light]) .comment-list .comment-form textarea::placeholder{color:#9ca3af}html:not([data-theme=light]) .comment-list .comment-form .btn-blue{background-color:#10b981}html:not([data-theme=light]) .comment-list .comment-form .btn-blue:hover{background-color:#059669}html:not([data-theme=light]) .comment-list .comment-form .btn-blue:disabled{background-color:#6b7280}html:not([data-theme=light]) .comment-list .reply-mode-indicator{color:#e2e8f0;background-color:#064e3b;border-color:#10b981}html:not([data-theme=light]) .comment-list .reply-mode-indicator .cancel-reply-btn{background:#10b981}html:not([data-theme=light]) .comment-list .reply-mode-indicator .cancel-reply-btn:hover{background-color:#059669}html:not([data-theme=light]) .comment-list .empty-comment{color:#9ca3af;background-color:#374151;border-color:#4b5563}}html[data-theme=dark] .comment-list .comment-block{background-color:#374151;border-color:#4b5563}html[data-theme=dark] .comment-list .comment-item.reply{background-color:#064e3b;border-left-color:#10b981}html[data-theme=dark] .comment-list .comment-item.reply:before{border-right-color:#10b981}html[data-theme=dark] .comment-list .comment-item.reply .comment-content{color:#e2e8f0}html[data-theme=dark] .comment-list .comment-item.reply .comment-meta,html[data-theme=dark] .comment-list .comment-item .comment-meta{color:#9ca3af}html[data-theme=dark] .comment-list .comment-item .comment-meta .author{color:#f1f5f9}html[data-theme=dark] .comment-list .comment-item .comment-meta .edited,html[data-theme=dark] .comment-list .comment-item .comment-meta .date{color:#6b7280}html[data-theme=dark] .comment-list .comment-item .comment-content{color:#e2e8f0}html[data-theme=dark] .comment-list .comment-item .comment-actions .pill-btn{color:#e2e8f0;background-color:#4b5563;border-color:#6b7280}html[data-theme=dark] .comment-list .comment-item .comment-actions .pill-btn:hover{background-color:#6b7280;border-color:#9ca3af}html[data-theme=dark] .comment-list .comment-item .comment-actions .pill-btn.delete{color:#f87171;background-color:#7f1d1d;border-color:#f87171}html[data-theme=dark] .comment-list .comment-item .comment-actions .pill-btn.delete:hover{background-color:#991b1b;border-color:#ef4444}html[data-theme=dark] .comment-list .comment-input-wrapper{border-top-color:#374151}html[data-theme=dark] .comment-list .comment-form textarea{color:#e2e8f0;background-color:#374151;border-color:#4b5563}html[data-theme=dark] .comment-list .comment-form textarea:focus{background-color:#374151;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}html[data-theme=dark] .comment-list .comment-form textarea::placeholder{color:#9ca3af}html[data-theme=dark] .comment-list .comment-form .btn-blue{background-color:#10b981}html[data-theme=dark] .comment-list .comment-form .btn-blue:hover{background-color:#059669}html[data-theme=dark] .comment-list .comment-form .btn-blue:disabled{background-color:#6b7280}html[data-theme=dark] .comment-list .reply-mode-indicator{color:#e2e8f0;background-color:#064e3b;border-color:#10b981}html[data-theme=dark] .comment-list .reply-mode-indicator .cancel-reply-btn{background:#10b981}html[data-theme=dark] .comment-list .reply-mode-indicator .cancel-reply-btn:hover{background-color:#059669}html[data-theme=dark] .comment-list .empty-comment{color:#9ca3af;background-color:#374151;border-color:#4b5563}.app-btn{cursor:pointer;letter-spacing:.2px;color:#333;background-color:#fff;border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:100px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000014}.app-btn:hover{box-shadow:0 4px 6px #0000001f}.app-btn.btn-green{color:#333;border-color:#28a745}.app-btn.btn-green:hover{background-color:#d4eddc}.app-btn.btn-red{color:#333;border-color:#dc3545}.app-btn.btn-red:hover{background-color:#f8d7da}.app-btn.btn-blue{color:#333;border-color:#007bff}.app-btn.btn-blue:hover{background-color:#d5e8ff}.app-btn.btn-yellow{color:#333;border-color:#ffc107}.app-btn.btn-yellow:hover{background-color:#ffeaa7}.app-btn.btn-gray{color:#333;border-color:#cbd2cd}.app-btn.btn-gray:hover{background-color:#cbd2cd}.btn-reset{all:unset;cursor:pointer;color:inherit;font:inherit;line-height:inherit}.notice-send-email-modal-overlay{z-index:1100;background:#0f172a99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.notice-send-email-modal{background:#fff;border-radius:12px;width:min(480px,100%);overflow:hidden;box-shadow:0 20px 40px #00000026}.notice-send-email-modal .notice-send-email-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notice-send-email-modal .notice-send-email-modal-header h3{color:#1f2937;margin:0;font-size:18px;font-weight:700}.notice-send-email-modal .notice-send-email-modal-header .close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.notice-send-email-modal .notice-send-email-modal-header .close-btn:hover:not(:disabled){background:#f3f4f6}.notice-send-email-modal .notice-send-email-modal-header .close-btn:disabled{opacity:.5;cursor:not-allowed}.notice-send-email-modal .notice-send-email-modal-body{padding:20px}.notice-send-email-modal .notice-send-email-modal-body p{color:#6b7280;margin:0 0 16px;font-size:14px;line-height:1.6}.notice-send-email-modal .notice-send-email-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px 14px}.notice-send-email-modal .notice-send-email-summary .summary-label{color:#6b7280;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.notice-send-email-modal .notice-send-email-summary p{color:#111827;word-break:break-word;margin:0;font-size:14px}.notice-send-email-modal .notice-send-email-field{margin-bottom:12px}.notice-send-email-modal .notice-send-email-field .field-label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.notice-send-email-modal .notice-send-email-field .field-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.notice-send-email-modal .notice-send-email-error{color:#b91c1c;background:#fef2f2;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px}.notice-send-email-modal .notice-send-email-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.notice-send-email-modal .notice-send-email-modal-footer .btn-secondary,.notice-send-email-modal .notice-send-email-modal-footer .btn-primary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex}.notice-send-email-modal .notice-send-email-modal-footer .btn-secondary{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.notice-send-email-modal .notice-send-email-modal-footer .btn-primary{color:#fff;background:#6366f1}.notice-send-email-modal .notice-send-email-modal-footer .btn-secondary:disabled,.notice-send-email-modal .notice-send-email-modal-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed}.notice-send-email-modal .spinning{animation:1s linear infinite noticeSendSpin}@keyframes noticeSendSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.post-detail-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:24px;max-width:800px;max-height:85vh;margin:0 auto;padding:32px;display:flex;position:relative;overflow-y:auto;box-shadow:0 1px 3px #0000001a}.modal-close-btn{all:unset;cursor:pointer;color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:#374151;background-color:#e5e7eb;border-color:#9ca3af}.modal-close-btn svg{stroke-width:2px}.post-detail-header{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:16px;padding-bottom:20px;display:flex}.post-detail-title-row{justify-content:space-between;align-items:center;display:flex}.post-detail-title-row .post-detail-title{color:#2b6cb0;margin:0;font-size:1.5rem;font-weight:700}.post-detail-title{color:#1f2937;margin:0;font-size:1.75rem;font-weight:700;line-height:1.3}.post-meta-row{justify-content:space-between;align-items:flex-start;display:flex}.post-meta{color:#4a5568;font-size:.9rem}.post-meta .edited-tag{color:#999;margin-left:6px;font-size:.8rem}.post-date{color:#a0aec0;align-items:center;font-size:.8rem;display:flex}.post-date svg{margin-right:4px}.post-content{white-space:pre-wrap;color:#374151;padding:16px 0;font-size:15px;line-height:1.7}.post-file{margin-top:8px}.post-file a{color:#2b6cb0;background-color:#edf2f7;border-radius:6px;padding:6px 12px;font-size:.9rem;font-weight:500;text-decoration:none}.post-file a:hover{background-color:#e2e8f0}.divider{background-color:#e5e7eb;height:1px;margin:24px 0 16px}.comment-section .comment-title{color:#1f2937;margin-bottom:16px;font-size:1.25rem;font-weight:700}.files-section{flex-direction:column;gap:12px;margin-top:16px;display:flex}.file-download-row{cursor:pointer;background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;transition:all .2s;display:flex}.file-download-row:hover{background-color:#f1f5f9;border-color:#d1d5db}.file-download-row .file-icon{color:#6b7280;font-size:18px}.file-download-row .file-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.file-download-row .file-download-icon{color:#10b981}.post-meta{justify-content:space-between;align-items:center;display:flex}.post-meta .post-actions{gap:8px;display:flex}.post-meta .post-actions .edit-btn,.post-meta .post-actions .delete-btn{color:#36f;cursor:pointer;background:0 0;border:none;font-size:.9rem}.post-meta .post-actions .edit-btn:hover,.post-meta .post-actions .delete-btn:hover{text-decoration:underline}.post-meta .post-actions .delete-btn{color:#ff4d4f}.post-more-wrapper{display:inline-block;position:relative}.post-more-wrapper .more-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.post-more-wrapper .more-button:hover{color:#374151;background-color:#f0f0f0}.post-more-wrapper .more-button svg{color:inherit}.post-more-wrapper .more-menu{z-index:999;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:120px;position:absolute;top:30px;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.post-more-wrapper .more-menu button{text-align:left;cursor:pointer;color:#374151;background:0 0;border:none;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.post-more-wrapper .more-menu button:hover{background-color:#f8fafc}.post-more-wrapper .more-menu button:last-child{color:#ef4444}.post-author-info{flex-direction:column;gap:4px;display:flex}.post-author-info .post-author{color:#4a5568;font-size:.9rem}.post-author-info .edited-tag{color:#999;margin-left:4px;font-size:.8rem}.post-author-info .post-date{color:#a0aec0;align-items:center;font-size:.8rem;display:flex}.post-author-info .post-date svg{margin-right:4px}.post-edit-modal{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.post-edit-modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:20px;width:90%;max-width:800px;height:85%;padding:32px;display:flex;box-shadow:0 10px 25px #0003}.post-edit-modal-content h3{color:#1f2937;margin:0 0 8px;font-size:1.5rem;font-weight:700}.post-edit-modal-content input,.post-edit-modal-content textarea{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.post-edit-modal-content input:focus,.post-edit-modal-content textarea:focus{background-color:#fff;border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.post-edit-modal-content input{min-height:48px}.post-edit-modal-content textarea{resize:vertical;flex-grow:1;min-height:200px}.post-edit-modal-content .file-upload-section{flex-direction:column;gap:12px;display:flex}.post-edit-modal-content .file-upload-section .existing-attachments{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:12px}.post-edit-modal-content .file-upload-section .existing-attachments .existing-attachments-label{color:#374151;margin:0 0 12px;font-size:13px;font-weight:600}.post-edit-modal-content .file-upload-section .existing-attachments .existing-attachments-list{flex-direction:column;gap:8px;display:flex}.post-edit-modal-content .file-upload-section .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px;transition:background .2s;display:flex}.post-edit-modal-content .file-upload-section .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover{background:#f3f4f6}.post-edit-modal-content .file-upload-section .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox input[type=checkbox]{cursor:pointer;accent-color:#3b82f6;width:18px;height:18px}.post-edit-modal-content .file-upload-section .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .file-icon{font-size:16px}.post-edit-modal-content .file-upload-section .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name{color:#374151;word-break:break-all;font-size:13px}.post-edit-modal-content .file-upload-section .file-label{color:#374151;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;align-items:center;min-height:48px;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.post-edit-modal-content .file-upload-section .file-label:hover{background:#f1f5f9;border-color:#d1d5db}.post-edit-modal-content .file-upload-section .file-upload{display:none}.post-edit-modal-content .file-upload-section .selected-files{flex-direction:column;gap:8px;display:flex}.post-edit-modal-content .file-upload-section .selected-files .new-files-label{color:#374151;margin:0 0 8px;font-size:13px;font-weight:600}.post-edit-modal-content .file-upload-section .selected-files{margin-top:8px}.post-edit-modal-content .file-upload-section .selected-files .selected-file-item{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.post-edit-modal-content .file-upload-section .selected-files .selected-file-item .selected-file{color:#10b981;flex:1;font-size:13px;font-weight:500}.post-edit-modal-content .file-upload-section .selected-files .selected-file-item .remove-file-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:18px;line-height:1;transition:all .2s;display:flex}.post-edit-modal-content .file-upload-section .selected-files .selected-file-item .remove-file-btn:hover{background:#fee2e2}.post-edit-modal-content .edit-modal-actions{justify-content:flex-end;gap:12px;display:flex}.post-edit-modal-content .edit-modal-actions button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.post-edit-modal-content .edit-modal-actions button:first-child{color:#fff;background-color:#10b981}.post-edit-modal-content .edit-modal-actions button:first-child:hover{background-color:#059669}.post-edit-modal-content .edit-modal-actions button:last-child{color:#fff;background-color:#6b7280}.post-edit-modal-content .edit-modal-actions button:last-child:hover{background-color:#4b5563}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .post-detail-wrapper{background:#1f2937;border-color:#374151}html:not([data-theme=light]) .post-detail-wrapper .modal-close-btn{color:#d1d5db;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .post-detail-wrapper .modal-close-btn:hover{color:#f3f4f6;background-color:#4b5563;border-color:#6b7280}html:not([data-theme=light]) .post-detail-wrapper .post-detail-header{border-bottom-color:#374151}html:not([data-theme=light]) .post-detail-wrapper .post-detail-header .post-detail-title{color:#f1f5f9}html:not([data-theme=light]) .post-detail-wrapper .post-content{color:#e2e8f0}html:not([data-theme=light]) .post-detail-wrapper .file-download-row{background-color:#374151;border-color:#4b5563}html:not([data-theme=light]) .post-detail-wrapper .file-download-row:hover{background-color:#4b5563;border-color:#6b7280}html:not([data-theme=light]) .post-detail-wrapper .file-download-row .file-icon{color:#9ca3af}html:not([data-theme=light]) .post-detail-wrapper .file-download-row .file-name{color:#e2e8f0}html:not([data-theme=light]) .post-detail-wrapper .file-download-row .file-download-icon{color:#10b981}html:not([data-theme=light]) .post-detail-wrapper .divider{background-color:#374151}html:not([data-theme=light]) .post-detail-wrapper .comment-section .comment-title{color:#f1f5f9}html:not([data-theme=light]) .post-detail-wrapper .post-more-wrapper .more-button{color:#9ca3af}html:not([data-theme=light]) .post-detail-wrapper .post-more-wrapper .more-button:hover{color:#e2e8f0;background-color:#374151}html:not([data-theme=light]) .post-detail-wrapper .post-more-wrapper .more-button svg{color:inherit}html:not([data-theme=light]) .post-detail-wrapper .post-more-wrapper .more-menu{background:#374151;border-color:#4b5563}html:not([data-theme=light]) .post-detail-wrapper .post-more-wrapper .more-menu button{color:#e2e8f0}html:not([data-theme=light]) .post-detail-wrapper .post-more-wrapper .more-menu button:hover{background-color:#4b5563}html:not([data-theme=light]) .post-detail-wrapper .post-more-wrapper .more-menu button:last-child{color:#f87171}html:not([data-theme=light]) .post-detail-wrapper .post-author-info .post-author{color:#d1d5db}html:not([data-theme=light]) .post-detail-wrapper .post-author-info .edited-tag,html:not([data-theme=light]) .post-detail-wrapper .post-author-info .post-date{color:#9ca3af}html:not([data-theme=light]) .post-edit-modal{background:#000000b3}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content{background:#1f2937;border-color:#374151}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content h3{color:#f1f5f9}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content input,html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content textarea{color:#e2e8f0;background-color:#374151;border-color:#4b5563}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content input:focus,html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content textarea:focus{background-color:#374151;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content input::placeholder,html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content textarea::placeholder{color:#9ca3af}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content .file-upload-section .existing-attachments{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content .file-upload-section .existing-attachments .existing-attachments-label{color:#e2e8f0}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content .file-upload-section .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover{background:#2d3748}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content .file-upload-section .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name{color:#e2e8f0}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content .file-upload-section .file-label{color:#e2e8f0;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content .file-upload-section .file-label:hover{background:#4b5563;border-color:#6b7280}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content .file-upload-section .selected-files .new-files-label{color:#e2e8f0}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content .file-upload-section .selected-files .selected-file-item{background:#1e3a2a;border-color:#2d4a3a}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content .file-upload-section .selected-files .selected-file-item .selected-file{color:#10b981}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content .file-upload-section .selected-files .selected-file-item .remove-file-btn{color:#f87171}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content .file-upload-section .selected-files .selected-file-item .remove-file-btn:hover{background:#4a1f1f}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content .edit-modal-actions button:first-child{color:#fff;background-color:#10b981}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content .edit-modal-actions button:first-child:hover{background-color:#059669}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content .edit-modal-actions button:last-child{color:#fff;background-color:#6b7280}html:not([data-theme=light]) .post-edit-modal .post-edit-modal-content .edit-modal-actions button:last-child:hover{background-color:#4b5563}}html[data-theme=dark] .post-detail-wrapper{background:#1f2937;border-color:#374151}html[data-theme=dark] .post-detail-wrapper .modal-close-btn{color:#d1d5db;background:#374151;border-color:#4b5563}html[data-theme=dark] .post-detail-wrapper .modal-close-btn:hover{color:#f3f4f6;background-color:#4b5563;border-color:#6b7280}html[data-theme=dark] .post-detail-wrapper .post-detail-header{border-bottom-color:#374151}html[data-theme=dark] .post-detail-wrapper .post-detail-header .post-detail-title{color:#f1f5f9}html[data-theme=dark] .post-detail-wrapper .post-content{color:#e2e8f0}html[data-theme=dark] .post-detail-wrapper .file-download-row{background-color:#374151;border-color:#4b5563}html[data-theme=dark] .post-detail-wrapper .file-download-row:hover{background-color:#4b5563;border-color:#6b7280}html[data-theme=dark] .post-detail-wrapper .file-download-row .file-icon{color:#9ca3af}html[data-theme=dark] .post-detail-wrapper .file-download-row .file-name{color:#e2e8f0}html[data-theme=dark] .post-detail-wrapper .file-download-row .file-download-icon{color:#10b981}html[data-theme=dark] .post-detail-wrapper .divider{background-color:#374151}html[data-theme=dark] .post-detail-wrapper .comment-section .comment-title{color:#f1f5f9}html[data-theme=dark] .post-detail-wrapper .post-more-wrapper .more-button{color:#9ca3af}html[data-theme=dark] .post-detail-wrapper .post-more-wrapper .more-button:hover{color:#e2e8f0;background-color:#374151}html[data-theme=dark] .post-detail-wrapper .post-more-wrapper .more-button svg{color:inherit}html[data-theme=dark] .post-detail-wrapper .post-more-wrapper .more-menu{background:#374151;border-color:#4b5563}html[data-theme=dark] .post-detail-wrapper .post-more-wrapper .more-menu button{color:#e2e8f0}html[data-theme=dark] .post-detail-wrapper .post-more-wrapper .more-menu button:hover{background-color:#4b5563}html[data-theme=dark] .post-detail-wrapper .post-more-wrapper .more-menu button:last-child{color:#f87171}html[data-theme=dark] .post-detail-wrapper .post-author-info .post-author{color:#d1d5db}html[data-theme=dark] .post-detail-wrapper .post-author-info .edited-tag,html[data-theme=dark] .post-detail-wrapper .post-author-info .post-date{color:#9ca3af}html[data-theme=dark] .post-edit-modal{background:#000000b3}html[data-theme=dark] .post-edit-modal .post-edit-modal-content{background:#1f2937;border-color:#374151}html[data-theme=dark] .post-edit-modal .post-edit-modal-content h3{color:#f1f5f9}html[data-theme=dark] .post-edit-modal .post-edit-modal-content input,html[data-theme=dark] .post-edit-modal .post-edit-modal-content textarea{color:#e2e8f0;background-color:#374151;border-color:#4b5563}html[data-theme=dark] .post-edit-modal .post-edit-modal-content input:focus,html[data-theme=dark] .post-edit-modal .post-edit-modal-content textarea:focus{background-color:#374151;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}html[data-theme=dark] .post-edit-modal .post-edit-modal-content input::placeholder,html[data-theme=dark] .post-edit-modal .post-edit-modal-content textarea::placeholder{color:#9ca3af}html[data-theme=dark] .post-edit-modal .post-edit-modal-content .file-upload-section .existing-attachments{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .post-edit-modal .post-edit-modal-content .file-upload-section .existing-attachments .existing-attachments-label{color:#e2e8f0}html[data-theme=dark] .post-edit-modal .post-edit-modal-content .file-upload-section .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover{background:#2d3748}html[data-theme=dark] .post-edit-modal .post-edit-modal-content .file-upload-section .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name{color:#e2e8f0}html[data-theme=dark] .post-edit-modal .post-edit-modal-content .file-upload-section .file-label{color:#e2e8f0;background:#374151;border-color:#4b5563}html[data-theme=dark] .post-edit-modal .post-edit-modal-content .file-upload-section .file-label:hover{background:#4b5563;border-color:#6b7280}html[data-theme=dark] .post-edit-modal .post-edit-modal-content .file-upload-section .selected-files .new-files-label{color:#e2e8f0}html[data-theme=dark] .post-edit-modal .post-edit-modal-content .file-upload-section .selected-files .selected-file-item{background:#1e3a2a;border-color:#2d4a3a}html[data-theme=dark] .post-edit-modal .post-edit-modal-content .file-upload-section .selected-files .selected-file-item .selected-file{color:#10b981}html[data-theme=dark] .post-edit-modal .post-edit-modal-content .file-upload-section .selected-files .selected-file-item .remove-file-btn{color:#f87171}html[data-theme=dark] .post-edit-modal .post-edit-modal-content .file-upload-section .selected-files .selected-file-item .remove-file-btn:hover{background:#4a1f1f}html[data-theme=dark] .post-edit-modal .post-edit-modal-content .edit-modal-actions button:first-child{color:#fff;background-color:#10b981}html[data-theme=dark] .post-edit-modal .post-edit-modal-content .edit-modal-actions button:first-child:hover{background-color:#059669}html[data-theme=dark] .post-edit-modal .post-edit-modal-content .edit-modal-actions button:last-child{color:#fff;background-color:#6b7280}html[data-theme=dark] .post-edit-modal .post-edit-modal-content .edit-modal-actions button:last-child:hover{background-color:#4b5563}.post-detail-email-footer{justify-content:flex-end;display:flex}.post-detail-email-footer .post-detail-send-email-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex}.post-detail-email-footer .post-detail-send-email-btn:hover:not(:disabled){background:#4f46e5}.post-detail-email-footer .post-detail-send-email-btn:disabled{opacity:.55;cursor:not-allowed}.post-search-bar{width:100%;margin-bottom:20px}.community-header__search .post-search-bar{margin-bottom:0}.community-header__search .post-search-bar .post-search-form .post-search-input-wrapper{flex:1;max-width:none}.community-header__search .post-search-bar .post-search-form .post-search-submit-btn{flex-shrink:0}.post-search-bar .post-search-form{align-items:center;gap:8px;width:100%;display:flex}.post-search-bar .post-search-form .post-search-input-wrapper{flex:1;max-width:none;position:relative}.post-search-bar .post-search-form .post-search-input-wrapper .post-search-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.post-search-bar .post-search-form .post-search-input-wrapper .post-search-input{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 40px;font-size:14px;transition:border-color .2s}.post-search-bar .post-search-form .post-search-input-wrapper .post-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.post-search-bar .post-search-form .post-search-input-wrapper .post-search-input::placeholder{color:#94a3b8}.post-search-bar .post-search-form .post-search-input-wrapper .post-search-clear-btn{cursor:pointer;color:#64748b;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.post-search-bar .post-search-form .post-search-input-wrapper .post-search-clear-btn:hover{color:#1e293b}.post-search-bar .post-search-form .post-search-submit-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s}.post-search-bar .post-search-form .post-search-submit-btn:hover{background:#5568d3}.post-search-bar .post-search-form .post-search-submit-btn:active{background:#4756b8}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .post-search-bar .post-search-form .post-search-input-wrapper .post-search-icon{color:#94a3b8}html:not([data-theme=light]) .post-search-bar .post-search-form .post-search-input-wrapper .post-search-input{color:#f1f5f9;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .post-search-bar .post-search-form .post-search-input-wrapper .post-search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}html:not([data-theme=light]) .post-search-bar .post-search-form .post-search-input-wrapper .post-search-input::placeholder{color:#6b7280}html:not([data-theme=light]) .post-search-bar .post-search-form .post-search-input-wrapper .post-search-clear-btn{color:#94a3b8}html:not([data-theme=light]) .post-search-bar .post-search-form .post-search-input-wrapper .post-search-clear-btn:hover{color:#f1f5f9}html:not([data-theme=light]) .post-search-bar .post-search-form .post-search-submit-btn{color:#fff;background:#10b981}html:not([data-theme=light]) .post-search-bar .post-search-form .post-search-submit-btn:hover{background:#059669}html:not([data-theme=light]) .post-search-bar .post-search-form .post-search-submit-btn:active{background:#047857}}html[data-theme=dark] .post-search-bar .post-search-form .post-search-input-wrapper .post-search-icon{color:#94a3b8}html[data-theme=dark] .post-search-bar .post-search-form .post-search-input-wrapper .post-search-input{color:#f1f5f9;background:#374151;border-color:#4b5563}html[data-theme=dark] .post-search-bar .post-search-form .post-search-input-wrapper .post-search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}html[data-theme=dark] .post-search-bar .post-search-form .post-search-input-wrapper .post-search-input::placeholder{color:#6b7280}html[data-theme=dark] .post-search-bar .post-search-form .post-search-input-wrapper .post-search-clear-btn{color:#94a3b8}html[data-theme=dark] .post-search-bar .post-search-form .post-search-input-wrapper .post-search-clear-btn:hover{color:#f1f5f9}html[data-theme=dark] .post-search-bar .post-search-form .post-search-submit-btn{color:#fff;background:#10b981}html[data-theme=dark] .post-search-bar .post-search-form .post-search-submit-btn:hover{background:#059669}html[data-theme=dark] .post-search-bar .post-search-form .post-search-submit-btn:active{background:#047857}.admin-communication-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-communication-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-communication-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.admin-communication-page .page-header .header-content .header-title .header-icon{color:#10b981}.admin-communication-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.admin-communication-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.admin-communication-page .communication-tab-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a}.admin-communication-page .communication-tab-container h2{color:#1f2937;margin:0 0 20px;font-size:18px;font-weight:600}.admin-communication-page .communication-tab-container .tabs-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.admin-communication-page .communication-tab-container .tabs-header{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex}.admin-communication-page .communication-tab-container .tabs-header .tab-button{cursor:pointer;color:#6b7280;background:0 0;border:none;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.admin-communication-page .communication-tab-container .tabs-header .tab-button:hover{color:#374151;background-color:#f1f5f9}.admin-communication-page .communication-tab-container .tabs-header .tab-button.active{color:#10b981;background-color:#fff;border-bottom:2px solid #10b981;font-weight:600}.admin-communication-page .communication-tab-container .tabs-content{background-color:#fff;padding:24px}.admin-communication-page .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.admin-communication-page .loading-container p{color:#6b7280;margin:0;font-size:16px}.community-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.community-header .community-header__search-container{flex:1;align-items:center;min-width:0;display:flex}.community-header .community-header__search{flex:1;width:100%;min-width:0}.community-header .community-header__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.community-header .write-post-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.community-header .write-post-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.community-header .write-post-btn svg{flex-shrink:0}.course-qna-toolbar{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;padding:16px;display:flex}.course-qna-toolbar .write-post-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.course-qna-toolbar .write-post-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.course-qna-toolbar .write-post-btn svg{flex-shrink:0}.course-qna-toolbar__left{flex-direction:column;gap:8px;display:flex}.course-qna-toolbar__left .form-label{color:#374151;font-size:14px;font-weight:500}.course-qna-toolbar__left .form-select{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:260px;padding:10px 12px;font-size:14px;transition:all .2s}.course-qna-toolbar__left .form-select:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.section-title{color:#1f2937;margin:20px 0 16px;font-size:18px;font-weight:600}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-communication-page{background:#1a202c}html:not([data-theme=light]) .admin-communication-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-communication-page .page-header .header-content .header-title .header-icon{color:#68d391}html:not([data-theme=light]) .admin-communication-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-communication-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .admin-communication-page .communication-tab-container{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-communication-page .communication-tab-container h2{color:#f1f5f9}html:not([data-theme=light]) .admin-communication-page .communication-tab-container .tabs-wrapper{background-color:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-communication-page .communication-tab-container .tabs-header{background-color:#4a5568;border-bottom-color:#4a5568}html:not([data-theme=light]) .admin-communication-page .communication-tab-container .tabs-header .tab-button{color:#a0aec0}html:not([data-theme=light]) .admin-communication-page .communication-tab-container .tabs-header .tab-button:hover{color:#e2e8f0;background-color:#4a5568}html:not([data-theme=light]) .admin-communication-page .communication-tab-container .tabs-header .tab-button.active{color:#68d391;background-color:#2d3748;border-bottom-color:#68d391}html:not([data-theme=light]) .admin-communication-page .communication-tab-container .tabs-content{background-color:#2d3748}html:not([data-theme=light]) .admin-communication-page .loading-container p{color:#a0aec0}html:not([data-theme=light]) .community-header{justify-content:flex-end}html:not([data-theme=light]) .community-header .section-title{color:#f1f5f9}html:not([data-theme=light]) .community-header .write-post-btn{background:#68d391}html:not([data-theme=light]) .community-header .write-post-btn:hover{background:#48bb78;box-shadow:0 4px 12px #68d3914d}html:not([data-theme=light]) .course-qna-toolbar{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .course-qna-toolbar .write-post-btn{background:#68d391}html:not([data-theme=light]) .course-qna-toolbar .write-post-btn:hover{background:#48bb78;box-shadow:0 4px 12px #68d3914d}html:not([data-theme=light]) .course-qna-toolbar__left .form-label{color:#e2e8f0}html:not([data-theme=light]) .course-qna-toolbar__left .form-select{color:#f1f5f9;background:#2d3748;border-color:#718096}html:not([data-theme=light]) .course-qna-toolbar__left .form-select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html:not([data-theme=light]) .section-title{color:#f1f5f9}}html[data-theme=dark] .admin-communication-page{background:#1a202c}html[data-theme=dark] .admin-communication-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-communication-page .page-header .header-content .header-title .header-icon{color:#68d391}html[data-theme=dark] .admin-communication-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-communication-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .admin-communication-page .communication-tab-container{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-communication-page .communication-tab-container h2{color:#f1f5f9}html[data-theme=dark] .admin-communication-page .communication-tab-container .tabs-wrapper{background-color:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-communication-page .communication-tab-container .tabs-header{background-color:#4a5568;border-bottom-color:#4a5568}html[data-theme=dark] .admin-communication-page .communication-tab-container .tabs-header .tab-button{color:#a0aec0}html[data-theme=dark] .admin-communication-page .communication-tab-container .tabs-header .tab-button:hover{color:#e2e8f0;background-color:#4a5568}html[data-theme=dark] .admin-communication-page .communication-tab-container .tabs-header .tab-button.active{color:#68d391;background-color:#2d3748;border-bottom-color:#68d391}html[data-theme=dark] .admin-communication-page .communication-tab-container .tabs-content{background-color:#2d3748}html[data-theme=dark] .admin-communication-page .loading-container p{color:#a0aec0}html[data-theme=dark] .community-header{justify-content:flex-end}html[data-theme=dark] .community-header .section-title{color:#f1f5f9}html[data-theme=dark] .community-header .write-post-btn{background:#68d391}html[data-theme=dark] .community-header .write-post-btn:hover{background:#48bb78;box-shadow:0 4px 12px #68d3914d}html[data-theme=dark] .course-qna-toolbar{background:#4a5568;border-color:#718096}html[data-theme=dark] .course-qna-toolbar .write-post-btn{background:#68d391}html[data-theme=dark] .course-qna-toolbar .write-post-btn:hover{background:#48bb78;box-shadow:0 4px 12px #68d3914d}html[data-theme=dark] .course-qna-toolbar__left .form-label{color:#e2e8f0}html[data-theme=dark] .course-qna-toolbar__left .form-select{color:#f1f5f9;background:#2d3748;border-color:#718096}html[data-theme=dark] .course-qna-toolbar__left .form-select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html[data-theme=dark] .section-title{color:#f1f5f9}@media (width<=768px){.admin-communication-page{padding:16px}.admin-communication-page .page-header{margin-bottom:24px;padding:16px}.admin-communication-page .page-header .header-content .header-title h1{font-size:20px}.admin-communication-page .communication-tab-container{padding:16px}.community-header{flex-direction:column;align-items:stretch;gap:12px}.community-header .write-post-btn{justify-content:center;width:100%}.course-qna-toolbar{flex-direction:column;align-items:stretch;gap:12px}.course-qna-toolbar__left .form-select{width:100%;min-width:auto}.course-qna-toolbar .write-post-btn{justify-content:center;width:100%}.communication-tab-container .tabs-header{flex-direction:column}.communication-tab-container .tabs-header .tab-button{border-bottom:1px solid #e5e7eb}.communication-tab-container .tabs-header .tab-button:last-child{border-bottom:none}}.admin-booking-resource-page{background:#f8fafc;flex-direction:column;min-height:100vh;max-height:calc(100vh - 60px);padding:24px;display:flex;overflow:hidden}.admin-booking-resource-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-booking-resource-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.admin-booking-resource-page .page-header .header-content .header-title .header-icon{color:#8b5cf6}.admin-booking-resource-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.admin-booking-resource-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.admin-booking-resource-page .resource-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;min-height:0;padding:24px;overflow-y:auto;box-shadow:0 1px 3px #0000001a}.admin-booking-resource-page .makeup-resource-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;margin-bottom:20px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-booking-resource-page .academy-admin-resource-entry{flex-shrink:0;margin-bottom:16px}.admin-booking-resource-page .academy-admin-resource-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;width:100%;padding:16px 18px;transition:border-color .15s,box-shadow .15s;display:flex}.admin-booking-resource-page .academy-admin-resource-card:hover:not(:disabled){border-color:#c4b5fd;box-shadow:0 1px 3px #8b5cf61f}.admin-booking-resource-page .academy-admin-resource-card:disabled{opacity:.7;cursor:not-allowed}.admin-booking-resource-page .academy-admin-resource-card .academy-admin-resource-icon{color:#7c3aed;background:#ede9fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.admin-booking-resource-page .academy-admin-resource-card .academy-admin-resource-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-booking-resource-page .academy-admin-resource-card .academy-admin-resource-title{color:#111827;font-size:15px;font-weight:700}.admin-booking-resource-page .academy-admin-resource-card .academy-admin-resource-desc{color:#6b7280;font-size:13px}.admin-booking-resource-page .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.admin-booking-resource-page .loading-container p{color:#6b7280;margin:0;font-size:16px}.resource-list-wrapper{width:100%}.resource-list-wrapper .filter-section{border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.resource-list-wrapper .filter-section label{color:#374151;white-space:nowrap;font-size:14px;font-weight:600}.resource-list-wrapper .filter-section .type-filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:200px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}.resource-list-wrapper .filter-section .type-filter-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.resource-list-wrapper .filter-section .type-filter-select:hover{border-color:#9ca3af}.resource-list-wrapper .type-badge{text-align:center;white-space:nowrap;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.resource-list-wrapper .type-badge.type-badge-instructor{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.resource-list-wrapper .type-badge.type-badge-admin{color:#92400e;background:#fef3c7;border:1px solid #fde047}.resource-list-wrapper .type-badge.type-badge-academy{color:#6b21a8;background:#e9d5ff;border:1px solid #c084fc}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-booking-resource-page{background:#1a1a2e}html:not([data-theme=light]) .admin-booking-resource-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-booking-resource-page .page-header .header-content .header-title .header-icon{color:#a78bfa}html:not([data-theme=light]) .admin-booking-resource-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-booking-resource-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .admin-booking-resource-page .resource-list-container,html:not([data-theme=light]) .admin-booking-resource-page .makeup-resource-container,html:not([data-theme=light]) .admin-booking-resource-page .academy-admin-resource-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-booking-resource-page .academy-admin-resource-card .academy-admin-resource-icon{color:#c4b5fd;background:#2e1065}html:not([data-theme=light]) .admin-booking-resource-page .academy-admin-resource-card .academy-admin-resource-title{color:#f1f5f9}html:not([data-theme=light]) .admin-booking-resource-page .academy-admin-resource-card .academy-admin-resource-desc,html:not([data-theme=light]) .admin-booking-resource-page .loading-container p{color:#a0aec0}html:not([data-theme=light]) .resource-list-wrapper .filter-section{border-bottom-color:#4a5568}html:not([data-theme=light]) .resource-list-wrapper .filter-section label{color:#e2e8f0}html:not([data-theme=light]) .resource-list-wrapper .filter-section .type-filter-select{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .resource-list-wrapper .filter-section .type-filter-select:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}html:not([data-theme=light]) .resource-list-wrapper .filter-section .type-filter-select:hover{border-color:#718096}html:not([data-theme=light]) .resource-list-wrapper .type-badge.type-badge-instructor{color:#93c5fd;background:#1e3a5f;border-color:#3b82f6}html:not([data-theme=light]) .resource-list-wrapper .type-badge.type-badge-admin{color:#fde047;background:#78350f;border-color:#f59e0b}html:not([data-theme=light]) .resource-list-wrapper .type-badge.type-badge-academy{color:#c084fc;background:#581c87;border-color:#8b5cf6}}html[data-theme=dark] .admin-booking-resource-page{background:#1a1a2e}html[data-theme=dark] .admin-booking-resource-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-booking-resource-page .page-header .header-content .header-title .header-icon{color:#a78bfa}html[data-theme=dark] .admin-booking-resource-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-booking-resource-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .admin-booking-resource-page .resource-list-container,html[data-theme=dark] .admin-booking-resource-page .makeup-resource-container,html[data-theme=dark] .admin-booking-resource-page .academy-admin-resource-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-booking-resource-page .academy-admin-resource-card .academy-admin-resource-icon{color:#c4b5fd;background:#2e1065}html[data-theme=dark] .admin-booking-resource-page .academy-admin-resource-card .academy-admin-resource-title{color:#f1f5f9}html[data-theme=dark] .admin-booking-resource-page .academy-admin-resource-card .academy-admin-resource-desc,html[data-theme=dark] .admin-booking-resource-page .loading-container p{color:#a0aec0}html[data-theme=dark] .resource-list-wrapper .filter-section{border-bottom-color:#4a5568}html[data-theme=dark] .resource-list-wrapper .filter-section label{color:#e2e8f0}html[data-theme=dark] .resource-list-wrapper .filter-section .type-filter-select{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .resource-list-wrapper .filter-section .type-filter-select:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}html[data-theme=dark] .resource-list-wrapper .filter-section .type-filter-select:hover{border-color:#718096}html[data-theme=dark] .resource-list-wrapper .type-badge.type-badge-instructor{color:#93c5fd;background:#1e3a5f;border-color:#3b82f6}html[data-theme=dark] .resource-list-wrapper .type-badge.type-badge-admin{color:#fde047;background:#78350f;border-color:#f59e0b}html[data-theme=dark] .resource-list-wrapper .type-badge.type-badge-academy{color:#c084fc;background:#581c87;border-color:#8b5cf6}@media (width<=768px){.admin-booking-resource-page{padding:16px}.admin-booking-resource-page .page-header{margin-bottom:24px;padding:16px}.admin-booking-resource-page .page-header .header-content .header-title h1{font-size:20px}.admin-booking-resource-page .resource-list-container{padding:16px}.resource-list-wrapper .filter-section{flex-direction:column;align-items:stretch;gap:8px}.resource-list-wrapper .filter-section label{font-size:13px}.resource-list-wrapper .filter-section .type-filter-select{width:100%;min-width:auto}}.makeup-resource-section .makeup-section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.makeup-resource-section .makeup-section-header h2{color:#1f2937;margin:0 0 4px;font-size:18px;font-weight:700}.makeup-resource-section .makeup-section-header p{color:#6b7280;margin:0;font-size:13px}.makeup-resource-section .makeup-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.makeup-resource-section .makeup-add-btn:hover{background:#4f46e5}.makeup-resource-section .makeup-toast{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.makeup-resource-section .makeup-toast.is-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.makeup-resource-section .makeup-toast.has-action{justify-content:space-between;align-items:center;gap:12px;display:flex}.makeup-resource-section .makeup-toast-action{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}.makeup-resource-section .makeup-toast-action:hover:not(:disabled){background:#065f4614}.makeup-resource-section .makeup-toast-action:disabled{opacity:.6;cursor:not-allowed}.makeup-resource-section .makeup-loading{color:#6b7280;align-items:center;gap:8px;margin:8px 0 0;font-size:14px;display:flex}.makeup-resource-section .makeup-empty-state{text-align:center;background:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;display:flex}.makeup-resource-section .makeup-empty-state .makeup-empty-icon{color:#4f46e5;background:#eef2ff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;display:inline-flex}.makeup-resource-section .makeup-empty-state .makeup-empty-title{color:#1f2937;margin:0;font-size:15px;font-weight:700}.makeup-resource-section .makeup-empty-state .makeup-empty-desc{color:#6b7280;max-width:320px;margin:0 0 8px;font-size:13px}.makeup-resource-section .makeup-card-list{flex-direction:column;gap:20px;display:flex}.makeup-resource-section .makeup-group-title{letter-spacing:.04em;text-transform:uppercase;color:#6b7280;margin:0 0 10px;font-size:12px;font-weight:700}.makeup-resource-section .makeup-card-stack{flex-direction:column;gap:12px;display:flex}.makeup-resource-section .makeup-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:14px;padding:16px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.makeup-resource-section .makeup-card:hover,.makeup-resource-section .makeup-card:focus-visible{border-color:#c7d2fe;outline:none;box-shadow:0 4px 14px #6366f11a}.makeup-resource-section .makeup-card.is-disabled{opacity:.78;background:#f9fafb}.makeup-resource-section .makeup-card-leading{flex-shrink:0}.makeup-resource-section .makeup-card-leading .people-list-avatar{color:#3730a3;-webkit-user-select:none;user-select:none;background:#e0e7ff;border-radius:999px;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.makeup-resource-section .makeup-card-avatar{border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:inline-flex}.makeup-resource-section .makeup-card-avatar--shared{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.makeup-resource-section .makeup-card-avatar--initials{color:#3730a3;background:#e0e7ff}.makeup-resource-section .makeup-card-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.makeup-resource-section .makeup-card-top{align-items:flex-start;gap:8px;display:flex}.makeup-resource-section .makeup-card-title{color:#111827;word-break:break-word;flex:1;margin:0;font-size:16px;font-weight:700;line-height:1.35}.makeup-resource-section .makeup-card-more{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.makeup-resource-section .makeup-card-more:hover:not(:disabled){color:#111827;background:#f3f4f6}.makeup-resource-section .makeup-card-more:disabled{opacity:.6;cursor:not-allowed}.makeup-resource-section .makeup-card-badges{flex-wrap:wrap;gap:6px;display:flex}.makeup-resource-section .makeup-badge{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;max-width:100%;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex;overflow:hidden}.makeup-resource-section .makeup-badge--instructor{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe}.makeup-resource-section .makeup-badge--shared{color:#4338ca;background:#fff;border:1px solid #6366f1}.makeup-resource-section .makeup-badge--disabled{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.makeup-resource-section .makeup-card-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:2px;display:flex}.makeup-resource-section .makeup-card-toggle{align-items:center;gap:8px;display:inline-flex}.makeup-resource-section .makeup-card-toggle-label{color:#6b7280;font-size:12px;font-weight:600}.makeup-resource-section .makeup-card-settings{color:#4338ca;cursor:pointer;background:#eef2ff;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-flex}.makeup-resource-section .makeup-card-settings:hover{background:#e0e7ff}.makeup-resource-section .spinning{animation:.8s linear infinite makeup-spin}.makeup-more-menu-portal{z-index:1400;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:160px;padding:4px;position:fixed;box-shadow:0 10px 28px #0f172a24}.makeup-more-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.makeup-more-item:hover:not(:disabled){background:#f3f4f6}.makeup-more-item:disabled{opacity:.6;cursor:not-allowed}.makeup-more-item--danger{color:#dc2626}.makeup-more-item--danger:hover:not(:disabled){background:#fef2f2}.makeup-resource-section .makeup-shared-badge{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.makeup-modal-overlay{z-index:1200;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.makeup-modal{background:#fff;border-radius:12px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 20px 40px #0f172a33}.makeup-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.makeup-modal-header h3{color:#111827;margin:0;font-size:16px;font-weight:700}.makeup-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.makeup-modal-close:hover{color:#111827;background:#f3f4f6}.makeup-modal-body{flex-direction:column;gap:14px;padding:18px;display:flex}.makeup-form-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.makeup-field{flex-direction:column;gap:6px;display:flex}.makeup-field span{color:#374151;font-size:13px;font-weight:600}.makeup-field .field-optional{color:#9ca3af;margin-left:6px;font-size:12px;font-weight:500}.makeup-field select,.makeup-field input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:14px}.makeup-field select:focus,.makeup-field input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.makeup-field .field-hint{color:#9ca3af;font-size:12px;font-weight:400}.makeup-field .field-error{color:#dc2626;font-size:12px;font-weight:500}.makeup-modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.makeup-modal-actions .btn-secondary,.makeup-modal-actions .btn-primary{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.makeup-modal-actions .btn-secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.makeup-modal-actions .btn-secondary:hover:not(:disabled){background:#f9fafb}.makeup-modal-actions .btn-primary{color:#fff;background:#6366f1;border:none}.makeup-modal-actions .btn-primary:hover:not(:disabled){background:#4f46e5}.makeup-modal-actions .btn-primary:disabled{opacity:.7;cursor:not-allowed}@keyframes makeup-spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .makeup-resource-section .makeup-section-header h2{color:#f1f5f9}html:not([data-theme=light]) .makeup-resource-section .makeup-section-header p{color:#a0aec0}html:not([data-theme=light]) .makeup-resource-section .makeup-card{background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .makeup-resource-section .makeup-card:hover,html:not([data-theme=light]) .makeup-resource-section .makeup-card:focus-visible{border-color:#818cf8;box-shadow:0 4px 14px #00000040}html:not([data-theme=light]) .makeup-resource-section .makeup-card.is-disabled{background:#111827}html:not([data-theme=light]) .makeup-resource-section .makeup-card-title{color:#f1f5f9}html:not([data-theme=light]) .makeup-resource-section .makeup-group-title{color:#a0aec0}html:not([data-theme=light]) .makeup-resource-section .makeup-empty-state{background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .makeup-resource-section .makeup-empty-state .makeup-empty-title{color:#f1f5f9}html:not([data-theme=light]) .makeup-resource-section .makeup-empty-state .makeup-empty-desc,html:not([data-theme=light]) .makeup-resource-section .makeup-empty,html:not([data-theme=light]) .makeup-resource-section .makeup-loading{color:#a0aec0}html:not([data-theme=light]) .makeup-modal{background:#2d3748}html:not([data-theme=light]) .makeup-modal-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .makeup-modal-header h3{color:#f1f5f9}html:not([data-theme=light]) .makeup-field span{color:#e2e8f0}html:not([data-theme=light]) .makeup-field select,html:not([data-theme=light]) .makeup-field input{color:#f1f5f9;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .makeup-modal-actions .btn-secondary{color:#e2e8f0;background:#1f2937;border-color:#4a5568}}html[data-theme=dark] .makeup-resource-section .makeup-section-header h2{color:#f1f5f9}html[data-theme=dark] .makeup-resource-section .makeup-section-header p{color:#a0aec0}html[data-theme=dark] .makeup-resource-section .makeup-card{background:#1f2937;border-color:#4a5568}html[data-theme=dark] .makeup-resource-section .makeup-card:hover,html[data-theme=dark] .makeup-resource-section .makeup-card:focus-visible{border-color:#818cf8;box-shadow:0 4px 14px #00000040}html[data-theme=dark] .makeup-resource-section .makeup-card.is-disabled{background:#111827}html[data-theme=dark] .makeup-resource-section .makeup-card-title{color:#f1f5f9}html[data-theme=dark] .makeup-resource-section .makeup-group-title{color:#a0aec0}html[data-theme=dark] .makeup-resource-section .makeup-empty-state{background:#1f2937;border-color:#4a5568}html[data-theme=dark] .makeup-resource-section .makeup-empty-state .makeup-empty-title{color:#f1f5f9}html[data-theme=dark] .makeup-resource-section .makeup-empty-state .makeup-empty-desc,html[data-theme=dark] .makeup-resource-section .makeup-empty,html[data-theme=dark] .makeup-resource-section .makeup-loading{color:#a0aec0}html[data-theme=dark] .makeup-modal{background:#2d3748}html[data-theme=dark] .makeup-modal-header{border-bottom-color:#4a5568}html[data-theme=dark] .makeup-modal-header h3{color:#f1f5f9}html[data-theme=dark] .makeup-field span{color:#e2e8f0}html[data-theme=dark] .makeup-field select,html[data-theme=dark] .makeup-field input{color:#f1f5f9;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .makeup-modal-actions .btn-secondary{color:#e2e8f0;background:#1f2937;border-color:#4a5568}.makeup-settings-panel{flex-direction:column;gap:20px;display:flex}.makeup-settings-panel .makeup-toast{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.makeup-settings-panel .makeup-toast.is-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.makeup-settings-panel .makeup-shared-badge{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.makeup-settings-breadcrumb{color:#6b7280;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.makeup-settings-breadcrumb .sep{color:#9ca3af}.makeup-settings-breadcrumb .current{color:#111827;font-weight:600}.makeup-settings-summary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.makeup-settings-summary .summary-main{margin-bottom:16px}.makeup-settings-summary .summary-main h2{color:#111827;margin:0 0 10px;font-size:20px;font-weight:700}.makeup-settings-summary .summary-main--detail{align-items:flex-start;gap:16px;margin-bottom:0;display:flex}.makeup-settings-summary .summary-main--detail .summary-text{flex:1;min-width:0}.makeup-settings-summary .summary-main--detail .summary-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.makeup-settings-summary .summary-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.makeup-settings-summary .type-badge-makeup,.makeup-settings-summary .type-badge-instructor,.makeup-settings-summary .type-badge-admin,.makeup-settings-summary .type-badge-academy{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.makeup-settings-summary .type-badge-makeup{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.makeup-settings-summary .type-badge-instructor{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.makeup-settings-summary .type-badge-admin{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.makeup-settings-summary .type-badge-academy{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.makeup-settings-summary .owner-label{color:#4b5563;font-size:13px}.makeup-settings-summary .disabled-badge{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.makeup-settings-summary .summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.makeup-settings-summary .summary-grid dt{color:#6b7280;margin:0 0 4px;font-size:12px}.makeup-settings-summary .summary-grid dd{color:#111827;margin:0;font-size:14px;font-weight:600}.makeup-settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.makeup-settings-section .section-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.makeup-settings-section .section-header h3{color:#111827;margin:0 0 4px;font-size:16px;font-weight:700}.makeup-settings-section .section-header p{color:#6b7280;margin:0;font-size:13px}.makeup-settings-section .add-policy-btn,.makeup-settings-section .add-override-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700}.makeup-settings-section .add-policy-btn:hover,.makeup-settings-section .add-override-btn:hover{background:#2563eb}.makeup-settings-section .date-range-filter{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;gap:12px;margin-bottom:12px;padding:12px;display:flex}.makeup-settings-section .date-range-filter .filter-group{flex-direction:column;flex:1;gap:6px;display:flex}.makeup-settings-section .date-range-filter .filter-group label{color:#374151;font-size:13px;font-weight:600}.makeup-settings-section .date-range-filter .filter-group input[type=date]{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:14px}.makeup-settings-section .override-edit-hint{color:#6b7280;margin:0 0 12px;font-size:12px}.makeup-resource-settings-page .booking-page-body,.makeup-resource-settings-page .page-content,.makeup-resource-settings-page .content-area{overflow-y:auto}@media (width<=768px){.makeup-settings-summary .summary-grid{grid-template-columns:1fr}.makeup-settings-summary .summary-main--detail{flex-direction:column;align-items:stretch}.makeup-settings-summary .summary-main--detail .summary-actions{justify-content:space-between;padding-top:4px}.makeup-settings-section .section-header{flex-direction:column}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .makeup-settings-breadcrumb{color:#a0aec0}html:not([data-theme=light]) .makeup-settings-breadcrumb .sep{color:#718096}html:not([data-theme=light]) .makeup-settings-breadcrumb .current{color:#f1f5f9}html:not([data-theme=light]) .makeup-settings-summary{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .makeup-settings-summary .summary-main h2{color:#f1f5f9}html:not([data-theme=light]) .makeup-settings-summary .owner-label{color:#a0aec0}html:not([data-theme=light]) .makeup-settings-summary .type-badge-makeup{color:#6ee7b7;background:#064e3b;border-color:#059669}html:not([data-theme=light]) .makeup-settings-summary .type-badge-instructor{color:#93c5fd;background:#1e3a5f;border-color:#3b82f6}html:not([data-theme=light]) .makeup-settings-summary .type-badge-admin{color:#c4b5fd;background:#2e1065;border-color:#8b5cf6}html:not([data-theme=light]) .makeup-settings-summary .type-badge-academy{color:#fdba74;background:#7c2d12;border-color:#ea580c}html:not([data-theme=light]) .makeup-settings-summary .disabled-badge{color:#9ca3af;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .makeup-settings-summary .summary-actions .makeup-card-toggle-label,html:not([data-theme=light]) .makeup-settings-summary .summary-grid dt{color:#a0aec0}html:not([data-theme=light]) .makeup-settings-summary .summary-grid dd{color:#e2e8f0}html:not([data-theme=light]) .makeup-settings-panel .makeup-shared-badge{color:#c7d2fe;background:#312e81;border-color:#6366f1}html:not([data-theme=light]) .makeup-settings-panel .makeup-toast{color:#6ee7b7;background:#064e3b;border-color:#059669}html:not([data-theme=light]) .makeup-settings-panel .makeup-toast.is-error{color:#fecaca;background:#7f1d1d;border-color:#dc2626}html:not([data-theme=light]) .makeup-settings-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .makeup-settings-section .section-header h3{color:#f1f5f9}html:not([data-theme=light]) .makeup-settings-section .section-header p{color:#a0aec0}html:not([data-theme=light]) .makeup-settings-section .add-policy-btn,html:not([data-theme=light]) .makeup-settings-section .add-override-btn{background:#2563eb}html:not([data-theme=light]) .makeup-settings-section .add-policy-btn:hover,html:not([data-theme=light]) .makeup-settings-section .add-override-btn:hover{background:#1d4ed8}html:not([data-theme=light]) .makeup-settings-section .date-range-filter{background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .makeup-settings-section .date-range-filter .filter-group label{color:#e2e8f0}html:not([data-theme=light]) .makeup-settings-section .date-range-filter .filter-group input[type=date]{color:#e2e8f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111827;border-color:#4a5568}html:not([data-theme=light]) .makeup-settings-section .date-range-filter .filter-group input[type=date]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}html:not([data-theme=light]) .makeup-settings-section .override-edit-hint{color:#a0aec0}}html[data-theme=dark] .makeup-settings-breadcrumb{color:#a0aec0}html[data-theme=dark] .makeup-settings-breadcrumb .sep{color:#718096}html[data-theme=dark] .makeup-settings-breadcrumb .current{color:#f1f5f9}html[data-theme=dark] .makeup-settings-summary{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .makeup-settings-summary .summary-main h2{color:#f1f5f9}html[data-theme=dark] .makeup-settings-summary .owner-label{color:#a0aec0}html[data-theme=dark] .makeup-settings-summary .type-badge-makeup{color:#6ee7b7;background:#064e3b;border-color:#059669}html[data-theme=dark] .makeup-settings-summary .type-badge-instructor{color:#93c5fd;background:#1e3a5f;border-color:#3b82f6}html[data-theme=dark] .makeup-settings-summary .type-badge-admin{color:#c4b5fd;background:#2e1065;border-color:#8b5cf6}html[data-theme=dark] .makeup-settings-summary .type-badge-academy{color:#fdba74;background:#7c2d12;border-color:#ea580c}html[data-theme=dark] .makeup-settings-summary .disabled-badge{color:#9ca3af;background:#374151;border-color:#4b5563}html[data-theme=dark] .makeup-settings-summary .summary-actions .makeup-card-toggle-label,html[data-theme=dark] .makeup-settings-summary .summary-grid dt{color:#a0aec0}html[data-theme=dark] .makeup-settings-summary .summary-grid dd{color:#e2e8f0}html[data-theme=dark] .makeup-settings-panel .makeup-shared-badge{color:#c7d2fe;background:#312e81;border-color:#6366f1}html[data-theme=dark] .makeup-settings-panel .makeup-toast{color:#6ee7b7;background:#064e3b;border-color:#059669}html[data-theme=dark] .makeup-settings-panel .makeup-toast.is-error{color:#fecaca;background:#7f1d1d;border-color:#dc2626}html[data-theme=dark] .makeup-settings-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .makeup-settings-section .section-header h3{color:#f1f5f9}html[data-theme=dark] .makeup-settings-section .section-header p{color:#a0aec0}html[data-theme=dark] .makeup-settings-section .add-policy-btn,html[data-theme=dark] .makeup-settings-section .add-override-btn{background:#2563eb}html[data-theme=dark] .makeup-settings-section .add-policy-btn:hover,html[data-theme=dark] .makeup-settings-section .add-override-btn:hover{background:#1d4ed8}html[data-theme=dark] .makeup-settings-section .date-range-filter{background:#1f2937;border-color:#4a5568}html[data-theme=dark] .makeup-settings-section .date-range-filter .filter-group label{color:#e2e8f0}html[data-theme=dark] .makeup-settings-section .date-range-filter .filter-group input[type=date]{color:#e2e8f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111827;border-color:#4a5568}html[data-theme=dark] .makeup-settings-section .date-range-filter .filter-group input[type=date]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}html[data-theme=dark] .makeup-settings-section .override-edit-hint{color:#a0aec0}.policy-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.policy-modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;animation:.3s ease-out modalSlideIn;overflow:hidden auto;box-shadow:0 25px 50px -12px #00000040}.policy-modal-content .modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.policy-modal-content .modal-header h2{color:#1f2937;margin:0;font-size:20px;font-weight:800}.policy-modal-content .modal-header .close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.policy-modal-content .modal-header .close-btn:hover{color:#374151;background:#e5e7eb}.policy-modal-content .modal-body{padding:24px}.policy-modal-content .modal-body .time-range{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.policy-modal-content .modal-body .time-range>.form-group{min-width:0}.policy-modal-content .modal-body .time-range-hint{color:#6b7280;margin-top:-10px;margin-bottom:14px;font-size:12px;font-weight:600}.policy-modal-content .modal-body .form-group{margin-bottom:20px}.policy-modal-content .modal-body .form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.policy-modal-content .modal-body .form-group input[type=time],.policy-modal-content .modal-body .form-group input[type=date],.policy-modal-content .modal-body .form-group textarea,.policy-modal-content .modal-body .form-group select{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.policy-modal-content .modal-body .form-group input[type=time]:focus,.policy-modal-content .modal-body .form-group input[type=date]:focus,.policy-modal-content .modal-body .form-group textarea:focus,.policy-modal-content .modal-body .form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}.policy-modal-content .modal-body .form-group .time-picker{background:linear-gradient(#fff,#fbfdff);border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:10px;width:100%;min-width:0;padding:8px 10px;display:flex;position:relative;box-shadow:inset 0 2px 5px #0f172a0a}.policy-modal-content .modal-body .form-group .time-picker:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.policy-modal-content .modal-body .form-group .time-picker .time-icon{color:#6b7280;pointer-events:none}.policy-modal-content .modal-body .form-group .time-picker.has-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444424}.policy-modal-content .modal-body .form-group .time-picker .time-input{color:#111827;font-variant-numeric:tabular-nums;letter-spacing:.01em;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px;font-weight:800}.policy-modal-content .modal-body .form-group .time-picker .time-input::placeholder{color:#9ca3af;font-weight:700}.policy-modal-content .modal-body .form-group .date-picker-trigger{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:inset 0 1px 2px #0f172a0a}.policy-modal-content .modal-body .form-group .date-picker-trigger:hover{background:#fbfdff;border-color:#9ca3af}.policy-modal-content .modal-body .form-group .date-picker-trigger:focus-visible{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}.policy-modal-content .modal-body .form-group .date-picker-trigger .date-icon{color:#6b7280;flex:none}.policy-modal-content .modal-body .form-group .date-picker-trigger .date-value{text-align:left;font-variant-numeric:tabular-nums;flex:1}.policy-modal-content .modal-body .form-group .field-error{color:#b91c1c;margin-top:6px;font-size:12px;font-weight:700}.policy-modal-content .modal-body .form-group textarea{resize:vertical;min-height:92px;font-family:inherit}.policy-modal-content .modal-body .form-group .field-help{color:#6b7280;margin-top:6px;font-size:12px;font-weight:600;line-height:1.4}.policy-modal-content .modal-body .form-group .field-warn{color:#b45309;margin-top:6px;font-size:12px;font-weight:600;line-height:1.4}.policy-modal-content .modal-body .form-group input.has-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444424}.policy-modal-content .modal-body .form-group .checkbox-group,.policy-modal-content .modal-body .form-group .duration-presets{flex-wrap:wrap;gap:16px;display:flex}.policy-modal-content .modal-body .form-group .checkbox-label{cursor:pointer;color:#374151;align-items:center;gap:8px;font-weight:600;display:flex}.policy-modal-content .modal-body .form-group .checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.policy-modal-content .modal-body .form-group .duration-custom-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.policy-modal-content .modal-body .form-group .duration-custom-row .duration-custom-input{color:#374151;border:1px solid #d1d5db;border-radius:8px;width:100px;padding:8px 10px;font-size:14px;font-weight:700}.policy-modal-content .modal-body .form-group .duration-custom-row .duration-custom-input.has-error{border-color:#ef4444}.policy-modal-content .modal-body .form-group .duration-custom-row .duration-add-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #3b82f6;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s}.policy-modal-content .modal-body .form-group .duration-custom-row .duration-add-btn:hover{background:#dbeafe;border-color:#2563eb}.policy-modal-content .modal-body .form-group .duration-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.policy-modal-content .modal-body .form-group .duration-chips .duration-chip{color:#1d4ed8;background:#eff6ff;border-radius:9999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-flex}.policy-modal-content .modal-body .form-group .duration-chips .duration-chip .chip-remove{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:color .15s;display:inline-flex}.policy-modal-content .modal-body .form-group .duration-chips .duration-chip .chip-remove:hover{color:#dc2626}.policy-modal-content .modal-body .form-group .policy-info-accordion{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin-top:20px;margin-bottom:8px;overflow:hidden}.policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-toggle{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:700;transition:background .2s;display:flex}.policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-toggle:hover{background:#f1f5f9}.policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-toggle svg:first-child{color:#3b82f6;flex-shrink:0}.policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-toggle span{flex:1}.policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body{color:#4b5563;border-top:1px solid #e5e7eb;padding:14px 16px;font-size:13px;line-height:1.5}.policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body p{margin:0 0 10px}.policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body p:last-of-type{margin-bottom:8px}.policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body .policy-info-example{margin-top:12px}.policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body ul{margin:0;padding-left:20px}.policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body ul li{margin-bottom:6px}.policy-modal-content .modal-body .submit-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:12px;margin-bottom:0;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.4}.policy-modal-content .modal-body .modal-footer{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;display:flex}.policy-modal-content .modal-body .modal-footer button{cursor:pointer;border:1px solid;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s}.policy-modal-content .modal-body .modal-footer button.cancel-btn{color:#374151;background:#fff;border-color:#d1d5db}.policy-modal-content .modal-body .modal-footer button.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.policy-modal-content .modal-body .modal-footer button.submit-btn{color:#fff;background:#3b82f6;border-color:#3b82f6}.policy-modal-content .modal-body .modal-footer button.submit-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.policy-modal-content .modal-body .modal-footer button.submit-btn:disabled{opacity:.5;cursor:not-allowed}.notion-date-picker-popper{z-index:1200}.notion-date-picker-popper .react-datepicker__navigation{display:none}.notion-date-picker-popper .notion-datepicker-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.notion-date-picker-popper .notion-datepicker-header .month-label{color:var(--text-heading);letter-spacing:-.01em;font-size:13px;font-weight:800}.notion-date-picker-popper .notion-datepicker-header .today-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:700;transition:all .15s}.notion-date-picker-popper .notion-datepicker-header .today-btn:hover{background:var(--accent-subtle-bg)}.notion-date-picker-popper .notion-datepicker-header .nav{align-items:center;gap:6px;display:flex}.notion-date-picker-popper .notion-datepicker-header .nav-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.notion-date-picker-popper .notion-datepicker-header .nav-btn:hover:not(:disabled){background:var(--hover-bg)}.notion-date-picker-popper .notion-datepicker-header .nav-btn:disabled{opacity:.4;cursor:not-allowed}.notion-date-picker-popper .react-datepicker__day-names{margin-top:4px}.notion-date-picker-popper .react-datepicker__day-name,.notion-date-picker-popper .react-datepicker__day{border-radius:9px;width:1.9rem;margin:.1rem;font-weight:700;line-height:1.9rem}.notion-date-picker-popper .react-datepicker__day-name{font-size:12px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .policy-modal-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .policy-modal-content .modal-header{background:#374151;border-bottom-color:#4a5568}html:not([data-theme=light]) .policy-modal-content .modal-header h2{color:#f1f5f9}html:not([data-theme=light]) .policy-modal-content .modal-header .close-btn{color:#d1d5db}html:not([data-theme=light]) .policy-modal-content .modal-header .close-btn:hover{color:#f3f4f6;background:#4a5568}html:not([data-theme=light]) .policy-modal-content .modal-body .time-range{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html:not([data-theme=light]) .policy-modal-content .modal-body .time-range-hint{color:#cbd5e1}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group label{color:#e2e8f0}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group input[type=time],html:not([data-theme=light]) .policy-modal-content .modal-body .form-group input[type=date],html:not([data-theme=light]) .policy-modal-content .modal-body .form-group textarea,html:not([data-theme=light]) .policy-modal-content .modal-body .form-group select{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group input[type=time]:focus,html:not([data-theme=light]) .policy-modal-content .modal-body .form-group input[type=date]:focus,html:not([data-theme=light]) .policy-modal-content .modal-body .form-group textarea:focus,html:not([data-theme=light]) .policy-modal-content .modal-body .form-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .time-picker{background:linear-gradient(#1f2937,#172030);border-color:#4a5568;box-shadow:inset 0 2px 5px #00000059}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .time-picker:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .time-picker .time-icon{color:#cbd5e1}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .time-picker.has-error{border-color:#f87171;box-shadow:0 0 0 3px #f8717133}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .time-picker .time-input{color:#e2e8f0}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .time-picker .time-input::placeholder{color:#94a3b8}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .date-picker-trigger{color:#e2e8f0;background:linear-gradient(#1f2937,#172030);border-color:#4a5568}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .date-picker-trigger:hover{border-color:#718096}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .date-picker-trigger:focus-visible{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .date-picker-trigger .date-icon{color:#cbd5e1}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .field-error{color:#fecaca}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .field-help{color:#94a3b8}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .field-warn{color:#fbbf24}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .checkbox-label{color:#e2e8f0}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .duration-custom-row .duration-custom-input{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .duration-custom-row .duration-add-btn{color:#93c5fd;background:#3b82f633;border-color:#60a5fa}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .duration-custom-row .duration-add-btn:hover{background:#3b82f64d}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .duration-chips .duration-chip{color:#93c5fd;background:#3b82f633}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .duration-chips .duration-chip .chip-remove{color:#93c5fd}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .duration-chips .duration-chip .chip-remove:hover{color:#f87171}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .policy-info-accordion{background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-toggle{color:#e2e8f0}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-toggle:hover{background:#374151}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-toggle svg:first-child{color:#60a5fa}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body{border-top-color:#4a5568;color:#f1f5f9!important;background:#1f2937!important}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body p,html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body strong,html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body ul,html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body li{color:#f1f5f9!important}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body .policy-info-example strong{color:#f8fafc!important}html:not([data-theme=light]) .policy-modal-content .modal-body .modal-footer{border-top-color:#4a5568}html:not([data-theme=light]) .policy-modal-content .modal-body .modal-footer .cancel-btn{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .policy-modal-content .modal-body .modal-footer .cancel-btn:hover{background:#4a5568;border-color:#718096}}html[data-theme=dark] .policy-modal-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .policy-modal-content .modal-header{background:#374151;border-bottom-color:#4a5568}html[data-theme=dark] .policy-modal-content .modal-header h2{color:#f1f5f9}html[data-theme=dark] .policy-modal-content .modal-header .close-btn{color:#d1d5db}html[data-theme=dark] .policy-modal-content .modal-header .close-btn:hover{color:#f3f4f6;background:#4a5568}html[data-theme=dark] .policy-modal-content .modal-body .time-range{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html[data-theme=dark] .policy-modal-content .modal-body .time-range-hint{color:#cbd5e1}html[data-theme=dark] .policy-modal-content .modal-body .form-group label{color:#e2e8f0}html[data-theme=dark] .policy-modal-content .modal-body .form-group input[type=time],html[data-theme=dark] .policy-modal-content .modal-body .form-group input[type=date],html[data-theme=dark] .policy-modal-content .modal-body .form-group textarea,html[data-theme=dark] .policy-modal-content .modal-body .form-group select{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .policy-modal-content .modal-body .form-group input[type=time]:focus,html[data-theme=dark] .policy-modal-content .modal-body .form-group input[type=date]:focus,html[data-theme=dark] .policy-modal-content .modal-body .form-group textarea:focus,html[data-theme=dark] .policy-modal-content .modal-body .form-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html[data-theme=dark] .policy-modal-content .modal-body .form-group .time-picker{background:linear-gradient(#1f2937,#172030);border-color:#4a5568;box-shadow:inset 0 2px 5px #00000059}html[data-theme=dark] .policy-modal-content .modal-body .form-group .time-picker:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html[data-theme=dark] .policy-modal-content .modal-body .form-group .time-picker .time-icon{color:#cbd5e1}html[data-theme=dark] .policy-modal-content .modal-body .form-group .time-picker.has-error{border-color:#f87171;box-shadow:0 0 0 3px #f8717133}html[data-theme=dark] .policy-modal-content .modal-body .form-group .time-picker .time-input{color:#e2e8f0}html[data-theme=dark] .policy-modal-content .modal-body .form-group .time-picker .time-input::placeholder{color:#94a3b8}html[data-theme=dark] .policy-modal-content .modal-body .form-group .date-picker-trigger{color:#e2e8f0;background:linear-gradient(#1f2937,#172030);border-color:#4a5568}html[data-theme=dark] .policy-modal-content .modal-body .form-group .date-picker-trigger:hover{border-color:#718096}html[data-theme=dark] .policy-modal-content .modal-body .form-group .date-picker-trigger:focus-visible{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html[data-theme=dark] .policy-modal-content .modal-body .form-group .date-picker-trigger .date-icon{color:#cbd5e1}html[data-theme=dark] .policy-modal-content .modal-body .form-group .field-error{color:#fecaca}html[data-theme=dark] .policy-modal-content .modal-body .form-group .field-help{color:#94a3b8}html[data-theme=dark] .policy-modal-content .modal-body .form-group .field-warn{color:#fbbf24}html[data-theme=dark] .policy-modal-content .modal-body .form-group .checkbox-label{color:#e2e8f0}html[data-theme=dark] .policy-modal-content .modal-body .form-group .duration-custom-row .duration-custom-input{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .policy-modal-content .modal-body .form-group .duration-custom-row .duration-add-btn{color:#93c5fd;background:#3b82f633;border-color:#60a5fa}html[data-theme=dark] .policy-modal-content .modal-body .form-group .duration-custom-row .duration-add-btn:hover{background:#3b82f64d}html[data-theme=dark] .policy-modal-content .modal-body .form-group .duration-chips .duration-chip{color:#93c5fd;background:#3b82f633}html[data-theme=dark] .policy-modal-content .modal-body .form-group .duration-chips .duration-chip .chip-remove{color:#93c5fd}html[data-theme=dark] .policy-modal-content .modal-body .form-group .duration-chips .duration-chip .chip-remove:hover{color:#f87171}html[data-theme=dark] .policy-modal-content .modal-body .form-group .policy-info-accordion{background:#1f2937;border-color:#4a5568}html[data-theme=dark] .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-toggle{color:#e2e8f0}html[data-theme=dark] .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-toggle:hover{background:#374151}html[data-theme=dark] .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-toggle svg:first-child{color:#60a5fa}html[data-theme=dark] .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body{border-top-color:#4a5568;color:#f1f5f9!important;background:#1f2937!important}html[data-theme=dark] .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body p,html[data-theme=dark] .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body strong,html[data-theme=dark] .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body ul,html[data-theme=dark] .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body li{color:#f1f5f9!important}html[data-theme=dark] .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body .policy-info-example strong{color:#f8fafc!important}html[data-theme=dark] .policy-modal-content .modal-body .modal-footer{border-top-color:#4a5568}html[data-theme=dark] .policy-modal-content .modal-body .modal-footer .cancel-btn{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .policy-modal-content .modal-body .modal-footer .cancel-btn:hover{background:#4a5568;border-color:#718096}@media (width<=640px){.policy-modal-content .modal-body .time-range{grid-template-columns:1fr}.policy-modal-content .modal-body .modal-footer{justify-content:stretch}.policy-modal-content .modal-body .modal-footer button{flex:160px}}.slot-preview .preview-header{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:16px}.slot-preview .preview-header h2{color:#1f2937;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;display:flex}.slot-preview .preview-controls{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:16px;margin-bottom:24px;padding:16px;display:flex}.slot-preview .preview-controls .control-group{flex-direction:column;gap:8px;display:flex}.slot-preview .preview-controls .control-group label{color:#374151;font-size:14px;font-weight:700}.slot-preview .preview-controls .control-group input[type=date],.slot-preview .preview-controls .control-group select{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s}.slot-preview .preview-controls .control-group input[type=date]:focus,.slot-preview .preview-controls .control-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}.slot-preview .preview-controls .control-group .radio-group{gap:16px;display:flex}.slot-preview .preview-controls .control-group .radio-group label{cursor:pointer;align-items:center;gap:8px;font-weight:600;display:flex}.slot-preview .preview-controls .control-group .radio-group label input[type=radio]{cursor:pointer}.slot-preview .preview-controls .control-group.duration-preview-group{border-bottom:1px solid #e5e7eb;padding:12px 0}.slot-preview .preview-controls .control-group.duration-preview-group:last-child{border-bottom:none}.slot-preview .preview-controls .control-group .duration-preview-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:800;display:flex}.slot-preview .preview-controls .control-group .duration-preview-title svg{color:#3b82f6;flex-shrink:0}.slot-preview .preview-controls .control-group .duration-radio-group{flex-wrap:wrap;gap:12px 20px;display:flex}.slot-preview .preview-controls .control-group .duration-radio-option{cursor:pointer;color:#374151;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-weight:600;transition:all .2s;display:inline-flex}.slot-preview .preview-controls .control-group .duration-radio-option input[type=radio]{cursor:pointer;accent-color:#3b82f6;width:18px;height:18px;margin:0}.slot-preview .preview-controls .control-group .duration-radio-option .duration-radio-label{-webkit-user-select:none;user-select:none}.slot-preview .preview-controls .control-group .duration-radio-option:has(input:checked){color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.slot-preview .preview-controls .control-group .duration-radio-option:hover{background:#f1f5f9}.slot-preview .preview-controls .control-group .duration-radio-option:has(input:checked):hover{background:#dbeafe}.slot-preview .preview-results .slots-list .day-slots,.slot-preview .preview-results .slots-range-list .day-slots{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:24px}.slot-preview .preview-results .slots-list .day-slots:last-child,.slot-preview .preview-results .slots-range-list .day-slots:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.slot-preview .preview-results .slots-list .day-slots h3,.slot-preview .preview-results .slots-range-list .day-slots h3,.slot-preview .preview-results .slots-list h3,.slot-preview .preview-results .slots-range-list h3{color:#374151;margin:0 0 12px;font-size:16px;font-weight:700}.slot-preview .preview-results .slots-list .slots-grid,.slot-preview .preview-results .slots-range-list .slots-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.slot-preview .preview-results .slots-list .slot-item,.slot-preview .preview-results .slots-range-list .slot-item{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.slot-preview .preview-results .slots-list .slot-item:hover,.slot-preview .preview-results .slots-range-list .slot-item:hover{background:#dcfce7;border-color:#86efac}.slot-preview .preview-results .slots-list .slot-item svg,.slot-preview .preview-results .slots-range-list .slot-item svg{flex-shrink:0}.slot-preview .preview-results .slots-list .no-slots,.slot-preview .preview-results .slots-list .no-slots-day,.slot-preview .preview-results .slots-range-list .no-slots,.slot-preview .preview-results .slots-range-list .no-slots-day{text-align:center;color:#9ca3af;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:8px;padding:20px;font-size:14px;font-style:italic}.slot-preview .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.slot-preview .loading-container p{color:#6b7280;margin:0;font-size:16px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .slot-preview .preview-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .slot-preview .preview-header h2{color:#f1f5f9}html:not([data-theme=light]) .slot-preview .preview-controls{background:#374151;border-color:#4a5568}html:not([data-theme=light]) .slot-preview .preview-controls .control-group label{color:#e2e8f0}html:not([data-theme=light]) .slot-preview .preview-controls .control-group input[type=date],html:not([data-theme=light]) .slot-preview .preview-controls .control-group select{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .slot-preview .preview-controls .control-group input[type=date]:focus,html:not([data-theme=light]) .slot-preview .preview-controls .control-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html:not([data-theme=light]) .slot-preview .preview-controls .control-group.duration-preview-group{border-bottom-color:#4a5568}html:not([data-theme=light]) .slot-preview .preview-controls .control-group .duration-preview-title{color:#f1f5f9}html:not([data-theme=light]) .slot-preview .preview-controls .control-group .duration-preview-title svg{color:#60a5fa}html:not([data-theme=light]) .slot-preview .preview-controls .control-group .duration-radio-option{color:#e2e8f0}html:not([data-theme=light]) .slot-preview .preview-controls .control-group .duration-radio-option:has(input:checked){color:#93c5fd;background:#3b82f633;border-color:#60a5fa}html:not([data-theme=light]) .slot-preview .preview-controls .control-group .duration-radio-option:hover{background:#94a3b826}html:not([data-theme=light]) .slot-preview .preview-controls .control-group .duration-radio-option:has(input:checked):hover{background:#3b82f64d}html:not([data-theme=light]) .slot-preview .preview-results .slots-list .day-slots,html:not([data-theme=light]) .slot-preview .preview-results .slots-range-list .day-slots{border-bottom-color:#4a5568}html:not([data-theme=light]) .slot-preview .preview-results .slots-list .day-slots h3,html:not([data-theme=light]) .slot-preview .preview-results .slots-range-list .day-slots h3,html:not([data-theme=light]) .slot-preview .preview-results .slots-list h3,html:not([data-theme=light]) .slot-preview .preview-results .slots-range-list h3{color:#f1f5f9}html:not([data-theme=light]) .slot-preview .preview-results .slots-list .slot-item,html:not([data-theme=light]) .slot-preview .preview-results .slots-range-list .slot-item{color:#d1fae5;background:#065f46;border-color:#10b981}html:not([data-theme=light]) .slot-preview .preview-results .slots-list .slot-item:hover,html:not([data-theme=light]) .slot-preview .preview-results .slots-range-list .slot-item:hover{background:#047857;border-color:#059669}html:not([data-theme=light]) .slot-preview .preview-results .slots-list .no-slots,html:not([data-theme=light]) .slot-preview .preview-results .slots-list .no-slots-day,html:not([data-theme=light]) .slot-preview .preview-results .slots-range-list .no-slots,html:not([data-theme=light]) .slot-preview .preview-results .slots-range-list .no-slots-day{color:#9ca3af;background:#374151;border-color:#4a5568}}html[data-theme=dark] .slot-preview .preview-header{border-bottom-color:#4a5568}html[data-theme=dark] .slot-preview .preview-header h2{color:#f1f5f9}html[data-theme=dark] .slot-preview .preview-controls{background:#374151;border-color:#4a5568}html[data-theme=dark] .slot-preview .preview-controls .control-group label{color:#e2e8f0}html[data-theme=dark] .slot-preview .preview-controls .control-group input[type=date],html[data-theme=dark] .slot-preview .preview-controls .control-group select{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .slot-preview .preview-controls .control-group input[type=date]:focus,html[data-theme=dark] .slot-preview .preview-controls .control-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html[data-theme=dark] .slot-preview .preview-controls .control-group.duration-preview-group{border-bottom-color:#4a5568}html[data-theme=dark] .slot-preview .preview-controls .control-group .duration-preview-title{color:#f1f5f9}html[data-theme=dark] .slot-preview .preview-controls .control-group .duration-preview-title svg{color:#60a5fa}html[data-theme=dark] .slot-preview .preview-controls .control-group .duration-radio-option{color:#e2e8f0}html[data-theme=dark] .slot-preview .preview-controls .control-group .duration-radio-option:has(input:checked){color:#93c5fd;background:#3b82f633;border-color:#60a5fa}html[data-theme=dark] .slot-preview .preview-controls .control-group .duration-radio-option:hover{background:#94a3b826}html[data-theme=dark] .slot-preview .preview-controls .control-group .duration-radio-option:has(input:checked):hover{background:#3b82f64d}html[data-theme=dark] .slot-preview .preview-results .slots-list .day-slots,html[data-theme=dark] .slot-preview .preview-results .slots-range-list .day-slots{border-bottom-color:#4a5568}html[data-theme=dark] .slot-preview .preview-results .slots-list .day-slots h3,html[data-theme=dark] .slot-preview .preview-results .slots-range-list .day-slots h3,html[data-theme=dark] .slot-preview .preview-results .slots-list h3,html[data-theme=dark] .slot-preview .preview-results .slots-range-list h3{color:#f1f5f9}html[data-theme=dark] .slot-preview .preview-results .slots-list .slot-item,html[data-theme=dark] .slot-preview .preview-results .slots-range-list .slot-item{color:#d1fae5;background:#065f46;border-color:#10b981}html[data-theme=dark] .slot-preview .preview-results .slots-list .slot-item:hover,html[data-theme=dark] .slot-preview .preview-results .slots-range-list .slot-item:hover{background:#047857;border-color:#059669}html[data-theme=dark] .slot-preview .preview-results .slots-list .no-slots,html[data-theme=dark] .slot-preview .preview-results .slots-list .no-slots-day,html[data-theme=dark] .slot-preview .preview-results .slots-range-list .no-slots,html[data-theme=dark] .slot-preview .preview-results .slots-range-list .no-slots-day{color:#9ca3af;background:#374151;border-color:#4a5568}@media (width<=768px){.slot-preview .preview-controls .control-group .radio-group{flex-direction:column;gap:8px}.slot-preview .preview-controls .control-group .duration-radio-group{gap:10px}.slot-preview .preview-results .slots-list .slots-grid,.slot-preview .preview-results .slots-range-list .slots-grid{grid-template-columns:1fr}}.booking-page-shell{background:#f8fafc;min-height:100vh;padding:24px}.booking-page-shell .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.booking-page-shell .page-header .header-content{justify-content:flex-start;align-items:center;gap:16px;display:flex}.booking-page-shell .page-header .header-content .back-button{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.booking-page-shell .page-header .header-content .back-button:hover{background:#e5e7eb;border-color:#9ca3af}.booking-page-shell .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.booking-page-shell .page-header .header-content .header-title .header-icon{color:#3b82f6}.booking-page-shell .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.booking-page-shell .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.booking-page-shell .page-header .header-content .header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.booking-page-shell .page-header .header-content .header-actions .header-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:1px solid #2563eb;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #2563eb2e}.booking-page-shell .page-header .header-content .header-actions .header-action-btn svg{flex-shrink:0}.booking-page-shell .page-header .header-content .header-actions .header-action-btn:hover{background:#1d4ed8;border-color:#1d4ed8}.booking-page-shell .page-header .header-content .header-actions .header-action-btn:active{transform:translateY(.5px);box-shadow:0 1px 4px #2563eb40}.booking-page-shell .page-header .header-content .header-actions .header-action-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.booking-page-shell .page-header .header-context{margin-top:20px}.booking-page-shell .resource-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:8px;margin-bottom:24px;padding:8px;display:flex;box-shadow:0 1px 3px #0000001a}.booking-page-shell .resource-tabs .tab-btn{color:#6b7280;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.booking-page-shell .resource-tabs .tab-btn:hover{color:#374151;background:#f3f4f6}.booking-page-shell .resource-tabs .tab-btn.active{color:#fff;background:#3b82f6;box-shadow:0 2px 8px #3b82f640}.booking-page-shell .resource-tabs .tab-btn.active:hover{background:#2563eb}.booking-page-shell .resource-tabs .tab-btn svg{flex-shrink:0}.booking-page-shell .success-banner{color:#065f46;background:#d1fae5;border:1px solid #10b981;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600}.booking-page-shell .info-banner{color:#1e40af;background:#dbeafe;border:1px solid #3b82f6;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:700}.booking-page-shell .error-container{color:#991b1b;background:#fee2e2;border:1px solid #ef4444;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600}.booking-page-shell .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.booking-page-shell .loading-container p{color:#6b7280;margin:0;font-size:16px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .booking-page-shell{background:#1a1a2e}html:not([data-theme=light]) .booking-page-shell .resource-tabs{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .booking-page-shell .resource-tabs .tab-btn{color:#a0aec0}html:not([data-theme=light]) .booking-page-shell .resource-tabs .tab-btn:hover{color:#e2e8f0;background:#374151}html:not([data-theme=light]) .booking-page-shell .resource-tabs .tab-btn.active{color:#fff;background:#2563eb}html:not([data-theme=light]) .booking-page-shell .resource-tabs .tab-btn.active:hover{background:#1d4ed8}html:not([data-theme=light]) .booking-page-shell .info-banner{color:#bfdbfe;background:#3b82f629;border-color:#60a5fa99}html:not([data-theme=light]) .booking-page-shell .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .booking-page-shell .page-header .header-content .back-button{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .booking-page-shell .page-header .header-content .back-button:hover{background:#4a5568}html:not([data-theme=light]) .booking-page-shell .page-header .header-content .header-title .header-icon{color:#60a5fa}html:not([data-theme=light]) .booking-page-shell .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .booking-page-shell .page-header .header-content .header-title .header-description{color:#a0aec0}}html[data-theme=dark] .booking-page-shell{background:#1a1a2e}html[data-theme=dark] .booking-page-shell .resource-tabs{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .booking-page-shell .resource-tabs .tab-btn{color:#a0aec0}html[data-theme=dark] .booking-page-shell .resource-tabs .tab-btn:hover{color:#e2e8f0;background:#374151}html[data-theme=dark] .booking-page-shell .resource-tabs .tab-btn.active{color:#fff;background:#2563eb}html[data-theme=dark] .booking-page-shell .resource-tabs .tab-btn.active:hover{background:#1d4ed8}html[data-theme=dark] .booking-page-shell .info-banner{color:#bfdbfe;background:#3b82f629;border-color:#60a5fa99}html[data-theme=dark] .booking-page-shell .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .booking-page-shell .page-header .header-content .back-button{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .booking-page-shell .page-header .header-content .back-button:hover{background:#4a5568}html[data-theme=dark] .booking-page-shell .page-header .header-content .header-title .header-icon{color:#60a5fa}html[data-theme=dark] .booking-page-shell .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .booking-page-shell .page-header .header-content .header-title .header-description{color:#a0aec0}@media (width<=768px){.booking-page-shell{padding:16px}.booking-page-shell .resource-tabs{gap:6px;padding:6px}.booking-page-shell .resource-tabs .tab-btn{padding:10px 12px;font-size:12px}.booking-page-shell .resource-tabs .tab-btn svg{width:16px;height:16px}.booking-page-shell .page-header{margin-bottom:24px;padding:16px}.booking-page-shell .page-header .header-content{flex-direction:column;align-items:flex-start;gap:12px}.booking-page-shell .page-header .header-context{margin-top:16px}}.booking-policy-page .policy-content{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1200px){.booking-policy-page .policy-content{grid-template-columns:1fr}}.booking-policy-page .policy-list-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;min-height:0;padding:24px;display:flex;box-shadow:0 1px 3px #0000001a}.booking-policy-page .policy-list-section .section-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.booking-policy-page .policy-list-section .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:800}.booking-policy-page .policy-list-section .section-header .add-policy-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:800;transition:all .2s}.booking-policy-page .policy-list-section .section-header .add-policy-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.booking-policy-page .policy-list-section .booking-policy-list-table{flex:1;min-height:0}.booking-policy-page .policy-list-section .booking-policy-list-table .table-wrapper{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;max-height:400px;overflow:auto}.booking-policy-page .policy-list-section .booking-policy-list-table .table-wrapper::-webkit-scrollbar{width:8px;height:8px}.booking-policy-page .policy-list-section .booking-policy-list-table .table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.booking-policy-page .policy-list-section .booking-policy-list-table .table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.booking-policy-page .policy-list-section .booking-policy-list-table .table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.booking-policy-page .policy-list-section .booking-policy-list-table .action-cell .more-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.booking-policy-page .policy-list-section .booking-policy-list-table .action-cell .more-btn:hover{color:#475569;background:#e2e8f0;border-color:#94a3b8;box-shadow:0 2px 4px #00000014}.booking-policy-page .policy-list-section .booking-policy-list-table .action-cell .more-btn:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-wrap{position:relative}.booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:160px;padding:6px 0;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item:hover{color:#1e293b;background:#f1f5f9}.booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item.policy-more-item-danger{color:#dc2626;border-top:1px solid #e2e8f0;margin-top:4px;padding-top:10px}.booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item.policy-more-item-danger:hover{color:#b91c1c;background:#fef2f2}.booking-policy-page .slot-preview-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .booking-policy-page .policy-list-section,html:not([data-theme=light]) .booking-policy-page .slot-preview-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .booking-policy-page .policy-list-section .section-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .booking-policy-page .policy-list-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .booking-policy-page .policy-list-section .section-header .add-policy-btn{background:#2563eb}html:not([data-theme=light]) .booking-policy-page .policy-list-section .section-header .add-policy-btn:hover{background:#1d4ed8}html:not([data-theme=light]) .booking-policy-page .policy-list-section .booking-policy-list-table .action-cell .more-btn{color:#9ca3af;background:#374151;border-color:#4b5563}html:not([data-theme=light]) .booking-policy-page .policy-list-section .booking-policy-list-table .action-cell .more-btn:hover{color:#d1d5db;background:#4b5563;border-color:#6b7280}html:not([data-theme=light]) .booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-menu{background:#374151;border-color:#4b5563}html:not([data-theme=light]) .booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item{color:#e5e7eb}html:not([data-theme=light]) .booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item:hover{color:#f9fafb;background:#4b5563}html:not([data-theme=light]) .booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item.policy-more-item-danger{color:#f87171;border-top-color:#4b5563}html:not([data-theme=light]) .booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item.policy-more-item-danger:hover{color:#fca5a5;background:#7f1d1d}}html[data-theme=dark] .booking-policy-page .policy-list-section,html[data-theme=dark] .booking-policy-page .slot-preview-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .booking-policy-page .policy-list-section .section-header{border-bottom-color:#4a5568}html[data-theme=dark] .booking-policy-page .policy-list-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .booking-policy-page .policy-list-section .section-header .add-policy-btn{background:#2563eb}html[data-theme=dark] .booking-policy-page .policy-list-section .section-header .add-policy-btn:hover{background:#1d4ed8}html[data-theme=dark] .booking-policy-page .policy-list-section .booking-policy-list-table .action-cell .more-btn{color:#9ca3af;background:#374151;border-color:#4b5563}html[data-theme=dark] .booking-policy-page .policy-list-section .booking-policy-list-table .action-cell .more-btn:hover{color:#d1d5db;background:#4b5563;border-color:#6b7280}html[data-theme=dark] .booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-menu{background:#374151;border-color:#4b5563}html[data-theme=dark] .booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item{color:#e5e7eb}html[data-theme=dark] .booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item:hover{color:#f9fafb;background:#4b5563}html[data-theme=dark] .booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item.policy-more-item-danger{color:#f87171;border-top-color:#4b5563}html[data-theme=dark] .booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item.policy-more-item-danger:hover{color:#fca5a5;background:#7f1d1d}@media (width<=768px){.booking-policy-page .policy-content{gap:16px}.booking-policy-page .policy-list-section,.booking-policy-page .slot-preview-section{padding:16px}}.booking-override-page .override-content{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1200px){.booking-override-page .override-content{grid-template-columns:1fr}}.booking-override-page .override-list-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.booking-override-page .override-list-section .section-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.booking-override-page .override-list-section .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:800}.booking-override-page .override-list-section .section-header .add-override-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:800;transition:all .2s}.booking-override-page .override-list-section .section-header .add-override-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.booking-override-page .override-list-section .date-range-filter{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;gap:16px;margin-bottom:20px;padding:16px;display:flex}.booking-override-page .override-list-section .date-range-filter .filter-group{flex-direction:column;flex:1;gap:8px;display:flex}.booking-override-page .override-list-section .date-range-filter .filter-group label{color:#374151;font-size:14px;font-weight:700}.booking-override-page .override-list-section .date-range-filter .filter-group input[type=date]{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px;transition:all .2s}.booking-override-page .override-list-section .date-range-filter .filter-group input[type=date]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}.booking-override-page .slot-preview-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.override-badge{text-align:center;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.override-badge.override-badge-closed{color:#991b1b;background:#fee2e2;border:1px solid #ef4444}.override-badge.override-badge-open{color:#1e40af;background:#dbeafe;border:1px solid #3b82f6}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .booking-override-page .override-list-section,html:not([data-theme=light]) .booking-override-page .slot-preview-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .booking-override-page .override-list-section .section-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .booking-override-page .override-list-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .booking-override-page .override-list-section .date-range-filter{background:#374151;border-color:#4a5568}html:not([data-theme=light]) .booking-override-page .override-list-section .date-range-filter .filter-group label{color:#e2e8f0}html:not([data-theme=light]) .booking-override-page .override-list-section .date-range-filter .filter-group input[type=date]{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .booking-override-page .override-list-section .date-range-filter .filter-group input[type=date]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html:not([data-theme=light]) .override-badge.override-badge-closed{color:#fca5a5;background:#7f1d1d;border-color:#dc2626}html:not([data-theme=light]) .override-badge.override-badge-open{color:#93c5fd;background:#1e3a8a;border-color:#2563eb}}html[data-theme=dark] .booking-override-page .override-list-section,html[data-theme=dark] .booking-override-page .slot-preview-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .booking-override-page .override-list-section .section-header{border-bottom-color:#4a5568}html[data-theme=dark] .booking-override-page .override-list-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .booking-override-page .override-list-section .date-range-filter{background:#374151;border-color:#4a5568}html[data-theme=dark] .booking-override-page .override-list-section .date-range-filter .filter-group label{color:#e2e8f0}html[data-theme=dark] .booking-override-page .override-list-section .date-range-filter .filter-group input[type=date]{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .booking-override-page .override-list-section .date-range-filter .filter-group input[type=date]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html[data-theme=dark] .override-badge.override-badge-closed{color:#fca5a5;background:#7f1d1d;border-color:#dc2626}html[data-theme=dark] .override-badge.override-badge-open{color:#93c5fd;background:#1e3a8a;border-color:#2563eb}@media (width<=768px){.booking-override-page .override-content{gap:16px}.booking-override-page .override-list-section,.booking-override-page .slot-preview-section{padding:16px}.booking-override-page .date-range-filter{flex-direction:column;gap:12px}}.booking-page-shell.booking-resource-overview-page .overview-content{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1200px){.booking-page-shell.booking-resource-overview-page .overview-content{grid-template-columns:1fr 1fr}}.booking-page-shell.booking-resource-overview-page .resource-info-card,.booking-page-shell.booking-resource-overview-page .quick-actions-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.booking-page-shell.booking-resource-overview-page .resource-info-card h2,.booking-page-shell.booking-resource-overview-page .quick-actions-card h2{color:#1f2937;border-bottom:1px solid #e5e7eb;margin:0 0 20px;padding-bottom:16px;font-size:20px;font-weight:700}.booking-page-shell.booking-resource-overview-page .resource-info-card .info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.booking-page-shell.booking-resource-overview-page .resource-info-card .info-grid .info-item{flex-direction:column;gap:8px;display:flex}.booking-page-shell.booking-resource-overview-page .resource-info-card .info-grid .info-item label{color:#6b7280;font-size:14px;font-weight:600}.booking-page-shell.booking-resource-overview-page .resource-info-card .info-grid .info-item .value{color:#1f2937;font-size:16px;font-weight:500}.booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs{flex-wrap:wrap;gap:8px;display:flex}.booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn{color:#374151;cursor:pointer;text-align:center;background:#f8fafc;border:2px solid #e5e7eb;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:150px;padding:14px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn svg{flex-shrink:0}.booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:first-child{color:#8b5cf6;border-color:#8b5cf6}.booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:first-child:hover{background:#f5f3ff;border-color:#7c3aed}.booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:nth-child(2){color:#f59e0b;border-color:#f59e0b}.booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:nth-child(2):hover{background:#fffbeb;border-color:#d97706}.booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:nth-child(3){color:#3b82f6;border-color:#3b82f6}.booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:nth-child(3):hover{background:#eff6ff;border-color:#2563eb}.booking-page-shell.booking-resource-overview-page .type-badge{text-align:center;white-space:nowrap;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.booking-page-shell.booking-resource-overview-page .type-badge.type-badge-instructor{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.booking-page-shell.booking-resource-overview-page .type-badge.type-badge-makeup{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.booking-page-shell.booking-resource-overview-page .type-badge.type-badge-admin{color:#92400e;background:#fef3c7;border:1px solid #fde047}.booking-page-shell.booking-resource-overview-page .type-badge.type-badge-academy{color:#6b21a8;background:#e9d5ff;border:1px solid #c084fc}.booking-page-shell.booking-resource-overview-page .loading-container,.booking-page-shell.booking-resource-overview-page .error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.booking-page-shell.booking-resource-overview-page .loading-container p,.booking-page-shell.booking-resource-overview-page .error-container p{color:#6b7280;margin:0;font-size:16px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .resource-info-card,html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .quick-actions-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .resource-info-card h2,html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .quick-actions-card h2{color:#f1f5f9;border-bottom-color:#4a5568}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .resource-info-card .info-grid .info-item label{color:#9ca3af}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .resource-info-card .info-grid .info-item .value{color:#e2e8f0}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn{color:#a0aec0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:hover{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:first-child{color:#a78bfa;border-color:#7c3aed}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:first-child:hover{background:#4c1d95;border-color:#8b5cf6}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:nth-child(2){color:#fbbf24;border-color:#f59e0b}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:nth-child(2):hover{background:#78350f;border-color:#fbbf24}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:nth-child(3){color:#60a5fa;border-color:#3b82f6}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:nth-child(3):hover{background:#1e3a8a;border-color:#60a5fa}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .type-badge.type-badge-instructor{color:#93c5fd;background:#1e3a5f;border-color:#3b82f6}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .type-badge.type-badge-admin{color:#fde047;background:#78350f;border-color:#f59e0b}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .type-badge.type-badge-academy{color:#c084fc;background:#581c87;border-color:#8b5cf6}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .loading-container p,html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .error-container p{color:#9ca3af}}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .resource-info-card,html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .quick-actions-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .resource-info-card h2,html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .quick-actions-card h2{color:#f1f5f9;border-bottom-color:#4a5568}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .resource-info-card .info-grid .info-item label{color:#9ca3af}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .resource-info-card .info-grid .info-item .value{color:#e2e8f0}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn{color:#a0aec0;background:#374151;border-color:#4a5568}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:hover{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:first-child{color:#a78bfa;border-color:#7c3aed}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:first-child:hover{background:#4c1d95;border-color:#8b5cf6}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:nth-child(2){color:#fbbf24;border-color:#f59e0b}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:nth-child(2):hover{background:#78350f;border-color:#fbbf24}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:nth-child(3){color:#60a5fa;border-color:#3b82f6}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:nth-child(3):hover{background:#1e3a8a;border-color:#60a5fa}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .type-badge.type-badge-instructor{color:#93c5fd;background:#1e3a5f;border-color:#3b82f6}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .type-badge.type-badge-admin{color:#fde047;background:#78350f;border-color:#f59e0b}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .type-badge.type-badge-academy{color:#c084fc;background:#581c87;border-color:#8b5cf6}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .loading-container p,html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .error-container p{color:#9ca3af}@media (width<=768px){.booking-page-shell.booking-resource-overview-page .overview-content{gap:16px}.booking-page-shell.booking-resource-overview-page .resource-info-card,.booking-page-shell.booking-resource-overview-page .quick-actions-card{padding:16px}.booking-page-shell.booking-resource-overview-page .resource-info-card .info-grid{grid-template-columns:1fr;gap:16px}.booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn{min-width:100%}}.booking-manager-page .manager-content .manager-list-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.booking-manager-page .manager-content .manager-list-section .section-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.booking-manager-page .manager-content .manager-list-section .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:800}.role-badge{text-align:center;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.role-badge.role-badge-viewer{color:#3730a3;background:#e0e7ff;border:1px solid #818cf8}.role-badge.role-badge-manager{color:#1e40af;background:#dbeafe;border:1px solid #60a5fa}.role-badge.role-badge-admin{color:#92400e;background:#fef3c7;border:1px solid #fbbf24}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .booking-manager-page .manager-list-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .booking-manager-page .manager-list-section .section-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .booking-manager-page .manager-list-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .role-badge.role-badge-viewer{color:#a5b4fc;background:#312e81;border-color:#6366f1}html:not([data-theme=light]) .role-badge.role-badge-manager{color:#93c5fd;background:#1e3a8a;border-color:#3b82f6}html:not([data-theme=light]) .role-badge.role-badge-admin{color:#fde047;background:#78350f;border-color:#f59e0b}}html[data-theme=dark] .booking-manager-page .manager-list-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .booking-manager-page .manager-list-section .section-header{border-bottom-color:#4a5568}html[data-theme=dark] .booking-manager-page .manager-list-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .role-badge.role-badge-viewer{color:#a5b4fc;background:#312e81;border-color:#6366f1}html[data-theme=dark] .role-badge.role-badge-manager{color:#93c5fd;background:#1e3a8a;border-color:#3b82f6}html[data-theme=dark] .role-badge.role-badge-admin{color:#fde047;background:#78350f;border-color:#f59e0b}@media (width<=768px){.booking-manager-page .manager-list-section{padding:16px}}.manager-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.manager-modal-content{background:#fff;border-radius:12px;width:90%;max-width:520px;max-height:90vh;animation:.3s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.manager-modal-content .modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.manager-modal-content .modal-header h2{color:#1f2937;margin:0;font-size:20px;font-weight:800}.manager-modal-content .modal-header .close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.manager-modal-content .modal-header .close-btn:hover{color:#374151;background:#e5e7eb}.manager-modal-content .modal-body{padding:24px}.manager-modal-content .modal-body .form-group{margin-bottom:20px}.manager-modal-content .modal-body .form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.manager-modal-content .modal-body .form-group select{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.manager-modal-content .modal-body .form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}.manager-modal-content .modal-body .form-group .readonly-field{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:14px}.manager-modal-content .modal-body .form-group .checkbox-label{cursor:pointer;color:#374151;align-items:center;gap:8px;font-weight:700;display:flex}.manager-modal-content .modal-body .form-group .checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.manager-modal-content .modal-body .user-search-wrapper{position:relative}.manager-modal-content .modal-body .user-search-wrapper .search-input-wrapper{align-items:center;display:flex;position:relative}.manager-modal-content .modal-body .user-search-wrapper .search-input-wrapper .search-icon{color:#9ca3af;pointer-events:none;position:absolute;left:12px}.manager-modal-content .modal-body .user-search-wrapper .search-input-wrapper .user-search-input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px 10px 40px;font-size:14px;transition:all .2s}.manager-modal-content .modal-body .user-search-wrapper .search-input-wrapper .user-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}.manager-modal-content .modal-body .user-search-wrapper .search-loading{text-align:center;color:#6b7280;padding:12px;font-size:14px}.manager-modal-content .modal-body .user-search-wrapper .search-results{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-height:220px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 18px #0000001f}.manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item:last-child{border-bottom:none}.manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item:hover{background:#f9fafb}.manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item svg{color:#6b7280;flex-shrink:0}.manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item .user-info{flex:1;min-width:0}.manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item .user-info .user-name{color:#1f2937;margin-bottom:2px;font-size:14px;font-weight:700}.manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item .user-info .user-email{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.manager-modal-content .modal-body .user-search-wrapper .selected-user{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.manager-modal-content .modal-body .user-search-wrapper .selected-user svg{flex-shrink:0}.manager-modal-content .modal-body .user-search-wrapper .selected-user span{flex:1}.manager-modal-content .modal-body .user-search-wrapper .selected-user .remove-user-btn{cursor:pointer;color:#1e40af;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.manager-modal-content .modal-body .user-search-wrapper .selected-user .remove-user-btn:hover{background:#dbeafe}.manager-modal-content .modal-body .modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;display:flex}.manager-modal-content .modal-body .modal-footer button{cursor:pointer;border:1px solid;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:800;transition:all .2s}.manager-modal-content .modal-body .modal-footer button.cancel-btn{color:#374151;background:#fff;border-color:#d1d5db}.manager-modal-content .modal-body .modal-footer button.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.manager-modal-content .modal-body .modal-footer button.submit-btn{color:#fff;background:#3b82f6;border-color:#3b82f6}.manager-modal-content .modal-body .modal-footer button.submit-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.manager-modal-content .modal-body .modal-footer button.submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .manager-modal-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .manager-modal-content .modal-header{background:#374151;border-bottom-color:#4a5568}html:not([data-theme=light]) .manager-modal-content .modal-header h2{color:#f1f5f9}html:not([data-theme=light]) .manager-modal-content .modal-header .close-btn{color:#d1d5db}html:not([data-theme=light]) .manager-modal-content .modal-header .close-btn:hover{color:#f3f4f6;background:#4a5568}html:not([data-theme=light]) .manager-modal-content .modal-body .form-group label{color:#e2e8f0}html:not([data-theme=light]) .manager-modal-content .modal-body .form-group select{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .manager-modal-content .modal-body .form-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html:not([data-theme=light]) .manager-modal-content .modal-body .form-group .readonly-field{color:#9ca3af;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .manager-modal-content .modal-body .form-group .checkbox-label{color:#e2e8f0}html:not([data-theme=light]) .manager-modal-content .modal-body .user-search-wrapper .search-input-wrapper .search-icon{color:#9ca3af}html:not([data-theme=light]) .manager-modal-content .modal-body .user-search-wrapper .search-input-wrapper .user-search-input{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .manager-modal-content .modal-body .user-search-wrapper .search-input-wrapper .user-search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5f633}html:not([data-theme=light]) .manager-modal-content .modal-body .user-search-wrapper .search-results{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item{border-bottom-color:#374151}html:not([data-theme=light]) .manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item:hover{background:#374151}html:not([data-theme=light]) .manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item .user-info .user-name{color:#f1f5f9}html:not([data-theme=light]) .manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item .user-info .user-email{color:#9ca3af}html:not([data-theme=light]) .manager-modal-content .modal-body .user-search-wrapper .selected-user{color:#93c5fd;background:#1e3a8a;border-color:#3b82f6}html:not([data-theme=light]) .manager-modal-content .modal-body .user-search-wrapper .selected-user .remove-user-btn{color:#93c5fd}html:not([data-theme=light]) .manager-modal-content .modal-body .user-search-wrapper .selected-user .remove-user-btn:hover{background:#1e40af}html:not([data-theme=light]) .manager-modal-content .modal-body .modal-footer{border-top-color:#4a5568}html:not([data-theme=light]) .manager-modal-content .modal-body .modal-footer .cancel-btn{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .manager-modal-content .modal-body .modal-footer .cancel-btn:hover{background:#4a5568;border-color:#718096}}html[data-theme=dark] .manager-modal-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .manager-modal-content .modal-header{background:#374151;border-bottom-color:#4a5568}html[data-theme=dark] .manager-modal-content .modal-header h2{color:#f1f5f9}html[data-theme=dark] .manager-modal-content .modal-header .close-btn{color:#d1d5db}html[data-theme=dark] .manager-modal-content .modal-header .close-btn:hover{color:#f3f4f6;background:#4a5568}html[data-theme=dark] .manager-modal-content .modal-body .form-group label{color:#e2e8f0}html[data-theme=dark] .manager-modal-content .modal-body .form-group select{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .manager-modal-content .modal-body .form-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html[data-theme=dark] .manager-modal-content .modal-body .form-group .readonly-field{color:#9ca3af;background:#374151;border-color:#4a5568}html[data-theme=dark] .manager-modal-content .modal-body .form-group .checkbox-label{color:#e2e8f0}html[data-theme=dark] .manager-modal-content .modal-body .user-search-wrapper .search-input-wrapper .search-icon{color:#9ca3af}html[data-theme=dark] .manager-modal-content .modal-body .user-search-wrapper .search-input-wrapper .user-search-input{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .manager-modal-content .modal-body .user-search-wrapper .search-input-wrapper .user-search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5f633}html[data-theme=dark] .manager-modal-content .modal-body .user-search-wrapper .search-results{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item{border-bottom-color:#374151}html[data-theme=dark] .manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item:hover{background:#374151}html[data-theme=dark] .manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item .user-info .user-name{color:#f1f5f9}html[data-theme=dark] .manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item .user-info .user-email{color:#9ca3af}html[data-theme=dark] .manager-modal-content .modal-body .user-search-wrapper .selected-user{color:#93c5fd;background:#1e3a8a;border-color:#3b82f6}html[data-theme=dark] .manager-modal-content .modal-body .user-search-wrapper .selected-user .remove-user-btn{color:#93c5fd}html[data-theme=dark] .manager-modal-content .modal-body .user-search-wrapper .selected-user .remove-user-btn:hover{background:#1e40af}html[data-theme=dark] .manager-modal-content .modal-body .modal-footer{border-top-color:#4a5568}html[data-theme=dark] .manager-modal-content .modal-body .modal-footer .cancel-btn{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .manager-modal-content .modal-body .modal-footer .cancel-btn:hover{background:#4a5568;border-color:#718096}.booking-page-shell.booking-counseling-list-page{flex-direction:column;max-height:calc(100vh - 60px);display:flex;overflow:hidden}.booking-page-shell.booking-counseling-list-page .counseling-content{flex:1;min-height:0;overflow-y:auto}.booking-counseling-list-page .filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.booking-counseling-list-page .filters-section .filters-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:16px;display:grid}.booking-counseling-list-page .filters-section .filters-container .filter-group{flex-direction:column;gap:8px;display:flex}.booking-counseling-list-page .filters-section .filters-container .filter-group label{color:#374151;font-size:14px;font-weight:600}.booking-counseling-list-page .filters-section .filters-container .filter-group input,.booking-counseling-list-page .filters-section .filters-container .filter-group select{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:14px;transition:all .2s}.booking-counseling-list-page .filters-section .filters-container .filter-group input:focus,.booking-counseling-list-page .filters-section .filters-container .filter-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.booking-counseling-list-page .filters-section .filters-container .filter-group input::placeholder,.booking-counseling-list-page .filters-section .filters-container .filter-group select::placeholder{color:#9ca3af}.booking-counseling-list-page .filters-section .filters-container .filter-group input[type=date]{cursor:pointer}.booking-counseling-list-page .filters-section .filters-container .filters-date-hint{color:#6b7280;margin:10px 0 0;font-size:13px}.booking-counseling-list-page .filters-section .filters-container .filter-actions{gap:8px;display:flex}.booking-counseling-list-page .filters-section .filters-container .filter-actions .reset-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.booking-counseling-list-page .filters-section .filters-container .filter-actions .reset-btn:hover{background:#e5e7eb;border-color:#9ca3af}.booking-counseling-list-page .counseling-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.booking-date-picker-popper{z-index:1200}.counseling-list-table .counseling-list-checkbox-col{text-align:center;width:40px}.counseling-list-table .counseling-row.is-selected{background:#eff6ff}.counseling-list-table input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.counseling-list-table .counseling-list-status-cell{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.counseling-list-table .counseling-no-show-badge{color:#9a3412;background:#ffedd5;border:1px solid #fdba74;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.counseling-list-table .counseling-list-status-hint{color:#6b7280;font-size:11px;line-height:1.3}.counseling-list-table .counseling-list-action-btn{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.counseling-list-table .counseling-list-action-btn:hover{background:#eff6ff;border-color:#93c5fd}.counseling-bulk-action-bar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.counseling-bulk-action-bar .counseling-bulk-selected-count{color:#1e40af;font-size:14px;font-weight:600}.counseling-bulk-action-bar .counseling-bulk-actions{flex-wrap:wrap;gap:8px;display:flex}.counseling-bulk-action-bar .counseling-bulk-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.counseling-bulk-action-bar .counseling-bulk-btn:disabled{opacity:.6;cursor:not-allowed}.counseling-bulk-action-bar .counseling-bulk-btn.confirm{color:#fff;background:#3b82f6}.counseling-bulk-action-bar .counseling-bulk-btn.reject{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.counseling-bulk-action-bar .counseling-bulk-btn.cancel{color:#374151;background:#fff;border-color:#d1d5db}.counseling-bulk-action-bar .counseling-bulk-btn.no-show{color:#fff;background:#dc2626}.counseling-bulk-action-bar .counseling-bulk-btn.clear{color:#6b7280;background:0 0;border-color:#d1d5db}.counseling-bulk-result-panel{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;margin-bottom:16px;padding:12px 16px}.counseling-bulk-result-panel.has-failures{background:#fff7ed;border-color:#fed7aa}.counseling-bulk-result-panel .counseling-bulk-result-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.counseling-bulk-result-panel .counseling-bulk-result-summary{color:#065f46;margin:0;font-size:14px;font-weight:600}.counseling-bulk-result-panel.has-failures .counseling-bulk-result-summary{color:#9a3412}.counseling-bulk-result-panel .counseling-bulk-result-close{cursor:pointer;color:#6b7280;background:0 0;border:none}.counseling-bulk-result-panel .counseling-bulk-result-toggle{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:8px;padding:0;font-size:13px;display:inline-flex}.counseling-bulk-result-panel .counseling-bulk-result-details{margin:8px 0 0;padding-left:18px;font-size:13px}.counseling-bulk-result-panel .counseling-bulk-result-details .skipped{color:#92400e}.counseling-bulk-result-panel .counseling-bulk-result-details .failed{color:#b91c1c}.counseling-list-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.counseling-list-empty-state .counseling-list-empty-icon{color:#cbd5e1;margin-bottom:16px}.counseling-list-empty-state .counseling-list-empty-title{color:#475569;margin:0 0 8px;font-size:16px;font-weight:600}.counseling-list-empty-state .counseling-list-empty-hint{color:#94a3b8;max-width:320px;margin:0;font-size:14px}.booking-counseling-list-page .counseling-content .admin-table.counseling-list-table .table-wrapper{scrollbar-gutter:stable}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .booking-counseling-list-page .filters-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .booking-counseling-list-page .filters-section .filters-container .filter-group label{color:#e2e8f0}html:not([data-theme=light]) .booking-counseling-list-page .filters-section .filters-container .filter-group input,html:not([data-theme=light]) .booking-counseling-list-page .filters-section .filters-container .filter-group select{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .booking-counseling-list-page .filters-section .filters-container .filter-group input:focus,html:not([data-theme=light]) .booking-counseling-list-page .filters-section .filters-container .filter-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html:not([data-theme=light]) .booking-counseling-list-page .filters-section .filters-container .filter-actions .reset-btn{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .booking-counseling-list-page .filters-section .filters-container .filter-actions .reset-btn:hover{background:#4a5568}html:not([data-theme=light]) .booking-counseling-list-page .counseling-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .counseling-row:hover{background:#1e3a8a!important}html:not([data-theme=light]) .status-badge.requested{color:#fde047;background:#78350f;border-color:#f59e0b}html:not([data-theme=light]) .status-badge.confirmed{color:#93c5fd;background:#1e3a8a;border-color:#3b82f6}html:not([data-theme=light]) .status-badge.completed{color:#6ee7b7;background:#064e3b;border-color:#10b981}html:not([data-theme=light]) .status-badge.rejected{color:#fca5a5;background:#7f1d1d;border-color:#ef4444}html:not([data-theme=light]) .status-badge.cancelled{color:#e5e7eb;background:#111827;border-color:#6b7280}}html[data-theme=dark] .booking-counseling-list-page .filters-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .booking-counseling-list-page .filters-section .filters-container .filter-group label{color:#e2e8f0}html[data-theme=dark] .booking-counseling-list-page .filters-section .filters-container .filter-group input,html[data-theme=dark] .booking-counseling-list-page .filters-section .filters-container .filter-group select{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .booking-counseling-list-page .filters-section .filters-container .filter-group input:focus,html[data-theme=dark] .booking-counseling-list-page .filters-section .filters-container .filter-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html[data-theme=dark] .booking-counseling-list-page .filters-section .filters-container .filter-actions .reset-btn{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .booking-counseling-list-page .filters-section .filters-container .filter-actions .reset-btn:hover{background:#4a5568}html[data-theme=dark] .booking-counseling-list-page .counseling-content{background:#2d3748;border-color:#4a5568}@media (width<=768px){.booking-counseling-list-page .filters-section{margin-bottom:16px;padding:16px}.booking-counseling-list-page .filters-section .filters-container{grid-template-columns:1fr}.booking-counseling-list-page .counseling-content{padding:16px}}.admin-booking-requested-counseling-page{background:#f8fafc;flex-direction:column;min-height:100vh;max-height:calc(100vh - 60px);padding:24px;display:flex;overflow:hidden}.admin-booking-requested-counseling-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-booking-requested-counseling-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.admin-booking-requested-counseling-page .page-header .header-content .header-title .header-icon{color:#f59e0b}.admin-booking-requested-counseling-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.admin-booking-requested-counseling-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.admin-booking-requested-counseling-page .counseling-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;min-height:0;padding:24px;overflow-y:auto;box-shadow:0 1px 3px #0000001a}.admin-booking-requested-counseling-page .counseling-content .admin-table .table-wrapper{scrollbar-gutter:stable}.admin-booking-requested-counseling-page .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.admin-booking-requested-counseling-page .loading-container p{color:#6b7280;margin:0;font-size:16px}.counseling-row{transition:all .2s}.counseling-row:hover{transform:scale(1.01);background:#f0f9ff!important}.status-badge.requested{text-align:center;color:#92400e;background:#fef3c7;border:1px solid #fbbf24;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-booking-requested-counseling-page{background:#1a1a2e}html:not([data-theme=light]) .admin-booking-requested-counseling-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-booking-requested-counseling-page .page-header .header-content .header-title .header-icon{color:#fbbf24}html:not([data-theme=light]) .admin-booking-requested-counseling-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-booking-requested-counseling-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .admin-booking-requested-counseling-page .counseling-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .counseling-row:hover{background:#1e3a8a!important}html:not([data-theme=light]) .status-badge.requested{color:#fde047;background:#78350f;border-color:#f59e0b}}html[data-theme=dark] .admin-booking-requested-counseling-page{background:#1a1a2e}html[data-theme=dark] .admin-booking-requested-counseling-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-booking-requested-counseling-page .page-header .header-content .header-title .header-icon{color:#fbbf24}html[data-theme=dark] .admin-booking-requested-counseling-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-booking-requested-counseling-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .admin-booking-requested-counseling-page .counseling-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .counseling-row:hover{background:#1e3a8a!important}@media (width<=768px){.admin-booking-requested-counseling-page{padding:16px}.admin-booking-requested-counseling-page .page-header{margin-bottom:24px;padding:16px}.admin-booking-requested-counseling-page .counseling-content{padding:16px}}.reschedule-detail-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.reschedule-detail-modal-content{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;animation:.3s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.reschedule-detail-modal-content .modal-header{z-index:10;background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.reschedule-detail-modal-content .modal-header h2{color:#1f2937;margin:0;font-size:20px;font-weight:700}.reschedule-detail-modal-content .modal-header .close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.reschedule-detail-modal-content .modal-header .close-btn:hover{color:#374151;background:#e5e7eb}.reschedule-detail-modal-content .modal-body{padding:24px}.reschedule-detail-modal-content .modal-body .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.reschedule-detail-modal-content .modal-body .loading-container p{color:#6b7280;margin:0;font-size:16px}.reschedule-detail-modal-content .modal-body .detail-section{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:24px}.reschedule-detail-modal-content .modal-body .detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.reschedule-detail-modal-content .modal-body .detail-section h3{color:#1f2937;margin:0 0 16px;font-size:18px;font-weight:700}.reschedule-detail-modal-content .modal-body .detail-section .info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.reschedule-detail-modal-content .modal-body .detail-section .info-grid .info-item{flex-direction:column;gap:6px;display:flex}.reschedule-detail-modal-content .modal-body .detail-section .info-grid .info-item label{color:#6b7280;font-size:13px;font-weight:600}.reschedule-detail-modal-content .modal-body .detail-section .info-grid .info-item .value{color:#1f2937;word-break:break-word;font-size:15px;font-weight:500}.reschedule-detail-modal-content .modal-body .detail-section .info-grid .info-item .value.requested-value{color:#8b5cf6;font-weight:600}.reschedule-detail-modal-content .modal-body .detail-section.requested-section{background:#f5f3ff;border:2px solid #c4b5fd;border-radius:8px;margin-bottom:24px;padding:20px}.reschedule-detail-modal-content .modal-body .detail-section.requested-section h3{color:#7c3aed}.reschedule-detail-modal-content .modal-body .detail-section .notes-content{color:#374151;white-space:pre-wrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;font-size:14px;line-height:1.6}.reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section{margin-bottom:20px}.reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section textarea{color:#374151;resize:vertical;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section textarea:focus{border-color:#ef4444;outline:none;box-shadow:0 0 0 3px #ef44441a}.reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section textarea:disabled{cursor:not-allowed;background:#f3f4f6}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons{justify-content:flex-end;gap:12px;display:flex}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button{cursor:pointer;border:1px solid;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button:disabled{opacity:.5;cursor:not-allowed}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button.approve-btn{color:#fff;background:#10b981;border-color:#10b981}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button.approve-btn:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button.reject-btn{color:#fff;background:#ef4444;border-color:#ef4444}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button.reject-btn:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button.reject-btn-outline{color:#dc2626;background:#fff;border-color:#e2e8f0}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button.reject-btn-outline:hover:not(:disabled){background:#fef2f2;border-color:#fecaca}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button.cancel-btn{color:#374151;background:#fff;border-color:#d1d5db}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button.cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .reschedule-detail-modal-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-header{background:#374151;border-bottom-color:#4a5568}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-header h2{color:#f1f5f9}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-header .close-btn{color:#d1d5db}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-header .close-btn:hover{color:#f3f4f6;background:#4a5568}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section{border-bottom-color:#4a5568}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section h3{color:#f1f5f9}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section .info-grid .info-item label{color:#9ca3af}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section .info-grid .info-item .value{color:#e2e8f0}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section .info-grid .info-item .value.requested-value{color:#c4b5fd}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section.requested-section{background:#4c1d95;border-color:#7c3aed}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section.requested-section h3{color:#c4b5fd}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section .notes-content{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section label{color:#e2e8f0}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section textarea{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section textarea:focus{border-color:#f87171;box-shadow:0 0 0 3px #f8717133}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section textarea:disabled{background:#374151}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section .reject-btn-outline{color:#fca5a5;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section .reject-btn-outline:hover:not(:disabled){color:#fecaca;background:#4c1d95;border-color:#7c3aed}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section .cancel-btn{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section .cancel-btn:hover:not(:disabled){background:#4a5568;border-color:#6b7280}}html[data-theme=dark] .reschedule-detail-modal-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .reschedule-detail-modal-content .modal-header{background:#374151;border-bottom-color:#4a5568}html[data-theme=dark] .reschedule-detail-modal-content .modal-header h2{color:#f1f5f9}html[data-theme=dark] .reschedule-detail-modal-content .modal-header .close-btn{color:#d1d5db}html[data-theme=dark] .reschedule-detail-modal-content .modal-header .close-btn:hover{color:#f3f4f6;background:#4a5568}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section{border-bottom-color:#4a5568}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section h3{color:#f1f5f9}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section .info-grid .info-item label{color:#9ca3af}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section .info-grid .info-item .value{color:#e2e8f0}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section .info-grid .info-item .value.requested-value{color:#c4b5fd}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section.requested-section{background:#4c1d95;border-color:#7c3aed}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section.requested-section h3{color:#c4b5fd}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section .notes-content{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section label{color:#e2e8f0}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section textarea{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section textarea:focus{border-color:#f87171;box-shadow:0 0 0 3px #f8717133}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section textarea:disabled{background:#374151}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section .reject-btn-outline{color:#fca5a5;background:#374151;border-color:#4a5568}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section .reject-btn-outline:hover:not(:disabled){color:#fecaca;background:#4c1d95;border-color:#7c3aed}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section .cancel-btn{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section .cancel-btn:hover:not(:disabled){background:#4a5568;border-color:#6b7280}@media (width<=768px){.reschedule-detail-modal-content{width:95%;margin:16px}.reschedule-detail-modal-content .modal-body{padding:16px}.reschedule-detail-modal-content .modal-body .detail-section .info-grid{grid-template-columns:1fr}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons{flex-direction:column}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button{width:100%}}.admin-booking-reschedule-request-page{background:#f8fafc;flex-direction:column;min-height:100vh;max-height:calc(100vh - 60px);padding:24px;display:flex;overflow:hidden}.admin-booking-reschedule-request-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-booking-reschedule-request-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.admin-booking-reschedule-request-page .page-header .header-content .header-title .header-icon{color:#8b5cf6}.admin-booking-reschedule-request-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.admin-booking-reschedule-request-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.admin-booking-reschedule-request-page .reschedule-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;min-height:0;padding:24px;overflow-y:auto;box-shadow:0 1px 3px #0000001a}.admin-booking-reschedule-request-page .reschedule-content .admin-table .table-wrapper{scrollbar-gutter:stable}.admin-booking-reschedule-request-page .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.admin-booking-reschedule-request-page .loading-container p{color:#6b7280;margin:0;font-size:16px}.reschedule-row{transition:all .2s}.reschedule-row:hover{transform:scale(1.01);background:#f5f3ff!important}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-booking-reschedule-request-page{background:#1a1a2e}html:not([data-theme=light]) .admin-booking-reschedule-request-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-booking-reschedule-request-page .page-header .header-content .header-title .header-icon{color:#a78bfa}html:not([data-theme=light]) .admin-booking-reschedule-request-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-booking-reschedule-request-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .admin-booking-reschedule-request-page .reschedule-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .reschedule-row:hover{background:#4c1d95!important}}html[data-theme=dark] .admin-booking-reschedule-request-page{background:#1a1a2e}html[data-theme=dark] .admin-booking-reschedule-request-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-booking-reschedule-request-page .page-header .header-content .header-title .header-icon{color:#a78bfa}html[data-theme=dark] .admin-booking-reschedule-request-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-booking-reschedule-request-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .admin-booking-reschedule-request-page .reschedule-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .reschedule-row:hover{background:#4c1d95!important}@media (width<=768px){.admin-booking-reschedule-request-page{padding:16px}.admin-booking-reschedule-request-page .page-header{margin-bottom:24px;padding:16px}.admin-booking-reschedule-request-page .reschedule-content{padding:16px}}.confirmed-counseling-calendar{background:var(--surface-1,#fff);border:1px solid var(--border-muted,#e5e7eb);border-radius:12px;padding:20px;position:relative;box-shadow:0 1px 3px #0000000f}.confirmed-counseling-calendar .confirmed-counseling-calendar-loading,.confirmed-counseling-calendar .confirmed-counseling-calendar-loading-bar{color:var(--text-muted,#6b7280);margin:0 0 12px;font-size:13px}.confirmed-counseling-calendar .confirmed-counseling-calendar-loading-bar{z-index:2;position:absolute;top:12px;right:20px}.confirmed-counseling-calendar .fc-toolbar-title{color:var(--text-heading,#1f2937);font-size:1.25rem;font-weight:700}.confirmed-counseling-calendar .fc-button{background:var(--surface-2,#f3f4f6);border:1px solid var(--border-muted,#d1d5db);color:var(--text-primary,#374151);border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600}.confirmed-counseling-calendar .fc-button:hover{background:#e5e7eb}.confirmed-counseling-calendar .fc-button.fc-button-active,.confirmed-counseling-calendar .fc-button:focus{color:#fff;box-shadow:none;background:#ff9800;border-color:#ff9800}.confirmed-counseling-calendar .fc-daygrid-day{cursor:pointer}.confirmed-counseling-calendar .fc-event{cursor:pointer;border-radius:4px;padding:1px 4px;font-size:12px}.confirmed-counseling-day-popover{z-index:30;background:var(--surface-1,#fff);border:1px solid var(--border-muted,#e5e7eb);border-radius:12px;width:min(320px,100vw - 32px);max-height:360px;position:fixed;overflow:auto;box-shadow:0 10px 30px #0f172a26}.confirmed-counseling-day-popover .day-popover-header{border-bottom:1px solid var(--border-muted,#e5e7eb);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.confirmed-counseling-day-popover .day-popover-title{color:var(--text-heading,#1f2937);align-items:center;gap:8px;font-size:14px;display:flex}.confirmed-counseling-day-popover .day-popover-close{color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.confirmed-counseling-day-popover .day-popover-close:hover{background:var(--surface-2,#f3f4f6)}.confirmed-counseling-day-popover .day-popover-body{padding:10px 14px 14px}.confirmed-counseling-day-popover .day-popover-empty{color:var(--text-muted,#6b7280);margin:8px 0;font-size:13px}.confirmed-counseling-day-popover .day-popover-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.confirmed-counseling-day-popover .day-popover-item{background:var(--surface-2,#f9fafb);border:1px solid var(--border-muted,#eef2f7);border-radius:10px;padding:10px 12px}.confirmed-counseling-day-popover .day-popover-item-row{color:var(--text-primary,#374151);align-items:center;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.confirmed-counseling-day-popover .day-popover-item-row svg{color:#ff9800;flex-shrink:0}.confirmed-counseling-day-popover .day-popover-item-resource{color:var(--text-muted,#6b7280);margin-top:4px;padding-left:22px;font-size:12px}@media (width<=768px){.confirmed-counseling-calendar{padding:12px}.confirmed-counseling-day-popover{width:auto;max-height:50vh;position:fixed;bottom:16px;right:16px;top:auto!important;left:16px!important}}@media (width<=1024px){.mypage-page .card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.mypage-page .card-grid .section-card{padding:20px}.mypage-page .card-grid .section-card .info-row p{word-break:break-all;overflow-wrap:anywhere;font-size:13px}.mypage-page .card-grid .section-card .info-row .change-btn{min-width:30px;height:30px;padding:5px 7px}}@media (width<=768px){.mypage-page{padding:16px}.mypage-page .page-header{margin-bottom:24px;padding:16px}.mypage-page .page-header .header-content .header-title h1{font-size:20px}.mypage-page .user-summary{margin-bottom:20px;padding:16px}.mypage-page .user-summary p{font-size:14px}.mypage-page .card-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.mypage-page .card-grid .section-card{padding:20px}.mypage-page .card-grid .section-card h3{margin-bottom:12px;font-size:16px}.mypage-page .card-grid .section-card p{margin-bottom:10px;font-size:13px}.mypage-page .card-grid .section-card p strong{min-width:80px}.mypage-page .card-grid .section-card .info-row{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px}.mypage-page .card-grid .section-card .info-row p{word-break:break-all;overflow-wrap:anywhere;margin-bottom:0;font-size:13px}.mypage-page .card-grid .section-card .info-row .change-btn{align-self:flex-end;min-width:28px;height:28px;padding:4px 6px}.mypage-page .button-wrapper{flex-direction:column;gap:8px}.mypage-page .button-wrapper .edit-btn{justify-content:center;width:100%;padding:14px 20px;font-size:15px}}.instructor-mypage-page.mypage-page{--mypage-accent:var(--mypage-instructor-accent)}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .instructor-mypage-page.mypage-page{--mypage-accent-ink:var(--mypage-instructor-mobile-accent-dark)}}html[data-theme=dark] .instructor-mypage-page.mypage-page{--mypage-accent-ink:var(--mypage-instructor-mobile-accent-dark)}.course-card{cursor:pointer;background:#2d3748;border:1px solid #4a5568;border-radius:12px;min-height:180px;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.course-card:hover{border-color:#6b7280;transform:translateY(-4px);box-shadow:0 12px 32px #0006}.course-card__info{z-index:1;flex-direction:column;flex:1;gap:16px;padding-right:20px;display:flex}.course-card__badge{color:#fff;letter-spacing:.3px;text-transform:uppercase;background:#8b5cf6;border-radius:6px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.course-card__text{flex-direction:column;gap:8px;display:flex}.course-card__title{color:#fff;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700;line-height:1.3}.course-card__instructor{color:#fff;opacity:.9;margin:0;font-size:16px;font-weight:400}.course-card__description{color:#cbd5e1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.course-card__media{border-radius:8px;flex-shrink:0;width:180px;height:140px;position:relative;overflow:hidden}.course-card__thumbnail{object-fit:cover;border-radius:8px;width:100%;height:100%}.course-card__thumbnail--placeholder{background:#4a5568;border-radius:8px;width:100%;height:100%;position:relative}.course-card__thumbnail--placeholder:after{content:"";opacity:.5;background:#6b7280;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.course-card{flex-direction:column;min-height:auto}.course-card__info{padding-bottom:16px;padding-right:0}.course-card__badge{padding:5px 10px;font-size:11px}.course-card__title{font-size:20px}.course-card__instructor{font-size:14px}.course-card__media{width:100%;height:200px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .course-card{background:#1a202c;border-color:#374151}html:not([data-theme=light]) .course-card:hover{border-color:#6b7280;box-shadow:0 12px 32px #00000080}html:not([data-theme=light]) .course-card__badge{background:#a78bfa;box-shadow:0 2px 8px #a78bfa4d}html:not([data-theme=light]) .course-card__thumbnail--placeholder{background:#374151}html:not([data-theme=light]) .course-card__thumbnail--placeholder:after{background:#6b7280}}html[data-theme=dark] .course-card{background:#1a202c;border-color:#374151}html[data-theme=dark] .course-card:hover{border-color:#6b7280;box-shadow:0 12px 32px #00000080}html[data-theme=dark] .course-card__badge{background:#a78bfa;box-shadow:0 2px 8px #a78bfa4d}html[data-theme=dark] .course-card__thumbnail--placeholder{background:#374151}html[data-theme=dark] .course-card__thumbnail--placeholder:after{background:#6b7280}@media (prefers-color-scheme:light){.course-card{background:#fff;border-color:#e5e7eb}.course-card:hover{border-color:#d1d5db;box-shadow:0 12px 32px #0000001a}.course-card__title{color:#1f2937}.course-card__instructor{color:#4b5563}.course-card__badge{background:#8b5cf6}.course-card__thumbnail--placeholder{background:#f3f4f6}.course-card__thumbnail--placeholder:after{background:#d1d5db}}.courses-page{background:#fff;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.courses-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.courses-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.courses-page .page-header .header-content .header-title .header-icon{color:#8b5cf6}.courses-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.courses-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.courses-page .loading-container{text-align:center;color:#6b7280;justify-content:center;align-items:center;padding:60px 20px;font-size:16px;display:flex}.courses-page .courses-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.courses-page .courses-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.courses-page .courses-section .section-header h2{color:#1f2937;margin:0;font-size:20px;font-weight:600}.courses-page .courses-section .courses-container{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:24px;padding:24px;display:grid}.courses-page .courses-section .courses-container .empty-state{text-align:center;color:#9ca3af;grid-column:1/-1;padding:40px 20px;font-size:16px;font-style:italic}.courses-page .course-content-section .course-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-height:400px;padding:24px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .courses-page{background:#1a202c}html:not([data-theme=light]) .courses-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .courses-page .page-header .header-content .header-title .header-icon{color:#a78bfa}html:not([data-theme=light]) .courses-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .courses-page .page-header .header-content .header-title .header-description,html:not([data-theme=light]) .courses-page .loading-container{color:#a0aec0}html:not([data-theme=light]) .courses-page .courses-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .courses-page .courses-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .courses-page .courses-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .courses-page .courses-section .courses-container .empty-state{color:#718096}html:not([data-theme=light]) .courses-page .course-content-section .course-content{color:#f1f5f9;background:#2b293d;border-color:#4a5568}}html[data-theme=dark] .courses-page{background:#1a202c}html[data-theme=dark] .courses-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .courses-page .page-header .header-content .header-title .header-icon{color:#a78bfa}html[data-theme=dark] .courses-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .courses-page .page-header .header-content .header-title .header-description,html[data-theme=dark] .courses-page .loading-container{color:#a0aec0}html[data-theme=dark] .courses-page .courses-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .courses-page .courses-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .courses-page .courses-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .courses-page .courses-section .courses-container .empty-state{color:#718096}html[data-theme=dark] .courses-page .course-content-section .course-content{color:#f1f5f9;background:#2b293d;border-color:#4a5568}@media (width<=768px){.courses-page{gap:16px;padding:16px}.courses-page .page-header{padding:16px}.courses-page .page-header .header-content .header-title h1{font-size:20px}.courses-page .courses-section .courses-container{grid-template-columns:1fr;gap:16px;padding:16px}.courses-page .course-content-section .course-content{min-height:300px;padding:16px}}.attendance-management{flex-direction:column;gap:24px;padding-bottom:56px;display:flex}.attendance-management .section{margin-top:32px}.attendance-management .section:first-of-type{margin-top:12px}.attendance-management .section+.section{border-top:1px solid #f1f5f9;padding-top:24px}.attendance-management .section-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.attendance-management .section-header .section-number{color:#1d4ed8;font-size:16px;font-weight:800;line-height:1}.attendance-management .section-header h4{color:#0f172a;margin:0;font-size:17px;font-weight:700;line-height:1.2}.attendance-management .card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.attendance-management .attendance-toast{color:#065f46;background:#ecfdf5;border:1px solid #d1fae5;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.attendance-management .attendance-toast.is-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.attendance-management .attendance-toast .toast-icon{flex-shrink:0}.attendance-management .attendance-modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.attendance-management .attendance-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;max-width:400px;padding:18px 18px 16px;box-shadow:0 20px 50px #0f172a2e}.attendance-management .attendance-modal--workspace{flex-direction:column;max-width:500px;max-height:min(92vh,760px);padding:0;display:flex;overflow:hidden}.attendance-management .schedule-workspace-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:20px 20px 12px}.attendance-management .schedule-workspace-header .attendance-modal-title{margin:0 0 8px}.attendance-management .schedule-workspace-header .schedule-modal-desc{margin:0}.attendance-management .schedule-workspace-body{flex-direction:column;flex:1;gap:0;min-height:0;padding:16px 20px 20px;display:flex;overflow-y:auto}.attendance-management .schedule-workspace-body--override{gap:0}.attendance-management .schedule-workspace-section{margin-bottom:18px}.attendance-management .schedule-workspace-section:last-of-type{margin-bottom:12px}.attendance-management .schedule-workspace-section-title{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0 0 10px;font-size:12px;font-weight:800}.attendance-management .schedule-workspace-footer{border-top:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:12px;display:flex}.attendance-management .schedule-mode-cards{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.attendance-management .schedule-mode-card{text-align:left;cursor:pointer;background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:14px 16px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.attendance-management .schedule-mode-card:hover:not(:disabled){background:#2563eb0f;border-color:#93c5fd;box-shadow:0 4px 16px #2563eb1a}.attendance-management .schedule-mode-card:disabled{opacity:.55;cursor:not-allowed}.attendance-management .schedule-mode-card--secondary{background:#fff}.attendance-management .schedule-mode-card-title{color:#0f172a;font-size:15px;font-weight:800}.attendance-management .schedule-mode-card-desc{color:#64748b;font-size:13px;font-weight:600;line-height:1.4}.attendance-management .schedule-modal-search{background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;display:flex}.attendance-management .schedule-modal-search .schedule-modal-search-icon{color:#64748b;flex-shrink:0}.attendance-management .schedule-modal-search .schedule-modal-search-input{color:#111827;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.attendance-management .schedule-session-picker{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;max-height:200px;overflow-y:auto}.attendance-management .schedule-session-row{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:none;border-bottom:1px solid #e5e7eb;flex-direction:column;align-items:stretch;gap:4px;padding:10px 12px;transition:background .12s;display:flex}.attendance-management .schedule-session-row:last-child{border-bottom:none}.attendance-management .schedule-session-row:hover:not(:disabled){background:#2563eb0f}.attendance-management .schedule-session-row.is-active{background:#2563eb1f;box-shadow:inset 3px 0 #2563eb}.attendance-management .schedule-session-row.is-disabled{cursor:not-allowed;opacity:.72;background:#0f172a08}.attendance-management .schedule-session-row-main{flex-direction:column;gap:2px;display:flex}.attendance-management .schedule-session-row-date{color:#0f172a;font-size:13px;font-weight:800}.attendance-management .schedule-session-row-type{color:#2563eb;font-size:12px;font-weight:700}.attendance-management .schedule-session-row-reason{color:#92400e;font-size:11px;font-weight:700}.attendance-management .schedule-modal-summary{background:#2563eb0f;border:1px solid #2563eb33;border-radius:10px;padding:12px 14px;font-size:13px}.attendance-management .schedule-modal-summary-line{color:#0f172a;font-weight:800}.attendance-management .schedule-modal-summary-type{color:#2563eb;margin-top:4px;font-size:12px;font-weight:700}.attendance-management .schedule-modal-blocked{background:#fee2e280;border:1px solid #fecaca;border-radius:10px;padding:12px}.attendance-management .schedule-modal-hint-sub{color:#64748b;margin:8px 0 0;font-size:12px;font-weight:600;line-height:1.45}.attendance-management .schedule-modal-empty{text-align:center;color:#64748b;margin:0;padding:16px;font-size:13px;font-weight:600}.attendance-management .schedule-modal-empty-wrap{text-align:center;padding:14px 12px}.attendance-management .schedule-modal-empty-desc{color:#64748b;margin:6px 0 0;font-size:12px;font-weight:600;line-height:1.4}.attendance-management .schedule-datetime-groups{flex-direction:column;gap:16px;display:flex}.attendance-management .schedule-field-block{flex-direction:column;gap:6px;display:flex}.attendance-management .schedule-field-label{color:#475569;letter-spacing:.02em;font-size:12px;font-weight:800}.attendance-management .schedule-native-input-wrap{background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:10px;padding:2px 10px 2px 8px;transition:border-color .15s,box-shadow .15s;display:flex}.attendance-management .schedule-native-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.attendance-management .schedule-native-input-wrap--date,.attendance-management .schedule-native-input-wrap--time{min-height:42px}.attendance-management .schedule-native-input-wrap .schedule-native-input-icon{color:#64748b;flex-shrink:0}.attendance-management .schedule-native-input-wrap .schedule-native-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 0;font-size:15px;font-weight:600}.attendance-management .schedule-native-input-wrap .schedule-native-input::-webkit-calendar-picker-indicator{opacity:.85;cursor:pointer}.attendance-management .schedule-native-input-wrap .schedule-native-input--date,.attendance-management .schedule-native-input-wrap .schedule-native-input--time{font-variant-numeric:tabular-nums}.attendance-management .schedule-field-helper{color:#64748b;margin:0;font-size:12px;font-weight:600;line-height:1.35}.attendance-management .schedule-preview-panel{background:linear-gradient(#f8fafcf2,#f1f5f9a6);border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.attendance-management .schedule-preview-row{grid-template-columns:minmax(88px,110px) 1fr;align-items:start;gap:10px;font-size:13px;display:grid}.attendance-management .schedule-preview-row--stack{grid-template-columns:1fr;gap:6px}.attendance-management .schedule-preview-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.attendance-management .schedule-preview-value{color:#0f172a;word-break:break-word;font-weight:700;line-height:1.45}.attendance-management .schedule-workspace-section--preview{margin-bottom:8px}.attendance-management .schedule-extra-default-banner{background:#2563eb12;border:1px solid #2563eb38;border-radius:10px;margin:0 0 14px;padding:12px 14px}.attendance-management .schedule-extra-default-title{color:#1e40af;margin:0 0 6px;font-size:13px;font-weight:800;line-height:1.35}.attendance-management .schedule-extra-default-desc{color:#64748b;margin:0;font-size:12px;font-weight:600;line-height:1.4}.attendance-management .schedule-modal-context{color:#334155;background:#2563eb0f;border:1px solid #2563eb26;border-radius:10px;margin-bottom:14px;padding:12px;font-size:13px}.attendance-management .schedule-modal-context .schedule-modal-context-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.attendance-management .schedule-modal-context .schedule-modal-context-body{flex-direction:column;gap:4px;display:flex}.attendance-management .schedule-modal-context .schedule-modal-context-line{color:#0f172a;font-weight:700}.attendance-management .schedule-modal-context .schedule-modal-context-type{color:#2563eb;font-size:12px;font-weight:700}.attendance-management .schedule-modal-context .schedule-modal-context-empty{color:#b45309;margin:0;font-size:13px;font-weight:600}.attendance-management .schedule-modal-desc{color:#64748b;margin:0 0 16px;font-size:13px;line-height:1.45}.attendance-management .schedule-modal-pick{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.attendance-management .schedule-modal-pick-btn{text-align:left;color:#1e3a8a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:12px 14px;font-size:14px;font-weight:800;transition:border-color .15s,background .15s,box-shadow .15s}.attendance-management .schedule-modal-pick-btn:hover:not(:disabled){background:#2563eb0f;border-color:#2563eb;box-shadow:0 4px 14px #2563eb1f}.attendance-management .schedule-modal-pick-btn:disabled{opacity:.55;cursor:not-allowed}.attendance-management .schedule-modal-pick-btn--secondary{color:#0f172a;font-weight:700}.attendance-management .schedule-modal-back{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;margin:0 0 10px;padding:4px 6px;font-size:13px;font-weight:700;display:inline-flex}.attendance-management .schedule-modal-back:hover:not(:disabled){color:#0f172a;background:#0f172a0f}.attendance-management .schedule-modal-back:disabled{opacity:.5;cursor:not-allowed}.attendance-management .schedule-modal-hint{color:#b45309;margin:0 0 14px;font-size:13px;font-weight:600}.attendance-management .schedule-modal-hint--warn{color:#991b1b}.attendance-management .schedule-modal-fields{gap:12px!important}.attendance-management .attendance-modal-title{color:#0f172a;margin:0 0 14px;font-size:17px;font-weight:800}.attendance-management .attendance-modal-section{color:#334155;flex-direction:column;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.attendance-management .attendance-modal-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.attendance-management .attendance-modal-label{color:#64748b;flex-shrink:0;font-weight:700}.attendance-management .attendance-modal-fields{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.attendance-management .attendance-modal-fields--stack{flex-direction:column}.attendance-management .attendance-modal-field{flex-direction:column;flex:1;gap:6px;min-width:120px;font-size:13px;display:flex}.attendance-management .attendance-modal-field input[type=time],.attendance-management .attendance-modal-field input[type=date]{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:14px}.attendance-management .attendance-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.attendance-management .attendance-modal-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.attendance-management .attendance-modal-btn.secondary{color:#374151;background:#fff;border-color:#d1d5db}.attendance-management .attendance-modal-btn.secondary:hover:not(:disabled){background:#f9fafb}.attendance-management .attendance-modal-btn.primary{color:#fff;background:#2563eb;border-color:#2563eb}.attendance-management .attendance-modal-btn.primary:hover:not(:disabled){background:#1d4ed8}.attendance-management .attendance-modal-btn:disabled{opacity:.65;cursor:not-allowed}.attendance-management .attendance-modal-btn .spin{animation:.8s linear infinite attendance-spin}@keyframes attendance-spin{to{transform:rotate(360deg)}}.attendance-management .attendance-header{background:0 0;border:none;border-radius:0;padding:0}.attendance-management .attendance-header .attendance-header-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.attendance-management .attendance-header h3{color:#1f2937;margin:0 0 16px;font-size:18px;font-weight:600}.attendance-management .attendance-header .session-selector-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:14px;padding:14px;display:flex}.attendance-management .attendance-header .session-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;display:flex}.attendance-management .attendance-header .session-toolbar .session-toolbar-main{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.attendance-management .attendance-header .session-toolbar .session-toolbar-schedule-btn{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;flex-shrink:0;padding:8px 12px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s}.attendance-management .attendance-header .session-toolbar .session-toolbar-schedule-btn:hover:not(:disabled){background:#2563eb0f;border-color:#93c5fd}.attendance-management .attendance-header .session-toolbar .session-toolbar-schedule-btn:disabled{opacity:.45;cursor:not-allowed}.attendance-management .attendance-header .session-toolbar .session-filter-chips{flex-wrap:wrap;gap:8px;display:flex}.attendance-management .attendance-header .session-toolbar .filter-chip{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:7px 10px;font-size:13px}.attendance-management .attendance-header .session-toolbar .filter-chip.active{color:#1d4ed8;background:#2563eb14;border-color:#2563eb;font-weight:600}.attendance-management .attendance-header .session-toolbar .session-search-wrap{background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:8px;min-width:260px;max-width:100%;padding:8px 10px;display:flex}.attendance-management .attendance-header .session-toolbar .session-search-wrap .session-search-icon{color:#6b7280}.attendance-management .attendance-header .session-toolbar .session-search-wrap .session-search-input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:13px}.attendance-management .attendance-header .session-card-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:stretch;gap:10px;padding:2px 2px 6px;display:grid}.attendance-management .attendance-header .session-card-list.session-list--single{grid-template-columns:minmax(280px,560px);justify-content:start}.attendance-management .attendance-header .session-card-list.session-list--few{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.attendance-management .attendance-header .session-card-list.session-list--many.session-list--dense{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.attendance-management .attendance-header .session-card-list.session-list--focused{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.attendance-management .attendance-header .session-card-list.session-list--balanced{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (width<=768px){.attendance-management .attendance-header .session-card-list{grid-template-columns:1fr}}.attendance-management .attendance-header .session-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:10px;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;box-shadow:0 1px #0f172a05}.attendance-management .attendance-header .session-card:hover{border-color:#cbd5e1;transform:translateY(-.5px);box-shadow:0 6px 16px #0f172a0d}.attendance-management .attendance-header .session-card.active{background:#2563eb0a;border-color:#2563eb73;box-shadow:0 0 0 3px #2563eb1a}.attendance-management .attendance-header .session-card.is-past{box-shadow:none;opacity:.86;background:#f8fafc;border-color:#d1d5db}.attendance-management .attendance-header .session-card.is-past:hover{border-color:#cbd5e1;transform:none;box-shadow:0 2px 8px #0f172a0a}.attendance-management .attendance-header .session-card .session-card-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.attendance-management .attendance-header .session-card .session-card-datetime{color:#111827;flex-direction:column;gap:6px;display:flex}.attendance-management .attendance-header .session-card .session-card-datetime .session-card-date,.attendance-management .attendance-header .session-card .session-card-datetime .session-card-time{align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.attendance-management .attendance-header .session-card .session-card-datetime .session-card-date svg,.attendance-management .attendance-header .session-card .session-card-datetime .session-card-time svg{color:#64748b}.attendance-management .attendance-header .session-card .session-card-datetime .session-card-dow{color:#64748b;font-weight:600}.attendance-management .attendance-header .session-card .session-card-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.attendance-management .attendance-header .session-card .session-card-badge{color:#334155;background:#0f172a08;border:1px solid #e5e7eb;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.attendance-management .attendance-header .session-card .session-card-badge.today{color:#92400e;background:#f59e0b1f;border-color:#f59e0b4d}.attendance-management .attendance-header .session-card .session-card-badge.extra{color:#92400e;background:#f59e0b24;border-color:#f59e0b59}.attendance-management .attendance-header .session-card .session-card-badge.override{color:#6b21a8;background:#a855f724;border-color:#a855f759}.attendance-management .attendance-header .session-card .session-card-badge.type{color:#0f172a;background:#0f172a0f;border-color:#0f172a1f}.attendance-management .attendance-header .session-card .session-card-badge.projected{color:#1d4ed8;background:#3b82f61f;border-color:#3b82f647}.attendance-management .attendance-header .session-card .session-card-badge.persisted{color:#065f46;background:#10b9811f;border-color:#10b98147}.attendance-management .attendance-header .session-card .session-card-badge.past{color:#334155;background:#64748b1f;border-color:#64748b47}.attendance-management .attendance-header .session-card .session-card-badge.selected{color:#1d4ed8;background:#2563eb1f;border-color:#2563eb4d}.attendance-management .attendance-header .session-card .session-card-title{color:#0f172a;font-size:13px;font-weight:800}.attendance-management .attendance-header .session-card .session-card-sub{color:#64748b;align-items:baseline;gap:8px;margin-top:6px;font-size:12px;display:flex}.attendance-management .attendance-header .session-card .session-card-sub .session-card-classroom{color:#334155;font-weight:700}.attendance-management .attendance-header .session-card .session-card-sub .session-card-original{color:#64748b}.attendance-management .attendance-header .session-card .session-card-note{color:#64748b;margin-top:8px;font-size:12px;font-weight:700}.attendance-management .attendance-header .single-session-card{background:linear-gradient(#2563eb0d,#fffffffa);border-radius:16px;width:100%;max-width:560px;padding:14px}.attendance-management .attendance-header .single-session-card .session-card-top{align-items:center}.attendance-management .attendance-header .single-session-card .session-card-datetime .session-card-date,.attendance-management .attendance-header .single-session-card .session-card-datetime .session-card-time{font-size:13px}.attendance-management .attendance-header .single-session-card .session-card-title{font-size:15px}.attendance-management .attendance-header .session-more-wrap{justify-content:flex-end;padding-top:2px;display:flex}.attendance-management .attendance-header .session-more-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;transition:background .15s,border-color .15s}.attendance-management .attendance-header .session-more-btn:hover{background:#0f172a08;border-color:#94a3b8}.attendance-management .attendance-header .session-card-list.session-list--focused .session-card{padding:14px 12px}.attendance-management .attendance-header .session-card-list.session-list--focused .session-card .session-card-date,.attendance-management .attendance-header .session-card-list.session-list--focused .session-card .session-card-time{font-size:13px}.attendance-management .attendance-header .session-card-list.session-list--focused .session-card .session-card-title{font-size:14px}.attendance-management .attendance-header .session-card-list.session-list--balanced .session-card{padding:12px 11px}.attendance-management .attendance-header .session-card-more{background:#f8fafc;border-style:dashed;border-color:#cbd5e1;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.attendance-management .attendance-header .session-card-more .session-more-count{color:#1d4ed8;font-size:20px;font-weight:900;line-height:1}.attendance-management .attendance-header .session-card-more .session-more-text{color:#475569;font-size:13px;font-weight:800}.attendance-management .attendance-header .session-context-text{color:#64748b;margin:4px 2px 0;font-size:12px;font-weight:700}.attendance-management .attendance-header .session-list-wrap .form-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.attendance-management .attendance-header .session-list-wrap .form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.attendance-management .attendance-header .session-list-wrap .form-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.attendance-management .attendance-header .schedule-selector .form-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.attendance-management .attendance-header .schedule-selector .form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.attendance-management .attendance-header .schedule-selector .form-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.attendance-management .attendance-session-stage{flex-direction:column;gap:14px;display:flex}.attendance-management .panel-caption{color:#475569;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:12px;font-weight:900}.attendance-management .attendance-steps{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.attendance-management .attendance-step{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.attendance-management .attendance-step .step-dot{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.attendance-management .attendance-step.current{color:#1d4ed8;background:#2563eb14;border-color:#2563eb47}.attendance-management .attendance-step.completed{color:#065f46;background:#10b9811a;border-color:#10b98147}.attendance-management .selected-session-card{background:linear-gradient(#2563eb0f,#f1f5f9);border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 10px 24px #0f172a0f}.attendance-management .selected-session-card .selected-session-flow{margin-bottom:10px}.attendance-management .selected-session-card .selected-session-flow-pill{color:#0f172a;background:#fffc;border:1px solid #0f172a1a;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.attendance-management .selected-session-card .selected-session-flow-pill.selected{color:#1d4ed8;background:#3b82f61a;border-color:#3b82f640}.attendance-management .selected-session-card .selected-session-flow-pill.editing{color:#92400e;background:#f59e0b1f;border-color:#f59e0b40}.attendance-management .selected-session-card .selected-session-flow-pill.saved{color:#065f46;background:#10b9811f;border-color:#10b98140}.attendance-management .selected-session-card .selected-session-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.attendance-management .selected-session-card .selected-session-title-aside{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.attendance-management .selected-session-card .selected-session-title{color:#0f172a;font-size:18px;font-weight:900}.attendance-management .selected-session-card .selected-session-title .selected-session-classroom{color:#334155;font-weight:700}.attendance-management .selected-session-card .selected-session-sub{color:#64748b;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.attendance-management .selected-session-card .selected-session-sub .selected-session-label{color:#334155;font-weight:700}.attendance-management .selected-session-card .selected-session-sub .selected-session-label.today{color:#92400e;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:999px;padding:4px 8px;font-weight:800}.attendance-management .selected-session-card .selected-session-sub .selected-session-original{color:#64748b}.attendance-management .selected-session-card .selected-session-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.attendance-management .selected-session-card .selected-session-badge{color:#334155;background:#0f172a08;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.attendance-management .selected-session-card .selected-session-badge.type{color:#0f172a;background:#ffffffbf;border-color:#0f172a1a}.attendance-management .selected-session-card .selected-session-badge.persistence.projected{color:#1d4ed8;background:#3b82f61f;border-color:#3b82f647}.attendance-management .selected-session-card .selected-session-badge.persistence.persisted{color:#065f46;background:#10b9811f;border-color:#10b98147}.attendance-management .selected-session-card .selected-session-note{color:#1d4ed8;background:#3b82f614;border:1px solid #3b82f638;border-radius:12px;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.attendance-management .selected-session-card .selected-session-note svg{flex-shrink:0;margin-top:2px}.attendance-management .selected-session-card .selected-session-details{flex-direction:column;gap:10px;margin-top:12px;display:flex}.attendance-management .selected-session-card .selected-session-details .selected-session-detail-row{background:#ffffffbf;border:1px solid #0f172a14;border-radius:12px;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;display:flex}.attendance-management .selected-session-card .selected-session-details .selected-session-detail-row .detail-label{color:#334155;font-size:12px;font-weight:900}.attendance-management .selected-session-card .selected-session-details .selected-session-detail-row .detail-value{color:#0f172a;font-size:13px;font-weight:800}.attendance-management .selected-session-card .selected-session-details .selected-session-status-row{color:#334155;flex-wrap:wrap;align-items:flex-start;gap:8px 12px;font-size:12px;font-weight:800;display:flex}.attendance-management .selected-session-card .selected-session-details .selected-session-status-row .before-attendance--compact{flex:100%;width:100%;font-weight:500}.attendance-management .selected-session-card .selected-session-details .selected-session-status-row .before-attendance--compact .state-title{color:#0f172a;font-size:12px;font-weight:700;display:block}.attendance-management .selected-session-card .selected-session-details .selected-session-status-row .before-attendance--compact .state-desc{color:#64748b;font-size:11px;font-weight:500;line-height:1.4}.attendance-management .attendance-stage-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 1px #0f172a08}.attendance-management .attendance-state-card{align-items:flex-start;gap:12px;display:flex}.attendance-management .attendance-state-card .state-card-icon{color:#334155;background:#0f172a08;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.attendance-management .attendance-state-card .state-card-title{color:#0f172a;font-size:14px;font-weight:800}.attendance-management .attendance-state-card .state-card-desc{color:#64748b;margin-top:4px;font-size:13px;line-height:1.5}.attendance-management .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.attendance-management .loading-container p{color:#6b7280;margin:0;font-size:16px}.attendance-management .attendance-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:60vh;overflow:auto}.attendance-management .attendance-table-container .attendance-table{border-collapse:collapse;width:100%;font-size:14px}.attendance-management .attendance-table-container .attendance-table th,.attendance-management .attendance-table-container .attendance-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:22px 16px}.attendance-management .attendance-table-container .attendance-table th{color:#374151;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;font-size:13px;font-weight:600}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row{background:0 0;transition:background-color .2s}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row:hover{background:#0f172a08}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row:last-child td{border-bottom:none}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row.present{background:#22c55e0d}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row.absent{background:#ef44440b}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row.unselected{background:0 0}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row.dirty{background:linear-gradient(90deg,#3b82f60f,#fff0);box-shadow:inset 4px 0 #3b82f68c}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row.just-saved{animation:.5s ease-out am-saved-flash}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row.updated{animation:.4s am-bulk-row-flash}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row.former-enrollment{background:#94a3b81f}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row.former-enrollment:hover{background:#94a3b829}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row.former-enrollment.present,.attendance-management .attendance-table-container .attendance-table tbody tr.student-row.former-enrollment.absent,.attendance-management .attendance-table-container .attendance-table tbody tr.student-row.former-enrollment.unselected{background:#94a3b81f}.attendance-management .attendance-table-container .attendance-table .student-name-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.attendance-management .attendance-table-container .attendance-table td{color:#374151;vertical-align:middle}.attendance-management .attendance-table-container .attendance-table td .student-name{color:#111827;font-weight:600}.attendance-management .attendance-table-container .attendance-table td .student-name-link{font:inherit;color:#2563eb;cursor:pointer;text-align:left;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.attendance-management .attendance-table-container .attendance-table td .student-name-link:hover{color:#1d4ed8}.attendance-management .attendance-table-container .attendance-table td .student-phone{color:#6b7280;margin-top:2px;font-size:13px;display:inline-block}.attendance-management .attendance-table-container .attendance-table td .status-buttons{flex-wrap:wrap;gap:6px;display:flex}.attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented{background:#f8fafc;border:1px solid #d1d5db;border-radius:12px;gap:0;overflow:hidden}.attendance-management .attendance-table-container .attendance-table td .status-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:84px;height:42px;padding:10px 12px;font-size:12px;transition:all .15s}.attendance-management .attendance-table-container .attendance-table td .status-btn:hover{border-color:#9ca3af}.attendance-management .attendance-table-container .attendance-table td .status-btn.active{color:#1d4ed8;background:#2563eb14;border-color:#2563eb;font-weight:600}.attendance-management .attendance-table-container .attendance-table td .status-btn:disabled{opacity:.55;cursor:not-allowed}.attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn{background:0 0;border:none;border-right:1px solid #d1d5db;border-radius:0;flex:1;min-width:84px}.attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn:last-child{border-right:none}.attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn:hover{background:#0f172a0a}.attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.active{color:#1d4ed8;background:#2563eb29;font-weight:800}.attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.present.active{color:#166534;background:#dcfce7;font-weight:800}.attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.late.active{color:#9a3412;background:#fed7aa;font-weight:800}.attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.absent.active{color:#991b1b;background:#fee2e2;font-weight:800}.attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.excused.active{color:#374151;background:#e5e7eb;font-weight:800}.attendance-management .attendance-table-container .attendance-table td .row-status-badge{border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.attendance-management .attendance-table-container .attendance-table td .row-status-badge.saved{color:#065f46;background:#10b9811f}.attendance-management .attendance-table-container .attendance-table td .row-status-badge.changed{color:#92400e;background:#f59e0b24}.attendance-management .attendance-table-container .attendance-table td .row-status-actions{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.attendance-management .attendance-table-container .attendance-table td .attendance-cancel-btn{color:#b91c1c;cursor:pointer;background:#fff1f2;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.attendance-management .attendance-table-container .attendance-table td .attendance-cancel-btn:hover:not(:disabled){background:#ffe4e6;border-color:#f87171}.attendance-management .attendance-table-container .attendance-table td .attendance-cancel-btn:disabled{opacity:.55;cursor:not-allowed}.attendance-management .attendance-table-container .attendance-table td .comment-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;height:40px;padding:12px;font-size:13px}.attendance-management .attendance-table-container .attendance-table td .comment-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.attendance-management .attendance-table-container .attendance-table td .attendance-comment-field{min-width:180px}.attendance-management .attendance-table-container .attendance-table td .student-info .student-name{color:#1f2937;font-weight:500}.attendance-management .attendance-table-container .attendance-table td .status-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:13px;transition:all .2s}.attendance-management .attendance-table-container .attendance-table td .status-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.attendance-management .attendance-table-container .attendance-table td .comment-cell{min-width:200px}.attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea{resize:vertical;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:60px;padding:12px;font-family:inherit;font-size:13px;transition:all .2s}.attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea::placeholder{color:#9ca3af}.attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea:read-only{color:#6b7280;background:#f9fafb}.attendance-management .attendance-table-container .attendance-table td .action-buttons,.attendance-management .attendance-table-container .attendance-table td .delete-actions{min-width:120px}.attendance-management .attendance-table-container .attendance-table td .action-buttons .register-btn,.attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-btn,.attendance-management .attendance-table-container .attendance-table td .action-buttons .update-btn,.attendance-management .attendance-table-container .attendance-table td .action-buttons .cancel-btn,.attendance-management .attendance-table-container .attendance-table td .action-buttons .delete-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .register-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .update-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .cancel-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .delete-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.attendance-management .attendance-table-container .attendance-table td .action-buttons .register-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .action-buttons .update-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .action-buttons .cancel-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .action-buttons .delete-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .delete-actions .register-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .delete-actions .update-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .delete-actions .cancel-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .delete-actions .delete-btn:hover:not(:disabled){transform:translateY(-1px)}.attendance-management .attendance-table-container .attendance-table td .action-buttons .register-btn:active,.attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-btn:active,.attendance-management .attendance-table-container .attendance-table td .action-buttons .update-btn:active,.attendance-management .attendance-table-container .attendance-table td .action-buttons .cancel-btn:active,.attendance-management .attendance-table-container .attendance-table td .action-buttons .delete-btn:active,.attendance-management .attendance-table-container .attendance-table td .delete-actions .register-btn:active,.attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-btn:active,.attendance-management .attendance-table-container .attendance-table td .delete-actions .update-btn:active,.attendance-management .attendance-table-container .attendance-table td .delete-actions .cancel-btn:active,.attendance-management .attendance-table-container .attendance-table td .delete-actions .delete-btn:active{transform:translateY(0)}.attendance-management .attendance-table-container .attendance-table td .action-buttons .register-btn:disabled,.attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-btn:disabled,.attendance-management .attendance-table-container .attendance-table td .action-buttons .update-btn:disabled,.attendance-management .attendance-table-container .attendance-table td .action-buttons .cancel-btn:disabled,.attendance-management .attendance-table-container .attendance-table td .action-buttons .delete-btn:disabled,.attendance-management .attendance-table-container .attendance-table td .delete-actions .register-btn:disabled,.attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-btn:disabled,.attendance-management .attendance-table-container .attendance-table td .delete-actions .update-btn:disabled,.attendance-management .attendance-table-container .attendance-table td .delete-actions .cancel-btn:disabled,.attendance-management .attendance-table-container .attendance-table td .delete-actions .delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.attendance-management .attendance-table-container .attendance-table td .action-buttons .register-btn svg,.attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-btn svg,.attendance-management .attendance-table-container .attendance-table td .action-buttons .update-btn svg,.attendance-management .attendance-table-container .attendance-table td .action-buttons .cancel-btn svg,.attendance-management .attendance-table-container .attendance-table td .action-buttons .delete-btn svg,.attendance-management .attendance-table-container .attendance-table td .delete-actions .register-btn svg,.attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-btn svg,.attendance-management .attendance-table-container .attendance-table td .delete-actions .update-btn svg,.attendance-management .attendance-table-container .attendance-table td .delete-actions .cancel-btn svg,.attendance-management .attendance-table-container .attendance-table td .delete-actions .delete-btn svg{flex-shrink:0}.attendance-management .attendance-table-container .attendance-table td .action-buttons .register-btn,.attendance-management .attendance-table-container .attendance-table td .action-buttons .update-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .register-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .update-btn{color:#fff;background:#10b981}.attendance-management .attendance-table-container .attendance-table td .action-buttons .register-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .action-buttons .update-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .delete-actions .register-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .delete-actions .update-btn:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px #10b9814d}.attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-btn{color:#fff;background:#f59e0b}.attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-btn:hover:not(:disabled){background:#d97706;box-shadow:0 2px 8px #f59e0b4d}.attendance-management .attendance-table-container .attendance-table td .action-buttons .cancel-btn,.attendance-management .attendance-table-container .attendance-table td .action-buttons .delete-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .cancel-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .delete-btn{color:#fff;background:#ef4444}.attendance-management .attendance-table-container .attendance-table td .action-buttons .cancel-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .action-buttons .delete-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .delete-actions .cancel-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .delete-actions .delete-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #ef44444d}.attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-actions,.attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-actions{flex-direction:column;gap:4px;display:flex}.attendance-management .attendance-table-container .attendance-table .empty-state{text-align:center;color:#6b7280;padding:40px 16px;font-style:italic}.attendance-management .table-card .attendance-stage-panel,.attendance-management .table-card .attendance-table-container{box-shadow:none;background:0 0;border:none;border-radius:10px;padding-left:0;padding-right:0}.attendance-management .bulk-register-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.attendance-management .bulk-register-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.attendance-management .bulk-register-section .section-header h4{color:#1f2937;margin:0;font-size:16px;font-weight:600}.attendance-management .bulk-register-section .bulk-controls{align-items:end;gap:16px;padding:20px;display:flex}.attendance-management .bulk-register-section .bulk-controls .bulk-selector{flex:1}.attendance-management .bulk-register-section .bulk-controls .bulk-selector .form-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.attendance-management .bulk-register-section .bulk-controls .bulk-selector .form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.attendance-management .bulk-register-section .bulk-controls .bulk-selector .form-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.attendance-management .bulk-register-section .bulk-controls .bulk-register-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.attendance-management .bulk-register-section .bulk-controls .bulk-register-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.attendance-management .bulk-register-section .bulk-controls .bulk-register-btn:active{transform:translateY(0)}.attendance-management .bulk-register-section .bulk-controls .bulk-register-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.attendance-management .bulk-register-section .bulk-controls .bulk-register-btn svg{flex-shrink:0}.attendance-management .attendance-action-bar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;padding:14px 16px;display:flex}.attendance-management .attendance-action-bar .summary-block{color:#334155;font-size:14px;font-weight:500;line-height:1.45}.attendance-management .attendance-action-bar .summary-block .summary-line--status{align-items:center;gap:8px;margin-bottom:2px;display:flex}.attendance-management .attendance-action-bar .summary-block .summary-line--status .summary-state-dot{background:#f59e0b;border-radius:999px;flex-shrink:0;width:8px;height:8px}.attendance-management .attendance-action-bar .summary-block .summary-line--status.is-ready .summary-state-dot{background:#10b981}.attendance-management .attendance-action-bar .summary-block .summary-line--status.is-idle .summary-state-dot{background:#f59e0b}.attendance-management .attendance-action-bar .summary-block .summary-line--status .summary-status-text{color:#0f172a;font-weight:600}.attendance-management .attendance-action-bar .summary-block .summary-line--counts{color:#475569;flex-wrap:wrap;align-items:center;gap:6px 4px;margin-top:4px;font-size:13px;font-weight:600;display:flex}.attendance-management .attendance-action-bar .summary-block .summary-sep{color:#cbd5e1;-webkit-user-select:none;user-select:none}.attendance-management .attendance-action-bar .summary-block .summary-line--saved{color:#64748b;margin-top:6px;font-size:12px;font-weight:500}.attendance-management .attendance-action-bar .summary-block .summary-line--saved .summary-last-saved.muted{color:#94a3b8}.attendance-management .attendance-action-bar .summary-block .before-attendance{color:#6b7280;flex-direction:column;gap:4px;font-size:13px;display:flex}.attendance-management .attendance-action-bar .summary-block .before-attendance .state-title{color:#111827;font-weight:600}.attendance-management .attendance-action-bar .summary-block .before-attendance .state-desc{font-size:12px;line-height:1.45}.attendance-management .attendance-action-bar .bulk-block{border-top:1px solid #f1f5f9;margin-top:8px;padding-top:10px}.attendance-management .attendance-action-bar .action-block{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:10px;display:flex}.attendance-management .attendance-action-bar .action-bar-search{background:#fff;border:1px solid #d1d5db;border-radius:10px;flex:240px;align-items:center;gap:8px;min-width:200px;max-width:420px;padding:8px 10px;display:flex}.attendance-management .attendance-action-bar .action-bar-search .search-icon{color:#6b7280}.attendance-management .attendance-action-bar .action-bar-search .search-input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.attendance-management .attendance-action-bar .action-bar-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.attendance-management .attendance-action-bar .action-bar-actions .start-attendance-btn,.attendance-management .attendance-action-bar .action-bar-actions .save-attendance-btn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;height:46px;padding:12px 14px;font-size:13px;font-weight:800;transition:all .15s;display:inline-flex}.attendance-management .attendance-action-bar .action-bar-actions .start-attendance-btn:disabled,.attendance-management .attendance-action-bar .action-bar-actions .save-attendance-btn:disabled{opacity:.55;cursor:not-allowed}.attendance-management .attendance-action-bar .action-bar-actions .start-attendance-btn{color:#334155;background:#fff;border:1px solid #d1d5db}.attendance-management .attendance-action-bar .action-bar-actions .start-attendance-btn:hover:not(:disabled){background:#0f172a05;border-color:#94a3b8}.attendance-management .attendance-action-bar .action-bar-actions .save-attendance-btn{color:#fff;background:#1d4ed8;border:none;padding:12px 18px;font-size:14px;box-shadow:0 8px 20px #1d4ed838}.attendance-management .attendance-action-bar .action-bar-actions .save-attendance-btn.no-changes{box-shadow:none;background:#94a3b8}.attendance-management .attendance-action-bar .action-bar-actions .save-attendance-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.attendance-management .attendance-action-bar .action-bar-actions .spin{animation:.9s linear infinite am-spin}.attendance-management .attendance-action-bar .bulk-status-controls{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.attendance-management .attendance-action-bar .bulk-overwrite-label{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.attendance-management .attendance-action-bar .bulk-overwrite-label input{accent-color:#2563eb}.attendance-management .attendance-action-bar .bulk-label{color:#6b7280;white-space:nowrap;font-size:12px;font-weight:600}.attendance-management .attendance-action-bar .bulk-status-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s}.attendance-management .attendance-action-bar .bulk-status-btn:hover{background:#f9fafb;border-color:#9ca3af}.attendance-management .attendance-action-bar .bulk-status-btn.present{color:#166534;border-color:#16653459}.attendance-management .attendance-action-bar .bulk-status-btn.late{color:#9a3412;border-color:#9a341259}.attendance-management .attendance-action-bar .bulk-status-btn.absent{color:#991b1b;border-color:#991b1b59}.attendance-management .attendance-action-bar .bulk-status-btn.excused{color:#374151;border-color:#37415159}.attendance-management .attendance-action-bar .overwrite-warning{color:#b45309;flex-basis:100%;width:100%;margin-top:2px;font-size:11px;font-weight:600;display:block}@keyframes am-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes am-saved-flash{0%{background:#10b9811a;box-shadow:inset 3px 0 #10b981a6}to{background:0 0;box-shadow:inset 3px 0 #10b98100}}@keyframes am-bulk-row-flash{0%{background:#e0f2fe}to{background:0 0}}@keyframes am-bulk-row-flash-dark{0%{background:#38bdf838}to{background:0 0}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .attendance-management .section+.section{border-top-color:#334155}html:not([data-theme=light]) .attendance-management .section-header .section-number{color:#93c5fd}html:not([data-theme=light]) .attendance-management .section-header h4{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .card{background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .panel-caption{color:#94a3b8}html:not([data-theme=light]) .attendance-management .attendance-modal-overlay{background:#0000008c}html:not([data-theme=light]) .attendance-management .attendance-modal{background:#1e293b;border-color:#334155;box-shadow:0 20px 50px #00000073}html:not([data-theme=light]) .attendance-management .schedule-workspace-header{border-bottom-color:#334155}html:not([data-theme=light]) .attendance-management .schedule-workspace-footer{border-top-color:#334155}html:not([data-theme=light]) .attendance-management .schedule-mode-card{background:#0f172a;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .schedule-mode-card:hover:not(:disabled){background:#60a5fa1a;border-color:#60a5fa}html:not([data-theme=light]) .attendance-management .schedule-mode-card--secondary{background:#1e293b}html:not([data-theme=light]) .attendance-management .schedule-mode-card-title{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .schedule-mode-card-desc{color:#94a3b8}html:not([data-theme=light]) .attendance-management .schedule-modal-search{background:#0f172a;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .schedule-modal-search .schedule-modal-search-input{color:#e2e8f0}html:not([data-theme=light]) .attendance-management .schedule-session-picker{background:#0f172a;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .schedule-session-row-date{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .schedule-session-row-type{color:#93c5fd}html:not([data-theme=light]) .attendance-management .schedule-session-row-reason{color:#fcd34d}html:not([data-theme=light]) .attendance-management .schedule-modal-summary{background:#60a5fa1a;border-color:#60a5fa59}html:not([data-theme=light]) .attendance-management .schedule-modal-summary-line{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .schedule-modal-blocked{background:#7f1d1d40;border-color:#7f1d1d}html:not([data-theme=light]) .attendance-management .schedule-modal-hint-sub{color:#94a3b8}html:not([data-theme=light]) .attendance-management .schedule-native-input-wrap{background:#0f172a;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .schedule-native-input-wrap:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html:not([data-theme=light]) .attendance-management .schedule-native-input-wrap .schedule-native-input-icon{color:#94a3b8}html:not([data-theme=light]) .attendance-management .schedule-native-input-wrap .schedule-native-input{color:#e2e8f0}html:not([data-theme=light]) .attendance-management .schedule-field-helper{color:#94a3b8}html:not([data-theme=light]) .attendance-management .schedule-preview-panel{background:linear-gradient(#1e293bf2,#0f172ad9);border-color:#334155}html:not([data-theme=light]) .attendance-management .schedule-preview-label{color:#94a3b8}html:not([data-theme=light]) .attendance-management .schedule-preview-value{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .schedule-extra-default-banner{background:#60a5fa1f;border-color:#60a5fa59}html:not([data-theme=light]) .attendance-management .schedule-extra-default-title{color:#bfdbfe}html:not([data-theme=light]) .attendance-management .schedule-extra-default-desc{color:#94a3b8}html:not([data-theme=light]) .attendance-management .attendance-modal-title{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .attendance-modal-section{color:#cbd5e1}html:not([data-theme=light]) .attendance-management .attendance-modal-field input[type=time],html:not([data-theme=light]) .attendance-management .attendance-modal-field input[type=date]{color:#e2e8f0;background:#0f172a;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-modal-btn.secondary{color:#e2e8f0;background:#334155;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-modal-btn.secondary:hover:not(:disabled){background:#475569}html:not([data-theme=light]) .attendance-management .schedule-modal-context{background:#60a5fa1a;border-color:#60a5fa47}html:not([data-theme=light]) .attendance-management .schedule-modal-context .schedule-modal-context-line{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .schedule-modal-context .schedule-modal-context-type{color:#93c5fd}html:not([data-theme=light]) .attendance-management .schedule-modal-context .schedule-modal-context-empty{color:#fcd34d}html:not([data-theme=light]) .attendance-management .schedule-modal-desc,html:not([data-theme=light]) .attendance-management .schedule-modal-empty-desc{color:#94a3b8}html:not([data-theme=light]) .attendance-management .schedule-modal-pick-btn{color:#e2e8f0;background:#1e293b;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .schedule-modal-pick-btn:hover:not(:disabled){background:#60a5fa1f;border-color:#60a5fa}html:not([data-theme=light]) .attendance-management .schedule-modal-pick-btn--secondary{color:#e2e8f0}html:not([data-theme=light]) .attendance-management .schedule-modal-back{color:#cbd5e1}html:not([data-theme=light]) .attendance-management .schedule-modal-back:hover:not(:disabled){color:#f1f5f9;background:#ffffff0f}html:not([data-theme=light]) .attendance-management .schedule-modal-hint{color:#fcd34d}html:not([data-theme=light]) .attendance-management .schedule-modal-hint--warn{color:#fca5a5}html:not([data-theme=light]) .attendance-management .attendance-step{color:#cbd5e1;background:#ffffff08;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-step .step-dot{color:#cbd5e1;background:#1a202c;border-color:#64748b}html:not([data-theme=light]) .attendance-management .attendance-step.current{color:#bfdbfe;background:#60a5fa29;border-color:#60a5fa59}html:not([data-theme=light]) .attendance-management .attendance-step.completed{color:#a7f3d0;background:#10b98124;border-color:#10b98157}html:not([data-theme=light]) .attendance-management .attendance-header{background:0 0;border-color:#0000}html:not([data-theme=light]) .attendance-management .attendance-header h3{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .attendance-header .schedule-selector .form-label{color:#e2e8f0}html:not([data-theme=light]) .attendance-management .attendance-header .schedule-selector .form-select{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-header .schedule-selector .form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html:not([data-theme=light]) .attendance-management .attendance-header .session-toolbar .session-toolbar-schedule-btn{color:#93c5fd;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-header .session-toolbar .session-toolbar-schedule-btn:hover:not(:disabled){background:#60a5fa1f;border-color:#60a5fa}html:not([data-theme=light]) .attendance-management .attendance-header .session-toolbar .filter-chip{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-header .session-toolbar .filter-chip.active{color:#bfdbfe;background:#60a5fa29;border-color:#60a5fa}html:not([data-theme=light]) .attendance-management .attendance-header .session-toolbar .session-search-wrap{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-header .session-toolbar .session-search-wrap .session-search-icon{color:#a0aec0}html:not([data-theme=light]) .attendance-management .attendance-header .session-toolbar .session-search-wrap .session-search-input{color:#e2e8f0}html:not([data-theme=light]) .attendance-management .attendance-header .session-card{box-shadow:none;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-header .session-card:hover{border-color:#64748b;box-shadow:0 10px 26px #00000040}html:not([data-theme=light]) .attendance-management .attendance-header .session-card.active{background:linear-gradient(#60a5fa1a,#2d3748);border-color:#60a5fabf;box-shadow:0 0 0 4px #60a5fa24}html:not([data-theme=light]) .attendance-management .attendance-header .session-card.is-past{opacity:.82;background:#94a3b814;border-color:#475569}html:not([data-theme=light]) .attendance-management .attendance-header .session-card.is-past:hover{border-color:#64748b;box-shadow:0 4px 12px #0003}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-datetime{color:#e2e8f0}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-datetime .session-card-date svg,html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-datetime .session-card-time svg{color:#a0aec0}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-title{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-sub{color:#a0aec0}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-sub .session-card-classroom.is-empty{color:#94a3b8}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-badge{color:#e2e8f0;background:#ffffff0a;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-badge.today{color:#fef3c7;background:#fbbf2429;border-color:#fbbf2459}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-badge.type{color:#f1f5f9;background:#ffffff14;border-color:#64748b}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-badge.selected{color:#bfdbfe;background:#60a5fa2e;border-color:#60a5fa61}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-badge.past{color:#cbd5e1;background:#94a3b82e;border-color:#94a3b857}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-sub .session-card-classroom{color:#e2e8f0}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-note{color:#a0aec0}html:not([data-theme=light]) .attendance-management .attendance-header .single-session-card{background:linear-gradient(#60a5fa1f,#2d3748)}html:not([data-theme=light]) .attendance-management .attendance-header .session-context-text{color:#a0aec0}html:not([data-theme=light]) .attendance-management .attendance-header .session-card-more{background:#ffffff08;border-color:#64748b}html:not([data-theme=light]) .attendance-management .attendance-header .session-card-more .session-more-count{color:#93c5fd}html:not([data-theme=light]) .attendance-management .attendance-header .session-card-more .session-more-text{color:#cbd5e1}html:not([data-theme=light]) .attendance-management .attendance-header .session-selector-panel{background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .selected-session-card,html:not([data-theme=light]) .attendance-management .attendance-stage-panel,html:not([data-theme=light]) .attendance-management .attendance-action-bar{box-shadow:none;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .selected-session-card .selected-session-title{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .selected-session-card .selected-session-sub{color:#a0aec0}html:not([data-theme=light]) .attendance-management .selected-session-card .selected-session-sub .selected-session-label{color:#e2e8f0}html:not([data-theme=light]) .attendance-management .selected-session-card .selected-session-sub .selected-session-label.today{color:#fef3c7;background:#fbbf2429;border-color:#fbbf2459}html:not([data-theme=light]) .attendance-management .selected-session-card .selected-session-badge{color:#e2e8f0;background:#ffffff0a;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .selected-session-card .selected-session-note{color:#bfdbfe;background:#60a5fa1f;border-color:#60a5fa40}html:not([data-theme=light]) .attendance-management .selected-session-card .selected-session-status-row .before-attendance--compact .state-title{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .selected-session-card .selected-session-status-row .before-attendance--compact .state-desc{color:#a0aec0}html:not([data-theme=light]) .attendance-management .attendance-state-card .state-card-icon{color:#e2e8f0;background:#ffffff0a;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-state-card .state-card-title{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .attendance-state-card .state-card-desc{color:#a0aec0}html:not([data-theme=light]) .attendance-management .attendance-action-bar .summary-block{color:#cbd5e1}html:not([data-theme=light]) .attendance-management .attendance-action-bar .summary-block .summary-line--status .summary-status-text{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .attendance-action-bar .summary-block .summary-line--counts{color:#e2e8f0}html:not([data-theme=light]) .attendance-management .attendance-action-bar .summary-block .summary-sep{color:#64748b}html:not([data-theme=light]) .attendance-management .attendance-action-bar .summary-block .summary-line--saved{color:#94a3b8}html:not([data-theme=light]) .attendance-management .attendance-action-bar .summary-block .summary-line--saved .summary-last-saved.muted{color:#718096}html:not([data-theme=light]) .attendance-management .attendance-action-bar .summary-block .before-attendance{color:#a0aec0}html:not([data-theme=light]) .attendance-management .attendance-action-bar .summary-block .before-attendance .state-title{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .attendance-action-bar .summary-block .before-attendance .state-desc{color:#94a3b8}html:not([data-theme=light]) .attendance-management .attendance-action-bar .bulk-block,html:not([data-theme=light]) .attendance-management .attendance-action-bar .action-block{border-top-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-action-bar .bulk-overwrite-label{color:#a0aec0}html:not([data-theme=light]) .attendance-management .attendance-action-bar .bulk-label{color:#94a3b8}html:not([data-theme=light]) .attendance-management .attendance-action-bar .bulk-status-btn{color:#e2e8f0;background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-action-bar .bulk-status-btn:hover{background:#ffffff0f;border-color:#64748b}html:not([data-theme=light]) .attendance-management .attendance-action-bar .bulk-status-btn.present{color:#a7f3d0;border-color:#34d39973}html:not([data-theme=light]) .attendance-management .attendance-action-bar .bulk-status-btn.late{color:#fdba74;border-color:#fb923c73}html:not([data-theme=light]) .attendance-management .attendance-action-bar .bulk-status-btn.absent{color:#fecaca;border-color:#f8717173}html:not([data-theme=light]) .attendance-management .attendance-action-bar .bulk-status-btn.excused{color:#d1d5db;border-color:#9ca3af73}html:not([data-theme=light]) .attendance-management .attendance-action-bar .overwrite-warning{color:#fbbf24}html:not([data-theme=light]) .attendance-management .attendance-action-bar .action-bar-search{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-action-bar .action-bar-search .search-icon{color:#a0aec0}html:not([data-theme=light]) .attendance-management .attendance-action-bar .action-bar-search .search-input{color:#e2e8f0}html:not([data-theme=light]) .attendance-management .attendance-action-bar .action-bar-actions .start-attendance-btn{color:#e2e8f0;background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-action-bar .action-bar-actions .start-attendance-btn:hover:not(:disabled){background:#ffffff0a;border-color:#64748b}html:not([data-theme=light]) .attendance-management .attendance-action-bar .action-bar-actions .save-attendance-btn{color:#0b1220;box-shadow:none;background:#60a5fa}html:not([data-theme=light]) .attendance-management .attendance-action-bar .action-bar-actions .save-attendance-btn.no-changes{color:#0b1220;background:#64748b}html:not([data-theme=light]) .attendance-management .loading-container p{color:#a0aec0}html:not([data-theme=light]) .attendance-management .attendance-table-container{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table th{color:#e2e8f0;background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table tbody tr{background:0 0}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table tbody tr:hover{background:#ffffff0a}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table tbody tr.present{background:#22c55e14}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table tbody tr.absent{background:#f8717112}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table tbody tr.unselected{background:0 0}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table tbody tr.updated{animation:.4s am-bulk-row-flash-dark}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table tbody tr.former-enrollment{background:#94a3b814}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table tbody tr.former-enrollment:hover{background:#94a3b81f}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table tbody tr.former-enrollment.present,html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table tbody tr.former-enrollment.absent,html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table tbody tr.former-enrollment.unselected{background:#94a3b814}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td{color:#e2e8f0;border-bottom-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .student-name{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .student-phone{color:#a0aec0}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented{background:#ffffff08;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn{color:#e2e8f0;border-right-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn:hover{background:#ffffff0d}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.active{color:#bfdbfe;background:#60a5fa38}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.present.active{color:#bbf7d0;background:#1665348c}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.late.active{color:#ffedd5;background:#9a341280}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.absent.active{color:#fecaca;background:#7f1d1d8c}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.excused.active{color:#e5e7eb;background:#374151a6}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .comment-input{color:#e2e8f0;background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .comment-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .student-info .student-name{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .status-select{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .status-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea::placeholder{color:#a0aec0}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea:read-only{color:#a0aec0;background:#1a202c}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .action-buttons .register-btn,html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .action-buttons .update-btn,html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .delete-actions .register-btn,html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .delete-actions .update-btn{background:#10b981}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .action-buttons .register-btn:hover:not(:disabled),html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .action-buttons .update-btn:hover:not(:disabled),html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .delete-actions .register-btn:hover:not(:disabled),html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .delete-actions .update-btn:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px #10b9814d}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-btn,html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-btn{background:#f59e0b}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-btn:hover:not(:disabled),html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-btn:hover:not(:disabled){background:#d97706;box-shadow:0 2px 8px #f59e0b4d}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .action-buttons .cancel-btn,html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .action-buttons .delete-btn,html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .delete-actions .cancel-btn,html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .delete-actions .delete-btn{background:#ef4444}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .action-buttons .cancel-btn:hover:not(:disabled),html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .action-buttons .delete-btn:hover:not(:disabled),html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .delete-actions .cancel-btn:hover:not(:disabled),html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .delete-actions .delete-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #ef44444d}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table .empty-state{color:#a0aec0}html:not([data-theme=light]) .attendance-management .bulk-register-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .bulk-register-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .attendance-management .bulk-register-section .section-header h4{color:#f1f5f9}html:not([data-theme=light]) .attendance-management .bulk-register-section .bulk-controls .bulk-selector .form-label{color:#e2e8f0}html:not([data-theme=light]) .attendance-management .bulk-register-section .bulk-controls .bulk-selector .form-select{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .attendance-management .bulk-register-section .bulk-controls .bulk-selector .form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html:not([data-theme=light]) .attendance-management .bulk-register-section .bulk-controls .bulk-register-btn{background:#60a5fa}html:not([data-theme=light]) .attendance-management .bulk-register-section .bulk-controls .bulk-register-btn:hover:not(:disabled){background:#3b82f6;box-shadow:0 4px 12px #60a5fa4d}}html[data-theme=dark] .attendance-management .section+.section{border-top-color:#334155}html[data-theme=dark] .attendance-management .section-header .section-number{color:#93c5fd}html[data-theme=dark] .attendance-management .section-header h4{color:#f1f5f9}html[data-theme=dark] .attendance-management .card{background:#1f2937;border-color:#4a5568}html[data-theme=dark] .attendance-management .panel-caption{color:#94a3b8}html[data-theme=dark] .attendance-management .attendance-modal-overlay{background:#0000008c}html[data-theme=dark] .attendance-management .attendance-modal{background:#1e293b;border-color:#334155;box-shadow:0 20px 50px #00000073}html[data-theme=dark] .attendance-management .schedule-workspace-header{border-bottom-color:#334155}html[data-theme=dark] .attendance-management .schedule-workspace-footer{border-top-color:#334155}html[data-theme=dark] .attendance-management .schedule-mode-card{background:#0f172a;border-color:#4a5568}html[data-theme=dark] .attendance-management .schedule-mode-card:hover:not(:disabled){background:#60a5fa1a;border-color:#60a5fa}html[data-theme=dark] .attendance-management .schedule-mode-card--secondary{background:#1e293b}html[data-theme=dark] .attendance-management .schedule-mode-card-title{color:#f1f5f9}html[data-theme=dark] .attendance-management .schedule-mode-card-desc{color:#94a3b8}html[data-theme=dark] .attendance-management .schedule-modal-search{background:#0f172a;border-color:#4a5568}html[data-theme=dark] .attendance-management .schedule-modal-search .schedule-modal-search-input{color:#e2e8f0}html[data-theme=dark] .attendance-management .schedule-session-picker{background:#0f172a;border-color:#4a5568}html[data-theme=dark] .attendance-management .schedule-session-row-date{color:#f1f5f9}html[data-theme=dark] .attendance-management .schedule-session-row-type{color:#93c5fd}html[data-theme=dark] .attendance-management .schedule-session-row-reason{color:#fcd34d}html[data-theme=dark] .attendance-management .schedule-modal-summary{background:#60a5fa1a;border-color:#60a5fa59}html[data-theme=dark] .attendance-management .schedule-modal-summary-line{color:#f1f5f9}html[data-theme=dark] .attendance-management .schedule-modal-blocked{background:#7f1d1d40;border-color:#7f1d1d}html[data-theme=dark] .attendance-management .schedule-modal-hint-sub{color:#94a3b8}html[data-theme=dark] .attendance-management .schedule-native-input-wrap{background:#0f172a;border-color:#4a5568}html[data-theme=dark] .attendance-management .schedule-native-input-wrap:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html[data-theme=dark] .attendance-management .schedule-native-input-wrap .schedule-native-input-icon{color:#94a3b8}html[data-theme=dark] .attendance-management .schedule-native-input-wrap .schedule-native-input{color:#e2e8f0}html[data-theme=dark] .attendance-management .schedule-field-helper{color:#94a3b8}html[data-theme=dark] .attendance-management .schedule-preview-panel{background:linear-gradient(#1e293bf2,#0f172ad9);border-color:#334155}html[data-theme=dark] .attendance-management .schedule-preview-label{color:#94a3b8}html[data-theme=dark] .attendance-management .schedule-preview-value{color:#f1f5f9}html[data-theme=dark] .attendance-management .schedule-extra-default-banner{background:#60a5fa1f;border-color:#60a5fa59}html[data-theme=dark] .attendance-management .schedule-extra-default-title{color:#bfdbfe}html[data-theme=dark] .attendance-management .schedule-extra-default-desc{color:#94a3b8}html[data-theme=dark] .attendance-management .attendance-modal-title{color:#f1f5f9}html[data-theme=dark] .attendance-management .attendance-modal-section{color:#cbd5e1}html[data-theme=dark] .attendance-management .attendance-modal-field input[type=time],html[data-theme=dark] .attendance-management .attendance-modal-field input[type=date]{color:#e2e8f0;background:#0f172a;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-modal-btn.secondary{color:#e2e8f0;background:#334155;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-modal-btn.secondary:hover:not(:disabled){background:#475569}html[data-theme=dark] .attendance-management .schedule-modal-context{background:#60a5fa1a;border-color:#60a5fa47}html[data-theme=dark] .attendance-management .schedule-modal-context .schedule-modal-context-line{color:#f1f5f9}html[data-theme=dark] .attendance-management .schedule-modal-context .schedule-modal-context-type{color:#93c5fd}html[data-theme=dark] .attendance-management .schedule-modal-context .schedule-modal-context-empty{color:#fcd34d}html[data-theme=dark] .attendance-management .schedule-modal-desc,html[data-theme=dark] .attendance-management .schedule-modal-empty-desc{color:#94a3b8}html[data-theme=dark] .attendance-management .schedule-modal-pick-btn{color:#e2e8f0;background:#1e293b;border-color:#4a5568}html[data-theme=dark] .attendance-management .schedule-modal-pick-btn:hover:not(:disabled){background:#60a5fa1f;border-color:#60a5fa}html[data-theme=dark] .attendance-management .schedule-modal-pick-btn--secondary{color:#e2e8f0}html[data-theme=dark] .attendance-management .schedule-modal-back{color:#cbd5e1}html[data-theme=dark] .attendance-management .schedule-modal-back:hover:not(:disabled){color:#f1f5f9;background:#ffffff0f}html[data-theme=dark] .attendance-management .schedule-modal-hint{color:#fcd34d}html[data-theme=dark] .attendance-management .schedule-modal-hint--warn{color:#fca5a5}html[data-theme=dark] .attendance-management .attendance-step{color:#cbd5e1;background:#ffffff08;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-step .step-dot{color:#cbd5e1;background:#1a202c;border-color:#64748b}html[data-theme=dark] .attendance-management .attendance-step.current{color:#bfdbfe;background:#60a5fa29;border-color:#60a5fa59}html[data-theme=dark] .attendance-management .attendance-step.completed{color:#a7f3d0;background:#10b98124;border-color:#10b98157}html[data-theme=dark] .attendance-management .attendance-header{background:0 0;border-color:#0000}html[data-theme=dark] .attendance-management .attendance-header h3{color:#f1f5f9}html[data-theme=dark] .attendance-management .attendance-header .schedule-selector .form-label{color:#e2e8f0}html[data-theme=dark] .attendance-management .attendance-header .schedule-selector .form-select{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-header .schedule-selector .form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html[data-theme=dark] .attendance-management .attendance-header .session-toolbar .session-toolbar-schedule-btn{color:#93c5fd;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-header .session-toolbar .session-toolbar-schedule-btn:hover:not(:disabled){background:#60a5fa1f;border-color:#60a5fa}html[data-theme=dark] .attendance-management .attendance-header .session-toolbar .filter-chip{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-header .session-toolbar .filter-chip.active{color:#bfdbfe;background:#60a5fa29;border-color:#60a5fa}html[data-theme=dark] .attendance-management .attendance-header .session-toolbar .session-search-wrap{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-header .session-toolbar .session-search-wrap .session-search-icon{color:#a0aec0}html[data-theme=dark] .attendance-management .attendance-header .session-toolbar .session-search-wrap .session-search-input{color:#e2e8f0}html[data-theme=dark] .attendance-management .attendance-header .session-card{box-shadow:none;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-header .session-card:hover{border-color:#64748b;box-shadow:0 10px 26px #00000040}html[data-theme=dark] .attendance-management .attendance-header .session-card.active{background:linear-gradient(#60a5fa1a,#2d3748);border-color:#60a5fabf;box-shadow:0 0 0 4px #60a5fa24}html[data-theme=dark] .attendance-management .attendance-header .session-card.is-past{opacity:.82;background:#94a3b814;border-color:#475569}html[data-theme=dark] .attendance-management .attendance-header .session-card.is-past:hover{border-color:#64748b;box-shadow:0 4px 12px #0003}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-datetime{color:#e2e8f0}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-datetime .session-card-date svg,html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-datetime .session-card-time svg{color:#a0aec0}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-title{color:#f1f5f9}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-sub{color:#a0aec0}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-sub .session-card-classroom.is-empty{color:#94a3b8}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-badge{color:#e2e8f0;background:#ffffff0a;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-badge.today{color:#fef3c7;background:#fbbf2429;border-color:#fbbf2459}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-badge.type{color:#f1f5f9;background:#ffffff14;border-color:#64748b}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-badge.selected{color:#bfdbfe;background:#60a5fa2e;border-color:#60a5fa61}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-badge.past{color:#cbd5e1;background:#94a3b82e;border-color:#94a3b857}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-sub .session-card-classroom{color:#e2e8f0}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-note{color:#a0aec0}html[data-theme=dark] .attendance-management .attendance-header .single-session-card{background:linear-gradient(#60a5fa1f,#2d3748)}html[data-theme=dark] .attendance-management .attendance-header .session-context-text{color:#a0aec0}html[data-theme=dark] .attendance-management .attendance-header .session-card-more{background:#ffffff08;border-color:#64748b}html[data-theme=dark] .attendance-management .attendance-header .session-card-more .session-more-count{color:#93c5fd}html[data-theme=dark] .attendance-management .attendance-header .session-card-more .session-more-text{color:#cbd5e1}html[data-theme=dark] .attendance-management .attendance-header .session-selector-panel{background:#1f2937;border-color:#4a5568}html[data-theme=dark] .attendance-management .selected-session-card,html[data-theme=dark] .attendance-management .attendance-stage-panel,html[data-theme=dark] .attendance-management .attendance-action-bar{box-shadow:none;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .attendance-management .selected-session-card .selected-session-title{color:#f1f5f9}html[data-theme=dark] .attendance-management .selected-session-card .selected-session-sub{color:#a0aec0}html[data-theme=dark] .attendance-management .selected-session-card .selected-session-sub .selected-session-label{color:#e2e8f0}html[data-theme=dark] .attendance-management .selected-session-card .selected-session-sub .selected-session-label.today{color:#fef3c7;background:#fbbf2429;border-color:#fbbf2459}html[data-theme=dark] .attendance-management .selected-session-card .selected-session-badge{color:#e2e8f0;background:#ffffff0a;border-color:#4a5568}html[data-theme=dark] .attendance-management .selected-session-card .selected-session-note{color:#bfdbfe;background:#60a5fa1f;border-color:#60a5fa40}html[data-theme=dark] .attendance-management .selected-session-card .selected-session-status-row .before-attendance--compact .state-title{color:#f1f5f9}html[data-theme=dark] .attendance-management .selected-session-card .selected-session-status-row .before-attendance--compact .state-desc{color:#a0aec0}html[data-theme=dark] .attendance-management .attendance-state-card .state-card-icon{color:#e2e8f0;background:#ffffff0a;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-state-card .state-card-title{color:#f1f5f9}html[data-theme=dark] .attendance-management .attendance-state-card .state-card-desc{color:#a0aec0}html[data-theme=dark] .attendance-management .attendance-action-bar .summary-block{color:#cbd5e1}html[data-theme=dark] .attendance-management .attendance-action-bar .summary-block .summary-line--status .summary-status-text{color:#f1f5f9}html[data-theme=dark] .attendance-management .attendance-action-bar .summary-block .summary-line--counts{color:#e2e8f0}html[data-theme=dark] .attendance-management .attendance-action-bar .summary-block .summary-sep{color:#64748b}html[data-theme=dark] .attendance-management .attendance-action-bar .summary-block .summary-line--saved{color:#94a3b8}html[data-theme=dark] .attendance-management .attendance-action-bar .summary-block .summary-line--saved .summary-last-saved.muted{color:#718096}html[data-theme=dark] .attendance-management .attendance-action-bar .summary-block .before-attendance{color:#a0aec0}html[data-theme=dark] .attendance-management .attendance-action-bar .summary-block .before-attendance .state-title{color:#f1f5f9}html[data-theme=dark] .attendance-management .attendance-action-bar .summary-block .before-attendance .state-desc{color:#94a3b8}html[data-theme=dark] .attendance-management .attendance-action-bar .bulk-block,html[data-theme=dark] .attendance-management .attendance-action-bar .action-block{border-top-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-action-bar .bulk-overwrite-label{color:#a0aec0}html[data-theme=dark] .attendance-management .attendance-action-bar .bulk-label{color:#94a3b8}html[data-theme=dark] .attendance-management .attendance-action-bar .bulk-status-btn{color:#e2e8f0;background:#1a202c;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-action-bar .bulk-status-btn:hover{background:#ffffff0f;border-color:#64748b}html[data-theme=dark] .attendance-management .attendance-action-bar .bulk-status-btn.present{color:#a7f3d0;border-color:#34d39973}html[data-theme=dark] .attendance-management .attendance-action-bar .bulk-status-btn.late{color:#fdba74;border-color:#fb923c73}html[data-theme=dark] .attendance-management .attendance-action-bar .bulk-status-btn.absent{color:#fecaca;border-color:#f8717173}html[data-theme=dark] .attendance-management .attendance-action-bar .bulk-status-btn.excused{color:#d1d5db;border-color:#9ca3af73}html[data-theme=dark] .attendance-management .attendance-action-bar .overwrite-warning{color:#fbbf24}html[data-theme=dark] .attendance-management .attendance-action-bar .action-bar-search{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-action-bar .action-bar-search .search-icon{color:#a0aec0}html[data-theme=dark] .attendance-management .attendance-action-bar .action-bar-search .search-input{color:#e2e8f0}html[data-theme=dark] .attendance-management .attendance-action-bar .action-bar-actions .start-attendance-btn{color:#e2e8f0;background:#1a202c;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-action-bar .action-bar-actions .start-attendance-btn:hover:not(:disabled){background:#ffffff0a;border-color:#64748b}html[data-theme=dark] .attendance-management .attendance-action-bar .action-bar-actions .save-attendance-btn{color:#0b1220;box-shadow:none;background:#60a5fa}html[data-theme=dark] .attendance-management .attendance-action-bar .action-bar-actions .save-attendance-btn.no-changes{color:#0b1220;background:#64748b}html[data-theme=dark] .attendance-management .loading-container p{color:#a0aec0}html[data-theme=dark] .attendance-management .attendance-table-container{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table th{color:#e2e8f0;background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table tbody tr{background:0 0}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table tbody tr:hover{background:#ffffff0a}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table tbody tr.present{background:#22c55e14}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table tbody tr.absent{background:#f8717112}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table tbody tr.unselected{background:0 0}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table tbody tr.updated{animation:.4s am-bulk-row-flash-dark}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table tbody tr.former-enrollment{background:#94a3b814}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table tbody tr.former-enrollment:hover{background:#94a3b81f}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table tbody tr.former-enrollment.present,html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table tbody tr.former-enrollment.absent,html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table tbody tr.former-enrollment.unselected{background:#94a3b814}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td{color:#e2e8f0;border-bottom-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .student-name{color:#f1f5f9}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .student-phone{color:#a0aec0}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented{background:#ffffff08;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn{color:#e2e8f0;border-right-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn:hover{background:#ffffff0d}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.active{color:#bfdbfe;background:#60a5fa38}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.present.active{color:#bbf7d0;background:#1665348c}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.late.active{color:#ffedd5;background:#9a341280}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.absent.active{color:#fecaca;background:#7f1d1d8c}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.excused.active{color:#e5e7eb;background:#374151a6}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .comment-input{color:#e2e8f0;background:#1a202c;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .comment-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .student-info .student-name{color:#f1f5f9}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .status-select{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .status-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea::placeholder{color:#a0aec0}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea:read-only{color:#a0aec0;background:#1a202c}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .action-buttons .register-btn,html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .action-buttons .update-btn,html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .delete-actions .register-btn,html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .delete-actions .update-btn{background:#10b981}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .action-buttons .register-btn:hover:not(:disabled),html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .action-buttons .update-btn:hover:not(:disabled),html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .delete-actions .register-btn:hover:not(:disabled),html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .delete-actions .update-btn:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px #10b9814d}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-btn,html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-btn{background:#f59e0b}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-btn:hover:not(:disabled),html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-btn:hover:not(:disabled){background:#d97706;box-shadow:0 2px 8px #f59e0b4d}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .action-buttons .cancel-btn,html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .action-buttons .delete-btn,html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .delete-actions .cancel-btn,html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .delete-actions .delete-btn{background:#ef4444}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .action-buttons .cancel-btn:hover:not(:disabled),html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .action-buttons .delete-btn:hover:not(:disabled),html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .delete-actions .cancel-btn:hover:not(:disabled),html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .delete-actions .delete-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #ef44444d}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table .empty-state{color:#a0aec0}html[data-theme=dark] .attendance-management .bulk-register-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .attendance-management .bulk-register-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .attendance-management .bulk-register-section .section-header h4{color:#f1f5f9}html[data-theme=dark] .attendance-management .bulk-register-section .bulk-controls .bulk-selector .form-label{color:#e2e8f0}html[data-theme=dark] .attendance-management .bulk-register-section .bulk-controls .bulk-selector .form-select{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .attendance-management .bulk-register-section .bulk-controls .bulk-selector .form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html[data-theme=dark] .attendance-management .bulk-register-section .bulk-controls .bulk-register-btn{background:#60a5fa}html[data-theme=dark] .attendance-management .bulk-register-section .bulk-controls .bulk-register-btn:hover:not(:disabled){background:#3b82f6;box-shadow:0 4px 12px #60a5fa4d}@media (width<=768px){.attendance-management{gap:16px}.attendance-management .attendance-header{padding:16px}.attendance-management .attendance-header h3{font-size:16px}.attendance-management .attendance-table-container .attendance-table{font-size:13px}.attendance-management .attendance-table-container .attendance-table th,.attendance-management .attendance-table-container .attendance-table td{padding:12px 8px}.attendance-management .attendance-table-container .attendance-table th{font-size:11px}.attendance-management .attendance-table-container .attendance-table td .comment-cell{min-width:150px}.attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea{min-height:50px;padding:10px;font-size:12px}.attendance-management .attendance-table-container .attendance-table td .action-buttons,.attendance-management .attendance-table-container .attendance-table td .delete-actions{min-width:100px}.attendance-management .attendance-table-container .attendance-table td .action-buttons .register-btn,.attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-btn,.attendance-management .attendance-table-container .attendance-table td .action-buttons .update-btn,.attendance-management .attendance-table-container .attendance-table td .action-buttons .cancel-btn,.attendance-management .attendance-table-container .attendance-table td .action-buttons .delete-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .register-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .update-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .cancel-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .delete-btn{padding:6px 10px;font-size:11px}.attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-actions,.attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-actions{gap:3px}.attendance-management .bulk-register-section .bulk-controls{flex-direction:column;align-items:stretch;gap:12px}.attendance-management .bulk-register-section .bulk-controls .bulk-register-btn{justify-content:center;width:100%;padding:14px 20px;font-size:15px}}.attendance-comment-field{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}.attendance-comment-field .comment-input{box-sizing:border-box;width:100%;min-width:0}.attendance-comment-counter{color:#6b7280;text-align:right;-webkit-user-select:none;user-select:none;font-size:11px;line-height:1.3}.attendance-comment-counter.is-warning{color:#d97706;font-weight:600}.attendance-comment-counter.is-at-limit{color:#dc2626;font-weight:700}.course-materials-page{flex-direction:column;gap:24px;display:flex}.course-materials-page .page-header{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.course-materials-page .page-header .header-content{align-items:center;gap:16px;display:flex}.course-materials-page .page-header .header-content .header-icon{color:#fff;background:#3b82f6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.course-materials-page .page-header .header-content .header-text .header-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.course-materials-page .page-header .header-content .header-text .header-description{color:#6b7280;margin:0;font-size:14px}.course-materials-page .materials-content{flex-direction:column;gap:24px;display:flex}.course-materials-page .materials-content .material-form-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.course-materials-page .materials-content .material-form-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.course-materials-page .materials-content .material-form-section .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.course-materials-page .materials-content .material-form-section .form-container{padding:24px}.course-materials-page .materials-content .material-form-section .form-container .form-group{margin-bottom:20px}.course-materials-page .materials-content .material-form-section .form-container .form-group .form-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.course-materials-page .materials-content .material-form-section .form-container .form-group .form-input,.course-materials-page .materials-content .material-form-section .form-container .form-group .form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.course-materials-page .materials-content .material-form-section .form-container .form-group .form-input:focus,.course-materials-page .materials-content .material-form-section .form-container .form-group .form-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.course-materials-page .materials-content .material-form-section .form-container .form-group .form-input::placeholder,.course-materials-page .materials-content .material-form-section .form-container .form-group .form-textarea::placeholder{color:#9ca3af}.course-materials-page .materials-content .material-form-section .form-container .form-group .form-textarea{resize:vertical;min-height:100px;font-family:inherit}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container{position:relative}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-input-hidden{opacity:0;pointer-events:none;position:absolute;left:-9999px}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area{cursor:pointer;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:3px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:200px;padding:40px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f60d 0%,#9333ea0d 100%);transition:opacity .3s;position:absolute;inset:0}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 25px #3b82f626}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:hover:before{opacity:1}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-icon{color:#3b82f6;transform:scale(1.1)rotate(5deg)}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-title{color:#3b82f6}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#10b981;transform:scale(1.02);box-shadow:0 15px 35px #10b98133}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-icon{color:#10b981;transform:scale(1.2)rotate(10deg)}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-title{color:#10b981}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-icon{color:#6b7280;filter:drop-shadow(0 2px 4px #0000001a);margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text{text-align:center;z-index:1;position:relative}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#374151;margin:0 0 8px;font-size:18px;font-weight:600;transition:color .3s}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#6b7280;margin:0 0 12px;font-size:14px;line-height:1.5}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{color:#9ca3af;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:20px;margin:0;padding:8px 16px;font-size:12px;font-weight:500;display:inline-block}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border:2px solid #0ea5e9;border-radius:12px;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 20px;animation:.3s ease-out slideIn;display:flex;box-shadow:0 4px 12px #0ea5e926}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .file-info{flex:1;align-items:center;gap:12px;display:flex}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .file-info svg{color:#0ea5e9;flex-shrink:0}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details{flex-direction:column;gap:2px;display:flex}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-name{color:#0c4a6e;word-break:break-all;font-size:14px;font-weight:600}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-size{color:#0369a1;font-size:12px;font-weight:500}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;transition:all .2s;display:flex}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn:hover{color:#fff;background:#dc2626;transform:scale(1.1)}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn:active{transform:scale(.95)}.course-materials-page .materials-content .material-form-section .form-container .error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.course-materials-page .materials-content .material-form-section .form-container .error-message:before{content:"⚠️";font-size:16px}.course-materials-page .materials-content .material-form-section .form-container .success-message{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.course-materials-page .materials-content .material-form-section .form-container .success-message:before{content:"✅";font-size:16px}.course-materials-page .materials-content .material-form-section .form-container .form-actions{justify-content:flex-end;margin-top:24px;display:flex}.course-materials-page .materials-content .material-form-section .form-container .form-actions .upload-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.course-materials-page .materials-content .material-form-section .form-container .form-actions .upload-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.course-materials-page .materials-content .material-form-section .form-container .form-actions .upload-btn:active{transform:translateY(0)}.course-materials-page .materials-content .material-form-section .form-container .form-actions .upload-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.course-materials-page .materials-content .material-form-section .form-container .form-actions .upload-btn svg{flex-shrink:0}.course-materials-page .materials-content .materials-list-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.course-materials-page .materials-content .materials-list-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.course-materials-page .materials-content .materials-list-section .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.course-materials-page .materials-content .materials-list-section .materials-container{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;padding:24px;display:grid}.course-materials-page .materials-content .materials-list-section .materials-container .material-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.course-materials-page .materials-content .materials-list-section .materials-container .material-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-header .material-title{color:#1f2937;flex:1;margin:0;font-size:18px;font-weight:600;line-height:1.4}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-header .status-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:600}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content{margin-bottom:20px}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-description{margin-bottom:16px}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-description .description-text{color:#6b7280;-webkit-box-orient:vertical;max-height:120px;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-meta{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-meta .meta-item{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-meta .meta-item:last-child{margin-bottom:0}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-meta .meta-item .meta-label{color:#6b7280;font-size:13px;font-weight:500}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-meta .meta-item .meta-value{color:#374151;font-size:13px;font-weight:600}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-meta .meta-item .meta-value.file-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions{border-top:1px solid #e5e7eb;gap:8px;margin-top:16px;padding-top:16px;display:flex}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .detail-btn,.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .download-btn,.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .detail-btn:hover,.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .download-btn:hover,.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .detail-btn:active,.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .download-btn:active,.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn:active{transform:translateY(0)}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .detail-btn svg,.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .download-btn svg,.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn svg{flex-shrink:0;width:16px;height:16px}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .detail-btn{color:#fff;background:#6b7280;border:1px solid #4b5563}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .detail-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .download-btn{color:#fff;background:#10b981;border:1px solid #059669}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn{color:#fff;background:#ef4444;border:1px solid #dc2626}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.course-materials-page .materials-content .materials-list-section .materials-container .empty-state{text-align:center;color:#9ca3af;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.course-materials-page .materials-content .materials-list-section .materials-container .empty-state svg{opacity:.5;margin-bottom:16px}.course-materials-page .materials-content .materials-list-section .materials-container .empty-state p{margin:0;font-size:16px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .course-materials-page .page-header{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .course-materials-page .page-header .header-content .header-icon{background:#60a5fa}html:not([data-theme=light]) .course-materials-page .page-header .header-content .header-text .header-title{color:#f1f5f9}html:not([data-theme=light]) .course-materials-page .page-header .header-content .header-text .header-description{color:#a0aec0}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .form-label{color:#e2e8f0}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .form-input,html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .form-textarea{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .form-input:focus,html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .form-input::placeholder,html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .form-textarea::placeholder{color:#a0aec0}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);border-color:#4a5568}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:before{background:linear-gradient(135deg,#60a5fa0d 0%,#a78bfa0d 100%)}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-icon,html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-title{color:#60a5fa}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border-color:#34d399}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-icon,html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-title{color:#34d399}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-icon{color:#a0aec0}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#e2e8f0}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#a0aec0}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{color:#718096;background:#2d3748cc}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .file-info svg{color:#60a5fa}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-name{color:#93c5fd}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-size{color:#60a5fa}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn{color:#fca5a5;background:#7f1d1d}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn:hover{color:#fff;background:#dc2626}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-actions .upload-btn{background:#60a5fa}html:not([data-theme=light]) .course-materials-page .materials-content .material-form-section .form-container .form-actions .upload-btn:hover:not(:disabled){background:#3b82f6;box-shadow:0 4px 12px #60a5fa4d}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .material-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .material-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa1a}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-header .material-title{color:#f1f5f9}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-header .status-badge{color:#6ee7b7;background:#064e3b;border-color:#047857}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-description .description-text{color:#a0aec0}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-meta{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-meta .meta-item .meta-label{color:#a0aec0}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-meta .meta-item .meta-value{color:#e2e8f0}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions{border-top-color:#4a5568}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .detail-btn{background:#6b7280;border-color:#4b5563}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .detail-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .download-btn{background:#10b981;border-color:#059669}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn{background:#ef4444;border-color:#dc2626}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}html:not([data-theme=light]) .course-materials-page .materials-content .materials-list-section .materials-container .empty-state{color:#a0aec0}}html[data-theme=dark] .course-materials-page .page-header{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .course-materials-page .page-header .header-content .header-icon{background:#60a5fa}html[data-theme=dark] .course-materials-page .page-header .header-content .header-text .header-title{color:#f1f5f9}html[data-theme=dark] .course-materials-page .page-header .header-content .header-text .header-description{color:#a0aec0}html[data-theme=dark] .course-materials-page .materials-content .material-form-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .form-label{color:#e2e8f0}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .form-input,html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .form-textarea{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .form-input:focus,html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .form-input::placeholder,html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .form-textarea::placeholder{color:#a0aec0}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);border-color:#4a5568}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:before{background:linear-gradient(135deg,#60a5fa0d 0%,#a78bfa0d 100%)}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-icon,html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-title{color:#60a5fa}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border-color:#34d399}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-icon,html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-title{color:#34d399}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-icon{color:#a0aec0}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#e2e8f0}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#a0aec0}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{color:#718096;background:#2d3748cc}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .file-info svg{color:#60a5fa}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-name{color:#93c5fd}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-size{color:#60a5fa}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn{color:#fca5a5;background:#7f1d1d}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn:hover{color:#fff;background:#dc2626}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-actions .upload-btn{background:#60a5fa}html[data-theme=dark] .course-materials-page .materials-content .material-form-section .form-container .form-actions .upload-btn:hover:not(:disabled){background:#3b82f6;box-shadow:0 4px 12px #60a5fa4d}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .material-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .material-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa1a}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-header .material-title{color:#f1f5f9}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-header .status-badge{color:#6ee7b7;background:#064e3b;border-color:#047857}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-description .description-text{color:#a0aec0}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-meta{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-meta .meta-item .meta-label{color:#a0aec0}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-meta .meta-item .meta-value{color:#e2e8f0}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions{border-top-color:#4a5568}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .detail-btn{background:#6b7280;border-color:#4b5563}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .detail-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .download-btn{background:#10b981;border-color:#059669}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn{background:#ef4444;border-color:#dc2626}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}html[data-theme=dark] .course-materials-page .materials-content .materials-list-section .materials-container .empty-state{color:#a0aec0}@media (width<=768px){.course-materials-page{gap:16px}.course-materials-page .page-header{padding:16px}.course-materials-page .page-header .header-content .header-text .header-title{font-size:20px}.course-materials-page .materials-content{gap:16px}.course-materials-page .materials-content .material-form-section .form-container{padding:16px}.course-materials-page .materials-content .material-form-section .form-container .file-upload-container .file-upload-area{min-height:160px;padding:30px 16px}.course-materials-page .materials-content .material-form-section .form-container .file-upload-container .file-upload-area .upload-icon{margin-bottom:12px}.course-materials-page .materials-content .material-form-section .form-container .file-upload-container .file-upload-area .upload-text .upload-title{font-size:16px}.course-materials-page .materials-content .material-form-section .form-container .file-upload-container .file-upload-area .upload-text .upload-subtitle{font-size:13px}.course-materials-page .materials-content .material-form-section .form-container .file-upload-container .file-upload-area .upload-text .upload-formats{padding:6px 12px;font-size:11px}.course-materials-page .materials-content .material-form-section .form-container .file-upload-container .selected-file{padding:12px 16px}.course-materials-page .materials-content .material-form-section .form-container .file-upload-container .selected-file .file-info{gap:8px}.course-materials-page .materials-content .material-form-section .form-container .file-upload-container .selected-file .file-info .file-details .file-name{font-size:13px}.course-materials-page .materials-content .material-form-section .form-container .file-upload-container .selected-file .file-info .file-details .file-size{font-size:11px}.course-materials-page .materials-content .material-form-section .form-container .file-upload-container .selected-file .remove-file-btn{width:28px;height:28px;font-size:16px}.course-materials-page .materials-content .materials-list-section .materials-container{grid-template-columns:1fr;gap:16px;padding:16px}.course-materials-page .materials-content .materials-list-section .materials-container .material-card{padding:16px}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-header{flex-direction:column;align-items:flex-start;gap:8px}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-header .material-title{font-size:16px}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions{flex-direction:column;gap:8px}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .detail-btn,.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .download-btn,.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn{width:100%}}.detail-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.detail-modal-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:800px;max-height:calc(100vh - 40px);animation:.3s ease-out modalSlideIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.detail-modal-container.notice{border-left:4px solid #3b82f6}.detail-modal-container.assignment{border-left:4px solid #10b981}.detail-modal-container.material{border-left:4px solid #8b5cf6}.modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 24px}.modal-header .header-content{justify-content:space-between;align-items:center;display:flex}.modal-header .header-content .modal-title{color:#1f2937;margin:0;font-size:20px;font-weight:700}.modal-header .header-content .close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.modal-header .header-content .close-btn:hover{color:#374151;background:#e5e7eb}.modal-body{max-height:calc(100vh - 200px);padding:24px;overflow-y:auto}.modal-body .content-section{margin-bottom:24px}.modal-body .content-section .content{color:#374151;white-space:pre-wrap;word-break:break-word;font-size:16px;line-height:1.6}.modal-body .meta-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px}.modal-body .meta-section .meta-item{align-items:center;gap:8px;display:flex}.modal-body .meta-section .meta-item svg{color:#6b7280;flex-shrink:0}.modal-body .meta-section .meta-item .meta-label{color:#6b7280;font-size:14px;font-weight:500}.modal-body .file-section .file-section-title{color:#1f2937;margin:0 0 16px;font-size:16px;font-weight:600}.modal-body .file-section .file-list{flex-direction:column;gap:12px;display:flex}.modal-body .file-section .file-list .file-item{cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.modal-body .file-section .file-list .file-item:hover{background:#e5e7eb;border-color:#d1d5db}.modal-body .file-section .file-list .file-item .file-info{flex:1;align-items:center;gap:12px;display:flex}.modal-body .file-section .file-list .file-item .file-info .file-icon{color:#6b7280;font-size:18px}.modal-body .file-section .file-list .file-item .file-info .file-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.modal-body .file-section .file-list .file-item .download-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;transition:all .2s;display:flex}.modal-body .file-section .file-list .file-item .download-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.modal-body .file-section .file-list .file-item .download-btn:active{transform:translateY(0)}.modal-body .file-section .file-list .file-item .download-btn svg{flex-shrink:0}.modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.modal-footer .detail-modal-send-email-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .2s;display:inline-flex}.modal-footer .detail-modal-send-email-btn:hover:not(:disabled){background:#4f46e5}.modal-footer .detail-modal-send-email-btn:disabled{opacity:.55;cursor:not-allowed}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .detail-modal-overlay{background:#000c}html:not([data-theme=light]) .detail-modal-container{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html:not([data-theme=light]) .detail-modal-container.notice{border-left-color:#60a5fa}html:not([data-theme=light]) .detail-modal-container.assignment{border-left-color:#68d391}html:not([data-theme=light]) .detail-modal-container.material{border-left-color:#a78bfa}html:not([data-theme=light]) .modal-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .modal-header .header-content .modal-title{color:#f1f5f9}html:not([data-theme=light]) .modal-header .header-content .close-btn{color:#a0aec0}html:not([data-theme=light]) .modal-header .header-content .close-btn:hover{color:#e2e8f0;background:#4a5568}html:not([data-theme=light]) .modal-body .content-section .content{color:#e2e8f0}html:not([data-theme=light]) .modal-body .meta-section{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .modal-body .meta-section .meta-item svg,html:not([data-theme=light]) .modal-body .meta-section .meta-item .meta-label{color:#a0aec0}html:not([data-theme=light]) .modal-body .file-section .file-section-title{color:#f1f5f9}html:not([data-theme=light]) .modal-body .file-section .file-list .file-item{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .modal-body .file-section .file-list .file-item:hover{background:#2d3748;border-color:#718096}html:not([data-theme=light]) .modal-body .file-section .file-list .file-item .file-info .file-icon{color:#a0aec0}html:not([data-theme=light]) .modal-body .file-section .file-list .file-item .file-info .file-name{color:#e2e8f0}html:not([data-theme=light]) .modal-body .file-section .file-list .file-item .download-btn{background:#68d391}html:not([data-theme=light]) .modal-body .file-section .file-list .file-item .download-btn:hover{background:#48bb78;box-shadow:0 4px 12px #68d3914d}}html[data-theme=dark] .detail-modal-overlay{background:#000c}html[data-theme=dark] .detail-modal-container{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html[data-theme=dark] .detail-modal-container.notice{border-left-color:#60a5fa}html[data-theme=dark] .detail-modal-container.assignment{border-left-color:#68d391}html[data-theme=dark] .detail-modal-container.material{border-left-color:#a78bfa}html[data-theme=dark] .modal-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .modal-header .header-content .modal-title{color:#f1f5f9}html[data-theme=dark] .modal-header .header-content .close-btn{color:#a0aec0}html[data-theme=dark] .modal-header .header-content .close-btn:hover{color:#e2e8f0;background:#4a5568}html[data-theme=dark] .modal-body .content-section .content{color:#e2e8f0}html[data-theme=dark] .modal-body .meta-section{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .modal-body .meta-section .meta-item svg,html[data-theme=dark] .modal-body .meta-section .meta-item .meta-label{color:#a0aec0}html[data-theme=dark] .modal-body .file-section .file-section-title{color:#f1f5f9}html[data-theme=dark] .modal-body .file-section .file-list .file-item{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .modal-body .file-section .file-list .file-item:hover{background:#2d3748;border-color:#718096}html[data-theme=dark] .modal-body .file-section .file-list .file-item .file-info .file-icon{color:#a0aec0}html[data-theme=dark] .modal-body .file-section .file-list .file-item .file-info .file-name{color:#e2e8f0}html[data-theme=dark] .modal-body .file-section .file-list .file-item .download-btn{background:#68d391}html[data-theme=dark] .modal-body .file-section .file-list .file-item .download-btn:hover{background:#48bb78;box-shadow:0 4px 12px #68d3914d}@media (width<=768px){.detail-modal-overlay{padding:16px}.detail-modal-container{max-width:none;max-height:calc(100vh - 32px);margin:0}.modal-header{padding:16px 20px}.modal-header .header-content .modal-title{font-size:18px}.modal-body{padding:20px}.modal-body .file-section .file-list .file-item{padding:12px}.modal-body .file-section .file-list .file-item .file-info{gap:8px}.modal-body .file-section .file-list .file-item .file-info .file-name{font-size:13px}.modal-body .file-section .file-list .file-item .download-btn{padding:6px 10px;font-size:12px}}.evaluation-modal{z-index:1000;text-align:center;background:#fff;border-radius:12px;width:420px;max-width:90%;padding:30px;animation:.3s ease-in-out fadeIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 12px #00000026}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-55%)}to{opacity:1;transform:translate(-50%,-50%)}}.evaluation-modal h3{color:#333;margin-bottom:18px;font-size:1.5rem;font-weight:700}.evaluation-type{color:#007bff;margin-left:5px;font-weight:700}.evaluation-modal input,.evaluation-modal select,.evaluation-modal textarea{background:#f8f9fa;border:1px solid #ccc;border-radius:8px;width:100%;margin-top:12px;padding:12px;font-size:15px;transition:all .2s ease-in-out}.evaluation-modal input:focus,.evaluation-modal select:focus,.evaluation-modal textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 6px #007bff4d}.evaluation-modal textarea{resize:none;height:100px}.evaluation-modal .pass-fail-buttons{justify-content:center;gap:15px;margin-top:15px;display:flex}.evaluation-modal .pass-fail-buttons button.selected-green{color:#1e4620;font-weight:700;box-shadow:0 0 0 2px #28a74533;background-color:#d4eddc!important}.evaluation-modal .pass-fail-buttons button.selected-red{color:#842029;font-weight:700;box-shadow:0 0 0 2px #dc354533;background-color:#f8d7da!important}.pass-btn,.fail-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.evaluation-modal .modal-buttons{justify-content:space-between;margin-top:20px;display:flex}.evaluation-modal button{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:700;transition:all .2s;display:flex}@media (width<=500px){.evaluation-modal{width:90%;padding:25px}.evaluation-modal .modal-buttons{flex-direction:column;gap:12px}}.student-submissions-page{flex-direction:column;gap:24px;display:flex}.student-submissions-page .page-header{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.student-submissions-page .page-header .header-content{align-items:center;gap:16px;display:flex}.student-submissions-page .page-header .header-content .header-icon{color:#fff;background:#3b82f6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.student-submissions-page .page-header .header-content .header-text .header-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.student-submissions-page .page-header .header-content .header-text .header-description{color:#6b7280;margin:0;font-size:14px}.student-submissions-page .submissions-content{flex-direction:column;gap:24px;display:flex}.student-submissions-page .submissions-content .assignment-selection-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.student-submissions-page .submissions-content .assignment-selection-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.student-submissions-page .submissions-content .assignment-selection-section .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list{flex-wrap:wrap;gap:12px;padding:20px;display:flex}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn:hover{color:#3b82f6;border-color:#3b82f6}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .empty-state{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:60px 20px;display:flex}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .empty-state svg{opacity:.5;margin-bottom:16px}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .empty-state p{margin:0;font-size:16px}.student-submissions-page .submissions-content .submissions-tab-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.student-submissions-page .submissions-content .submissions-tab-section .tab-navigation{background:#f8fafc;border-bottom:1px solid #e5e7eb;gap:8px;padding:8px;display:flex}.student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn:hover{color:#3b82f6;background:#e0f2fe}.student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn.active{color:#fff;background:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn svg{flex-shrink:0}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area{padding:24px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;display:grid}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card.submitted{border-left:4px solid #3b82f6}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card.graded{background:#f0fdf4;border-left:4px solid #10b981}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .student-name{color:#1f2937;flex:1;margin:0;font-size:18px;font-weight:600;line-height:1.4}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .status-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:600}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .status-badge.submitted{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .status-badge.graded{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content{margin-bottom:20px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-meta{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-meta .meta-item{justify-content:space-between;align-items:center;display:flex}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-meta .meta-item .meta-label{color:#6b7280;font-size:13px;font-weight:500}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-meta .meta-item .meta-value{color:#374151;font-size:13px;font-weight:600}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-answer{margin-bottom:16px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-answer h4{color:#374151;margin:0 0 8px;font-size:14px;font-weight:600}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-answer .answer-text{color:#6b7280;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-height:120px;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results{margin-bottom:16px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results h4{color:#374151;margin:0 0 12px;font-size:14px;font-weight:600}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .evaluation-type{color:#374151;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .evaluation-type svg{color:#3b82f6}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display{justify-content:space-between;align-items:center;font-size:13px;display:flex}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .score-label,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .grade-label,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .result-label,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .score-label,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .grade-label,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .result-label,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .score-label,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .grade-label,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .result-label{color:#6b7280;font-weight:500}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .score-value,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .grade-value,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .score-value,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .grade-value,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .score-value,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .grade-value{color:#374151;font-weight:600}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .result-value,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .result-value,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .result-value{font-weight:600}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .result-value.pass,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .result-value.pass,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .result-value.pass{color:#166534}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .result-value.fail,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .result-value.fail,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .result-value.fail{color:#dc2626}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .feedback-section h4{color:#374151;margin:0 0 8px;font-size:14px;font-weight:600}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .feedback-section .feedback-text{color:#6b7280;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin:0;padding:12px;font-size:14px;line-height:1.6}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions{border-top:1px solid #e5e7eb;gap:8px;margin-top:16px;padding-top:16px;display:flex}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .download-btn,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .edit-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .download-btn:hover,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn:hover,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .download-btn:active,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn:active,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .edit-btn:active{transform:translateY(0)}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .download-btn svg,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn svg,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .edit-btn svg{flex-shrink:0;width:16px;height:16px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .download-btn{color:#fff;background:#10b981;border:1px solid #059669}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn{color:#fff;background:#3b82f6;border:1px solid #2563eb}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .edit-btn{color:#fff;background:#f59e0b;border:1px solid #d97706}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .edit-btn:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .empty-state{text-align:center;color:#9ca3af;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .empty-state svg{opacity:.5;margin-bottom:16px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .empty-state p{margin:0;font-size:16px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .student-submissions-page .page-header{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .student-submissions-page .page-header .header-content .header-icon{background:#60a5fa}html:not([data-theme=light]) .student-submissions-page .page-header .header-content .header-text .header-title{color:#f1f5f9}html:not([data-theme=light]) .student-submissions-page .page-header .header-content .header-text .header-description{color:#a0aec0}html:not([data-theme=light]) .student-submissions-page .submissions-content .assignment-selection-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-submissions-page .submissions-content .assignment-selection-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .student-submissions-page .submissions-content .assignment-selection-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn{color:#a0aec0;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn:hover{color:#60a5fa;border-color:#60a5fa}html:not([data-theme=light]) .student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn.active{color:#fff;background:#60a5fa;border-color:#60a5fa;box-shadow:0 2px 8px #60a5fa4d}html:not([data-theme=light]) .student-submissions-page .submissions-content .assignment-selection-section .assignment-list .empty-state{color:#a0aec0}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .tab-navigation{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn{color:#a0aec0}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn:hover{color:#60a5fa;background:#1e3a8a}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn.active{color:#fff;background:#60a5fa;box-shadow:0 2px 8px #60a5fa4d}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa1a}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card.submitted{border-left-color:#60a5fa}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card.graded{background:#064e3b;border-left-color:#10b981}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .student-name{color:#f1f5f9}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .status-badge.submitted{color:#93c5fd;background:#1e3a8a;border-color:#3b82f6}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .status-badge.graded{color:#6ee7b7;background:#064e3b;border-color:#047857}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-meta{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-meta .meta-item .meta-label{color:#a0aec0}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-meta .meta-item .meta-value,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-answer h4{color:#e2e8f0}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-answer .answer-text{color:#a0aec0}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results h4{color:#e2e8f0}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .evaluation-type{color:#e2e8f0}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .evaluation-type svg{color:#60a5fa}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .score-label,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .grade-label,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .result-label,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .score-label,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .grade-label,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .result-label,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .score-label,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .grade-label,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .result-label{color:#a0aec0}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .score-value,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .grade-value,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .score-value,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .grade-value,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .score-value,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .grade-value{color:#e2e8f0}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .result-value.pass,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .result-value.pass,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .result-value.pass{color:#6ee7b7}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .result-value.fail,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .result-value.fail,html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .result-value.fail{color:#fca5a5}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .feedback-section h4{color:#e2e8f0}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .feedback-section .feedback-text{color:#a0aec0;background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions{border-top-color:#4a5568}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .download-btn{background:#10b981;border-color:#059669}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn{background:#60a5fa;border-color:#3b82f6}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn:hover{background:#3b82f6;box-shadow:0 4px 12px #60a5fa4d}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .edit-btn{background:#f59e0b;border-color:#d97706}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .edit-btn:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .empty-state{color:#a0aec0}}html[data-theme=dark] .student-submissions-page .page-header{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .student-submissions-page .page-header .header-content .header-icon{background:#60a5fa}html[data-theme=dark] .student-submissions-page .page-header .header-content .header-text .header-title{color:#f1f5f9}html[data-theme=dark] .student-submissions-page .page-header .header-content .header-text .header-description{color:#a0aec0}html[data-theme=dark] .student-submissions-page .submissions-content .assignment-selection-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-submissions-page .submissions-content .assignment-selection-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .student-submissions-page .submissions-content .assignment-selection-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn{color:#a0aec0;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn:hover{color:#60a5fa;border-color:#60a5fa}html[data-theme=dark] .student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn.active{color:#fff;background:#60a5fa;border-color:#60a5fa;box-shadow:0 2px 8px #60a5fa4d}html[data-theme=dark] .student-submissions-page .submissions-content .assignment-selection-section .assignment-list .empty-state{color:#a0aec0}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .tab-navigation{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn{color:#a0aec0}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn:hover{color:#60a5fa;background:#1e3a8a}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn.active{color:#fff;background:#60a5fa;box-shadow:0 2px 8px #60a5fa4d}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa1a}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card.submitted{border-left-color:#60a5fa}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card.graded{background:#064e3b;border-left-color:#10b981}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .student-name{color:#f1f5f9}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .status-badge.submitted{color:#93c5fd;background:#1e3a8a;border-color:#3b82f6}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .status-badge.graded{color:#6ee7b7;background:#064e3b;border-color:#047857}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-meta{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-meta .meta-item .meta-label{color:#a0aec0}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-meta .meta-item .meta-value,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-answer h4{color:#e2e8f0}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-answer .answer-text{color:#a0aec0}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results h4{color:#e2e8f0}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .evaluation-type{color:#e2e8f0}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .evaluation-type svg{color:#60a5fa}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .score-label,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .grade-label,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .result-label,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .score-label,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .grade-label,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .result-label,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .score-label,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .grade-label,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .result-label{color:#a0aec0}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .score-value,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .grade-value,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .score-value,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .grade-value,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .score-value,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .grade-value{color:#e2e8f0}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .result-value.pass,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .result-value.pass,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .result-value.pass{color:#6ee7b7}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display .result-value.fail,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .grade-display .result-value.fail,html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .pass-fail-display .result-value.fail{color:#fca5a5}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .feedback-section h4{color:#e2e8f0}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .feedback-section .feedback-text{color:#a0aec0;background:#1a202c;border-color:#4a5568}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions{border-top-color:#4a5568}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .download-btn{background:#10b981;border-color:#059669}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn{background:#60a5fa;border-color:#3b82f6}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn:hover{background:#3b82f6;box-shadow:0 4px 12px #60a5fa4d}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .edit-btn{background:#f59e0b;border-color:#d97706}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .edit-btn:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .empty-state{color:#a0aec0}@media (width<=768px){.student-submissions-page{gap:16px}.student-submissions-page .page-header{padding:16px}.student-submissions-page .page-header .header-content .header-text .header-title{font-size:20px}.student-submissions-page .submissions-content{gap:16px}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list{flex-direction:column;padding:16px}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn{text-align:center;width:100%}.student-submissions-page .submissions-content .submissions-tab-section .tab-navigation{flex-direction:column;gap:4px}.student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn{justify-content:center;width:100%}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area{padding:16px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list{grid-template-columns:1fr;gap:16px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card{padding:16px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header{flex-direction:column;align-items:flex-start;gap:8px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .student-name{font-size:16px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions{flex-direction:column;gap:8px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .download-btn,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .edit-btn{width:100%}}.course-assignments-page{flex-direction:column;gap:24px;display:flex}.course-assignments-page .page-header{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.course-assignments-page .page-header .header-content{align-items:center;gap:16px;display:flex}.course-assignments-page .page-header .header-content .header-icon{color:#fff;background:#3b82f6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.course-assignments-page .page-header .header-content .header-text .header-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.course-assignments-page .page-header .header-content .header-text .header-description{color:#6b7280;margin:0;font-size:14px}.course-assignments-page .assignments-content{flex-direction:column;gap:24px;display:flex}.course-assignments-page .assignments-content .tab-navigation{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;gap:8px;padding:8px;display:flex}.course-assignments-page .assignments-content .tab-navigation .tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.course-assignments-page .assignments-content .tab-navigation .tab-btn:hover{color:#3b82f6;background:#e0f2fe}.course-assignments-page .assignments-content .tab-navigation .tab-btn.active{color:#fff;background:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.course-assignments-page .assignments-content .tab-navigation .tab-btn svg{flex-shrink:0}.course-assignments-page .assignments-content .manage-section{flex-direction:column;gap:24px;display:flex}.course-assignments-page .assignments-content .manage-section .section-header h2{color:#1f2937;margin:0;font-size:20px;font-weight:600}.course-assignments-page .assignments-content .manage-section .filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.course-assignments-page .assignments-content .manage-section .filter-section .filter-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.course-assignments-page .assignments-content .manage-section .filter-section .filter-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:600}.course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons{gap:12px;padding:20px;display:flex}.course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn:hover{color:#3b82f6;border-color:#3b82f6}.course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.course-assignments-page .assignments-content .manage-section .assignment-form-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container{padding:24px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group{margin-bottom:20px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-input,.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea,.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-input:focus,.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea:focus,.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-input::placeholder,.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea::placeholder,.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-select::placeholder{color:#9ca3af}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea{resize:vertical;min-height:100px;font-family:inherit}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container{position:relative}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-input-hidden{opacity:0;pointer-events:none;position:absolute;left:-9999px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area{cursor:pointer;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:3px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:200px;padding:40px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f60d 0%,#9333ea0d 100%);transition:opacity .3s;position:absolute;inset:0}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 25px #3b82f626}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area:hover:before{opacity:1}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-icon{color:#3b82f6;transform:scale(1.1)rotate(5deg)}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-title{color:#3b82f6}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#10b981;transform:scale(1.02);box-shadow:0 15px 35px #10b98133}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-icon{color:#10b981;transform:scale(1.2)rotate(10deg)}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-title{color:#10b981}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-icon{color:#6b7280;filter:drop-shadow(0 2px 4px #0000001a);margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text{text-align:center;z-index:1;position:relative}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#374151;margin:0 0 8px;font-size:18px;font-weight:600;transition:color .3s}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#6b7280;margin:0 0 12px;font-size:14px;line-height:1.5}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{color:#9ca3af;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:20px;margin:0;padding:8px 16px;font-size:12px;font-weight:500;display:inline-block}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border:2px solid #0ea5e9;border-radius:12px;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 20px;animation:.3s ease-out slideIn;display:flex;box-shadow:0 4px 12px #0ea5e926}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .file-info{flex:1;align-items:center;gap:12px;display:flex}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .file-info svg{color:#0ea5e9;flex-shrink:0}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details{flex-direction:column;gap:2px;display:flex}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-name{color:#0c4a6e;word-break:break-all;font-size:14px;font-weight:600}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-size{color:#0369a1;font-size:12px;font-weight:500}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;transition:all .2s;display:flex}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn:hover{color:#fff;background:#dc2626;transform:scale(1.1)}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn:active{transform:scale(.95)}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .error-message:before{content:"⚠️";font-size:16px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .success-message{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .success-message:before{content:"✅";font-size:16px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-actions{justify-content:flex-end;margin-top:24px;display:flex}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-actions .upload-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-actions .upload-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-actions .upload-btn:active{transform:translateY(0)}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-actions .upload-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.course-assignments-page .assignments-content .assignments-list-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.course-assignments-page .assignments-content .assignments-list-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.course-assignments-page .assignments-content .assignments-list-section .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.course-assignments-page .assignments-content .assignments-list-section .assignment-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;padding:24px;display:grid}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s;position:relative;overflow:hidden}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card.expired{background:#fef2f2;border-color:#fca5a5}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card.expired .card-header .assignment-title{color:#991b1b}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card.expired .status-badge.expired{color:#fff;background:#dc2626}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-header .assignment-title{color:#1f2937;flex:1;margin:0;font-size:18px;font-weight:600;line-height:1.4}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-header .status-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:600}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-header .status-badge.ongoing{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-header .status-badge.expired{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-content{margin-bottom:20px}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-content .assignment-description{color:#6b7280;-webkit-box-orient:vertical;max-height:120px;margin:0 0 16px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta .meta-item{justify-content:space-between;align-items:center;display:flex}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta .meta-item .meta-label{color:#6b7280;font-size:13px;font-weight:500}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta .meta-item .meta-value{color:#374151;font-size:13px;font-weight:600}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta .meta-item .meta-value.due-date{color:#dc2626;font-weight:700}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions{border-top:1px solid #e5e7eb;gap:8px;margin-top:16px;padding-top:16px;display:flex}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn,.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn:hover,.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn:active,.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn:active{transform:translateY(0)}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn svg,.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn svg{flex-shrink:0;width:16px;height:16px}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn{color:#fff;background:#10b981;border:1px solid #059669}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn{color:#fff;background:#ef4444;border:1px solid #dc2626}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .empty-state{text-align:center;color:#9ca3af;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .empty-state svg{opacity:.5;margin-bottom:16px}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .empty-state p{margin:0;font-size:16px}.course-assignments-page .assignments-content .submissions-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.course-assignments-page .assignments-content .submissions-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.course-assignments-page .assignments-content .submissions-section .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .course-assignments-page .page-header{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .course-assignments-page .page-header .header-content .header-icon{background:#60a5fa}html:not([data-theme=light]) .course-assignments-page .page-header .header-content .header-text .header-title{color:#f1f5f9}html:not([data-theme=light]) .course-assignments-page .page-header .header-content .header-text .header-description{color:#a0aec0}html:not([data-theme=light]) .course-assignments-page .assignments-content .tab-navigation{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .course-assignments-page .assignments-content .tab-navigation .tab-btn{color:#a0aec0}html:not([data-theme=light]) .course-assignments-page .assignments-content .tab-navigation .tab-btn:hover{color:#60a5fa;background:#1e3a8a}html:not([data-theme=light]) .course-assignments-page .assignments-content .tab-navigation .tab-btn.active{color:#fff;background:#60a5fa;box-shadow:0 2px 8px #60a5fa4d}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .filter-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .filter-section .filter-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .filter-section .filter-header h3{color:#f1f5f9}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn{color:#a0aec0;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn:hover{color:#60a5fa;border-color:#60a5fa}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn.active{color:#fff;background:#60a5fa;border-color:#60a5fa}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-label{color:#e2e8f0}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-input,html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea,html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-select{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-input:focus,html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea:focus,html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-input::placeholder,html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea::placeholder,html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-select::placeholder{color:#a0aec0}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);border-color:#4a5568}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area:before{background:linear-gradient(135deg,#60a5fa0d 0%,#a78bfa0d 100%)}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-icon,html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-title{color:#60a5fa}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border-color:#34d399}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-icon,html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-title{color:#34d399}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-icon{color:#a0aec0}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#e2e8f0}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#a0aec0}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{color:#718096;background:#2d3748cc}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .file-info svg{color:#60a5fa}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-name{color:#93c5fd}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-size{color:#60a5fa}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn{color:#fca5a5;background:#7f1d1d}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn:hover{color:#fff;background:#dc2626}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-actions .upload-btn{background:#60a5fa}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-actions .upload-btn:hover:not(:disabled){background:#3b82f6;box-shadow:0 4px 12px #60a5fa4d}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa1a}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card.expired{background:#7f1d1d;border-color:#fca5a5}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card.expired .card-header .assignment-title{color:#fca5a5}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card.expired .status-badge.expired{color:#fff;background:#dc2626;border-color:#b91c1c}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card.expired .assignment-meta{background:#991b1b;border-color:#dc2626}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-header .assignment-title{color:#f1f5f9}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-header .status-badge.ongoing{color:#6ee7b7;background:#064e3b;border-color:#047857}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-header .status-badge.expired{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-content .assignment-description{color:#a0aec0}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta .meta-item .meta-label{color:#a0aec0}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta .meta-item .meta-value{color:#e2e8f0}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta .meta-item .meta-value.due-date{color:#fca5a5}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions{border-top-color:#4a5568}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn{background:#10b981;border-color:#059669}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn{background:#ef4444;border-color:#dc2626}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .empty-state{color:#a0aec0}html:not([data-theme=light]) .course-assignments-page .assignments-content .submissions-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .course-assignments-page .assignments-content .submissions-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .course-assignments-page .assignments-content .submissions-section .section-header h2{color:#f1f5f9}}html[data-theme=dark] .course-assignments-page .page-header{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .course-assignments-page .page-header .header-content .header-icon{background:#60a5fa}html[data-theme=dark] .course-assignments-page .page-header .header-content .header-text .header-title{color:#f1f5f9}html[data-theme=dark] .course-assignments-page .page-header .header-content .header-text .header-description{color:#a0aec0}html[data-theme=dark] .course-assignments-page .assignments-content .tab-navigation{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .course-assignments-page .assignments-content .tab-navigation .tab-btn{color:#a0aec0}html[data-theme=dark] .course-assignments-page .assignments-content .tab-navigation .tab-btn:hover{color:#60a5fa;background:#1e3a8a}html[data-theme=dark] .course-assignments-page .assignments-content .tab-navigation .tab-btn.active{color:#fff;background:#60a5fa;box-shadow:0 2px 8px #60a5fa4d}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .filter-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .filter-section .filter-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .filter-section .filter-header h3{color:#f1f5f9}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn{color:#a0aec0;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn:hover{color:#60a5fa;border-color:#60a5fa}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn.active{color:#fff;background:#60a5fa;border-color:#60a5fa}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-label{color:#e2e8f0}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-input,html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea,html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-select{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-input:focus,html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea:focus,html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-input::placeholder,html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea::placeholder,html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-select::placeholder{color:#a0aec0}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);border-color:#4a5568}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area:before{background:linear-gradient(135deg,#60a5fa0d 0%,#a78bfa0d 100%)}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-icon,html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-title{color:#60a5fa}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border-color:#34d399}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-icon,html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-title{color:#34d399}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-icon{color:#a0aec0}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#e2e8f0}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#a0aec0}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{color:#718096;background:#2d3748cc}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .file-info svg{color:#60a5fa}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-name{color:#93c5fd}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-size{color:#60a5fa}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn{color:#fca5a5;background:#7f1d1d}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn:hover{color:#fff;background:#dc2626}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-actions .upload-btn{background:#60a5fa}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-actions .upload-btn:hover:not(:disabled){background:#3b82f6;box-shadow:0 4px 12px #60a5fa4d}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa1a}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card.expired{background:#7f1d1d;border-color:#fca5a5}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card.expired .card-header .assignment-title{color:#fca5a5}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card.expired .status-badge.expired{color:#fff;background:#dc2626;border-color:#b91c1c}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card.expired .assignment-meta{background:#991b1b;border-color:#dc2626}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-header .assignment-title{color:#f1f5f9}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-header .status-badge.ongoing{color:#6ee7b7;background:#064e3b;border-color:#047857}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-header .status-badge.expired{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-content .assignment-description{color:#a0aec0}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta .meta-item .meta-label{color:#a0aec0}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta .meta-item .meta-value{color:#e2e8f0}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta .meta-item .meta-value.due-date{color:#fca5a5}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions{border-top-color:#4a5568}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn{background:#10b981;border-color:#059669}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn{background:#ef4444;border-color:#dc2626}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .empty-state{color:#a0aec0}html[data-theme=dark] .course-assignments-page .assignments-content .submissions-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .course-assignments-page .assignments-content .submissions-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .course-assignments-page .assignments-content .submissions-section .section-header h2{color:#f1f5f9}@media (width<=768px){.course-assignments-page{gap:16px}.course-assignments-page .page-header{padding:16px}.course-assignments-page .page-header .header-content .header-text .header-title{font-size:20px}.course-assignments-page .assignments-content{gap:16px}.course-assignments-page .assignments-content .tab-navigation .tab-btn{padding:10px 16px;font-size:13px}.course-assignments-page .assignments-content .manage-section{gap:16px}.course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons{flex-direction:column;gap:8px}.course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn{text-align:center;width:100%}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container{padding:16px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .file-upload-container .file-upload-area{min-height:160px;padding:30px 16px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .file-upload-container .file-upload-area .upload-icon{margin-bottom:12px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .file-upload-container .file-upload-area .upload-text .upload-title{font-size:16px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .file-upload-container .file-upload-area .upload-text .upload-subtitle{font-size:13px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .file-upload-container .file-upload-area .upload-text .upload-formats{padding:6px 12px;font-size:11px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .file-upload-container .selected-file{padding:12px 16px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .file-upload-container .selected-file .file-info{gap:8px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .file-upload-container .selected-file .file-info .file-details .file-name{font-size:13px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .file-upload-container .selected-file .file-info .file-details .file-size{font-size:11px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .file-upload-container .selected-file .remove-file-btn{width:28px;height:28px;font-size:16px}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list{grid-template-columns:1fr;gap:16px;padding:16px}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card{padding:16px}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-header{flex-direction:column;align-items:flex-start;gap:8px}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-header .assignment-title{font-size:16px}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions{flex-direction:column;gap:8px}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn,.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn{justify-content:center;width:100%}}.course-notices-page{flex-direction:column;gap:24px;display:flex}.course-notices-page .page-header{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.course-notices-page .page-header .header-content{align-items:center;gap:16px;display:flex}.course-notices-page .page-header .header-content .header-icon{color:#fff;background:#3b82f6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.course-notices-page .page-header .header-content .header-text .header-title{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.course-notices-page .page-header .header-content .header-text .header-description{color:#6b7280;margin:0;font-size:14px}.course-notices-page .notices-content{flex-direction:column;gap:24px;display:flex}.course-notices-page .notices-content .notice-form-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.course-notices-page .notices-content .notice-form-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.course-notices-page .notices-content .notice-form-section .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.course-notices-page .notices-content .notice-form-section .form-container{padding:24px}.course-notices-page .notices-content .notice-form-section .form-container .form-group{margin-bottom:20px}.course-notices-page .notices-content .notice-form-section .form-container .form-group .form-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.course-notices-page .notices-content .notice-form-section .form-container .form-group .form-input,.course-notices-page .notices-content .notice-form-section .form-container .form-group .form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.course-notices-page .notices-content .notice-form-section .form-container .form-group .form-input:focus,.course-notices-page .notices-content .notice-form-section .form-container .form-group .form-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.course-notices-page .notices-content .notice-form-section .form-container .form-group .form-input::placeholder,.course-notices-page .notices-content .notice-form-section .form-container .form-group .form-textarea::placeholder{color:#9ca3af}.course-notices-page .notices-content .notice-form-section .form-container .form-group .form-textarea{resize:vertical;min-height:120px;font-family:inherit}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container{position:relative}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-input-hidden{opacity:0;pointer-events:none;position:absolute;left:-9999px}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area{cursor:pointer;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:3px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:200px;padding:40px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f60d 0%,#9333ea0d 100%);transition:opacity .3s;position:absolute;inset:0}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 25px #3b82f626}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:hover:before{opacity:1}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-icon{color:#3b82f6;transform:scale(1.1)rotate(5deg)}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-title{color:#3b82f6}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#10b981;transform:scale(1.02);box-shadow:0 15px 35px #10b98133}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-icon{color:#10b981;transform:scale(1.2)rotate(10deg)}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-title{color:#10b981}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-icon{color:#6b7280;filter:drop-shadow(0 2px 4px #0000001a);margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text{text-align:center;z-index:1;position:relative}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#374151;margin:0 0 8px;font-size:18px;font-weight:600;transition:color .3s}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#6b7280;margin:0 0 12px;font-size:14px;line-height:1.5}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{color:#9ca3af;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:20px;margin:0;padding:8px 16px;font-size:12px;font-weight:500;display:inline-block}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border:2px solid #0ea5e9;border-radius:12px;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 20px;animation:.3s ease-out slideIn;display:flex;box-shadow:0 4px 12px #0ea5e926}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .file-info{flex:1;align-items:center;gap:12px;display:flex}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .file-info svg{color:#0ea5e9;flex-shrink:0}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details{flex-direction:column;gap:2px;display:flex}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-name{color:#0c4a6e;word-break:break-all;font-size:14px;font-weight:600}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-size{color:#0369a1;font-size:12px;font-weight:500}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;transition:all .2s;display:flex}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn:hover{color:#fff;background:#dc2626;transform:scale(1.1)}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn:active{transform:scale(.95)}.course-notices-page .notices-content .notice-form-section .form-container .error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.course-notices-page .notices-content .notice-form-section .form-container .error-message:before{content:"⚠️";font-size:16px}.course-notices-page .notices-content .notice-form-section .form-container .success-message{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.course-notices-page .notices-content .notice-form-section .form-container .success-message:before{content:"✅";font-size:16px}.course-notices-page .notices-content .notice-form-section .form-container .form-actions{justify-content:flex-end;margin-top:24px;display:flex}.course-notices-page .notices-content .notice-form-section .form-container .form-actions .upload-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.course-notices-page .notices-content .notice-form-section .form-container .form-actions .upload-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.course-notices-page .notices-content .notice-form-section .form-container .form-actions .upload-btn:active{transform:translateY(0)}.course-notices-page .notices-content .notice-form-section .form-container .form-actions .upload-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.course-notices-page .notices-content .notices-list-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.course-notices-page .notices-content .notices-list-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.course-notices-page .notices-content .notices-list-section .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.course-notices-page .notices-content .notices-list-section .announcement-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;padding:24px;display:grid}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-header .announcement-title{color:#1f2937;flex:1;margin:0;font-size:18px;font-weight:600;line-height:1.4}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-header .status-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:600}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content{margin-bottom:20px}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-content{margin-bottom:16px}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-content .content-text{color:#6b7280;-webkit-box-orient:vertical;max-height:120px;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta .meta-item{align-items:center;gap:8px;margin-bottom:8px;display:flex}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta .meta-item:last-child{margin-bottom:0}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta .meta-item svg{color:#6b7280;flex-shrink:0}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta .meta-item .meta-label{color:#6b7280;font-size:13px;font-weight:500}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions{border-top:1px solid #e5e7eb;gap:8px;margin-top:16px;padding-top:16px;display:flex}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .detail-btn,.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .download-btn,.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .detail-btn:hover,.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .download-btn:hover,.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .detail-btn:active,.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .download-btn:active,.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn:active{transform:translateY(0)}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .detail-btn svg,.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .download-btn svg,.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn svg{flex-shrink:0;width:16px;height:16px}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .detail-btn{color:#fff;background:#6b7280;border:1px solid #4b5563}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .detail-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .download-btn{color:#fff;background:#10b981;border:1px solid #059669}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn{color:#fff;background:#ef4444;border:1px solid #dc2626}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.course-notices-page .notices-content .notices-list-section .announcement-list .empty-state{text-align:center;color:#9ca3af;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.course-notices-page .notices-content .notices-list-section .announcement-list .empty-state svg{opacity:.5;margin-bottom:16px}.course-notices-page .notices-content .notices-list-section .announcement-list .empty-state p{margin:0;font-size:16px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .course-notices-page .page-header{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .course-notices-page .page-header .header-content .header-icon{background:#60a5fa}html:not([data-theme=light]) .course-notices-page .page-header .header-content .header-text .header-title{color:#f1f5f9}html:not([data-theme=light]) .course-notices-page .page-header .header-content .header-text .header-description{color:#a0aec0}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .form-label{color:#e2e8f0}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .form-input,html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .form-textarea{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .form-input:focus,html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .form-input::placeholder,html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .form-textarea::placeholder{color:#a0aec0}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);border-color:#4a5568}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:before{background:linear-gradient(135deg,#60a5fa0d 0%,#a78bfa0d 100%)}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-icon,html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-title{color:#60a5fa}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border-color:#34d399}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-icon,html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-title{color:#34d399}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-icon{color:#a0aec0}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#e2e8f0}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#a0aec0}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{color:#718096;background:#2d3748cc}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .file-info svg{color:#60a5fa}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-name{color:#93c5fd}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-size{color:#60a5fa}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn{color:#fca5a5;background:#7f1d1d}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn:hover{color:#fff;background:#dc2626}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-actions .upload-btn{background:#60a5fa}html:not([data-theme=light]) .course-notices-page .notices-content .notice-form-section .form-container .form-actions .upload-btn:hover:not(:disabled){background:#3b82f6;box-shadow:0 4px 12px #60a5fa4d}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa1a}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-header .announcement-title{color:#f1f5f9}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-header .status-badge{color:#6ee7b7;background:#064e3b;border-color:#047857}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-content .content-text{color:#a0aec0}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta .meta-item svg,html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta .meta-item .meta-label{color:#a0aec0}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions{border-top-color:#4a5568}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .detail-btn{background:#6b7280;border-color:#4b5563}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .detail-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .download-btn{background:#10b981;border-color:#059669}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn{background:#ef4444;border-color:#dc2626}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .empty-state{color:#a0aec0}}html[data-theme=dark] .course-notices-page .page-header{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .course-notices-page .page-header .header-content .header-icon{background:#60a5fa}html[data-theme=dark] .course-notices-page .page-header .header-content .header-text .header-title{color:#f1f5f9}html[data-theme=dark] .course-notices-page .page-header .header-content .header-text .header-description{color:#a0aec0}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .form-label{color:#e2e8f0}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .form-input,html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .form-textarea{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .form-input:focus,html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .form-input::placeholder,html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .form-textarea::placeholder{color:#a0aec0}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);border-color:#4a5568}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:before{background:linear-gradient(135deg,#60a5fa0d 0%,#a78bfa0d 100%)}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-icon,html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-title{color:#60a5fa}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border-color:#34d399}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-icon,html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-title{color:#34d399}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-icon{color:#a0aec0}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#e2e8f0}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#a0aec0}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{color:#718096;background:#2d3748cc}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#60a5fa}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .file-info svg{color:#60a5fa}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-name{color:#93c5fd}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .file-info .file-details .file-size{color:#60a5fa}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn{color:#fca5a5;background:#7f1d1d}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn:hover{color:#fff;background:#dc2626}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-actions .upload-btn{background:#60a5fa}html[data-theme=dark] .course-notices-page .notices-content .notice-form-section .form-container .form-actions .upload-btn:hover:not(:disabled){background:#3b82f6;box-shadow:0 4px 12px #60a5fa4d}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa1a}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-header .announcement-title{color:#f1f5f9}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-header .status-badge{color:#6ee7b7;background:#064e3b;border-color:#047857}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-content .content-text{color:#a0aec0}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta .meta-item svg,html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta .meta-item .meta-label{color:#a0aec0}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions{border-top-color:#4a5568}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .detail-btn{background:#6b7280;border-color:#4b5563}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .detail-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .download-btn{background:#10b981;border-color:#059669}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn{background:#ef4444;border-color:#dc2626}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .empty-state{color:#a0aec0}@media (width<=768px){.course-notices-page{gap:16px}.course-notices-page .page-header{padding:16px}.course-notices-page .page-header .header-content .header-text .header-title{font-size:20px}.course-notices-page .notices-content{gap:16px}.course-notices-page .notices-content .notice-form-section .form-container{padding:16px}.course-notices-page .notices-content .notice-form-section .form-container .file-upload-container .file-upload-area{min-height:160px;padding:30px 16px}.course-notices-page .notices-content .notice-form-section .form-container .file-upload-container .file-upload-area .upload-icon{margin-bottom:12px}.course-notices-page .notices-content .notice-form-section .form-container .file-upload-container .file-upload-area .upload-text .upload-title{font-size:16px}.course-notices-page .notices-content .notice-form-section .form-container .file-upload-container .file-upload-area .upload-text .upload-subtitle{font-size:13px}.course-notices-page .notices-content .notice-form-section .form-container .file-upload-container .file-upload-area .upload-text .upload-formats{padding:6px 12px;font-size:11px}.course-notices-page .notices-content .notice-form-section .form-container .file-upload-container .selected-file{padding:12px 16px}.course-notices-page .notices-content .notice-form-section .form-container .file-upload-container .selected-file .file-info{gap:8px}.course-notices-page .notices-content .notice-form-section .form-container .file-upload-container .selected-file .file-info .file-details .file-name{font-size:13px}.course-notices-page .notices-content .notice-form-section .form-container .file-upload-container .selected-file .file-info .file-details .file-size{font-size:11px}.course-notices-page .notices-content .notice-form-section .form-container .file-upload-container .selected-file .remove-file-btn{width:28px;height:28px;font-size:16px}.course-notices-page .notices-content .notices-list-section .announcement-list{grid-template-columns:1fr;gap:16px;padding:16px}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card{padding:16px}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-header{flex-direction:column;align-items:flex-start;gap:8px}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-header .announcement-title{font-size:16px}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions{flex-direction:column;gap:8px}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .detail-btn,.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .download-btn,.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn{width:100%}}.instructor-course-students-tab{padding:4px 0 16px}.instructor-course-students-tab .instructor-course-students-loading,.instructor-course-students-tab .instructor-course-students-empty{text-align:center;color:#6b7280;margin:24px 0;font-size:14px}.instructor-course-students-tab .instructor-course-students-empty-state{color:#9ca3af;flex-direction:column;align-items:center;gap:10px;margin:32px 0;display:flex}.instructor-course-students-tab .instructor-course-students-empty-state p{color:#6b7280;margin:0;font-size:14px}.instructor-course-students-tab .instructor-course-students-header{margin-bottom:12px}.instructor-course-students-tab .instructor-course-students-header h3{color:#111827;align-items:center;gap:6px;margin:0 0 4px;font-size:16px;font-weight:700;display:inline-flex}.instructor-course-students-tab .instructor-course-students-header .count{color:#6b7280;font-size:13px;font-weight:600}.instructor-course-students-tab .instructor-course-students-header .hint{color:#6b7280;margin:0;font-size:13px}.instructor-course-students-tab .instructor-course-students-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.instructor-course-students-tab .instructor-course-student-row{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.instructor-course-students-tab .instructor-course-student-row:hover{background:#f8fbff;border-color:#93c5fd}.instructor-course-students-tab .instructor-course-student-row:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.instructor-course-students-tab .student-row-main{flex-direction:column;gap:4px;min-width:0;display:flex}.instructor-course-students-tab .student-name{color:#111827;font-size:15px;font-weight:700}.instructor-course-students-tab .student-meta{color:#6b7280;word-break:break-word;font-size:13px}.instructor-course-students-tab .student-row-chevron{color:#9ca3af;flex:none}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .instructor-course-students-tab .instructor-course-students-header h3{color:#f1f5f9}html:not([data-theme=light]) .instructor-course-students-tab .instructor-course-student-row{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .instructor-course-students-tab .instructor-course-student-row:hover{background:#374151;border-color:#60a5fa}html:not([data-theme=light]) .instructor-course-students-tab .student-name{color:#f1f5f9}html:not([data-theme=light]) .instructor-course-students-tab .student-meta,html:not([data-theme=light]) .instructor-course-students-tab .instructor-course-students-header .hint,html:not([data-theme=light]) .instructor-course-students-tab .instructor-course-students-header .count{color:#a0aec0}}html[data-theme=dark] .instructor-course-students-tab .instructor-course-students-header h3{color:#f1f5f9}html[data-theme=dark] .instructor-course-students-tab .instructor-course-student-row{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .instructor-course-students-tab .instructor-course-student-row:hover{background:#374151;border-color:#60a5fa}html[data-theme=dark] .instructor-course-students-tab .student-name{color:#f1f5f9}html[data-theme=dark] .instructor-course-students-tab .student-meta,html[data-theme=dark] .instructor-course-students-tab .instructor-course-students-header .hint,html[data-theme=dark] .instructor-course-students-tab .instructor-course-students-header .count{color:#a0aec0}.instructor-schedule-page{background:#f8fafc;min-height:100vh;padding:24px}.instructor-schedule-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.instructor-schedule-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.instructor-schedule-page .page-header .header-content .header-title .header-icon{color:#8b5cf6}.instructor-schedule-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.instructor-schedule-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.instructor-schedule-page .calendar-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.instructor-schedule-page .tab-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a}.instructor-schedule-page .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.instructor-schedule-page .loading-container p{color:#6b7280;margin:0;font-size:16px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .instructor-schedule-page{background:#1a202c}html:not([data-theme=light]) .instructor-schedule-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .instructor-schedule-page .page-header .header-content .header-title .header-icon{color:#a78bfa}html:not([data-theme=light]) .instructor-schedule-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .instructor-schedule-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .instructor-schedule-page .calendar-container,html:not([data-theme=light]) .instructor-schedule-page .tab-container{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .instructor-schedule-page .loading-container p{color:#a0aec0}}html[data-theme=dark] .instructor-schedule-page{background:#1a202c}html[data-theme=dark] .instructor-schedule-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .instructor-schedule-page .page-header .header-content .header-title .header-icon{color:#a78bfa}html[data-theme=dark] .instructor-schedule-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .instructor-schedule-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .instructor-schedule-page .calendar-container,html[data-theme=dark] .instructor-schedule-page .tab-container{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .instructor-schedule-page .loading-container p{color:#a0aec0}@media (width<=768px){.instructor-schedule-page{padding:16px}.instructor-schedule-page .page-header{margin-bottom:24px;padding:16px}.instructor-schedule-page .page-header .header-content .header-title h1{font-size:20px}.instructor-schedule-page .calendar-container,.instructor-schedule-page .tab-container{margin-bottom:16px;padding:16px}}.status-badge{text-align:center;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.requested{color:#92400e;background:#fef3c7;border:1px solid #fbbf24}.status-badge.confirmed{color:#1e40af;background:#dbeafe;border:1px solid #3b82f6}.status-badge.completed{color:#065f46;background:#d1fae5;border:1px solid #10b981}.status-badge.rejected{color:#991b1b;background:#fee2e2;border:1px solid #ef4444}.status-badge.cancelled{color:#374151;background:#e5e7eb;border:1px solid #9ca3af}.status-badge.reschedule-pending{color:#92400e;background:#fef3c7;border:1px solid #fbbf24}.status-badge.reschedule-pending-warning{color:#c2410c;background:#fff7ed;border:1px solid #f97316;font-weight:700}.reschedule-time-comparison{flex-wrap:wrap;align-items:stretch;gap:12px;margin:14px 0 0;display:flex}.reschedule-time-comparison-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;flex:1;gap:6px;min-width:140px;padding:14px 16px;display:flex}.reschedule-time-comparison-card.reschedule-time-original{background:#f9fafb;border-color:#e5e7eb}.reschedule-time-comparison-card.reschedule-time-requested{background:#eff6ff;border-color:#bfdbfe}.reschedule-time-comparison-label{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-size:11px;font-weight:700}.reschedule-time-comparison-value{color:#111827;font-size:14px;font-weight:600;line-height:1.4}.reschedule-time-comparison-arrow{color:#9ca3af;align-items:center;font-size:18px;font-weight:700;display:flex}.technical-details-toggle{color:#6b7280;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 0;font-size:14px;font-weight:600;display:flex}.technical-details-toggle:hover{color:#374151}.technical-details-toggle .technical-details-chevron{transition:transform .2s}.technical-details-toggle[aria-expanded=true] .technical-details-chevron{transform:rotate(180deg)}.technical-details-content{border-top:1px solid #f3f4f6;padding-top:8px}.reject-reschedule-modal-overlay{z-index:1200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reject-reschedule-modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 12px 28px #00000026}.reject-reschedule-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.reject-reschedule-modal-header h3{color:#111827;margin:0;font-size:16px;font-weight:700}.reject-reschedule-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;display:inline-flex}.reject-reschedule-modal-close:hover{color:#334155;background:#f1f5f9}.reject-reschedule-modal-body{padding:20px}.reject-reschedule-modal-body label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.reject-reschedule-modal-body textarea{box-sizing:border-box;resize:vertical;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px}.reject-reschedule-modal-body textarea:focus{border-color:#6366f1;outline:none}.reject-reschedule-modal-footer{background:#fafafa;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.reject-reschedule-modal-footer .reject-reschedule-modal-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 18px;font-weight:600}.reject-reschedule-modal-footer .reject-reschedule-modal-cancel:hover:not(:disabled){background:#f1f5f9}.reject-reschedule-modal-footer .reject-reschedule-modal-confirm-reject{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;display:inline-flex}.reject-reschedule-modal-footer .reject-reschedule-modal-confirm-reject:hover:not(:disabled){background:#fef2f2}.reject-reschedule-modal-footer .reject-reschedule-modal-confirm-reject:disabled{opacity:.6;cursor:not-allowed}.counseling-detail-modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:900px;margin:0 auto;overflow-y:auto;box-shadow:0 12px 28px #0000001f}.counseling-detail-modal-content .modal-body{padding:24px}.counseling-detail-modal-content .modal-body textarea{color:#111827;resize:vertical;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.counseling-detail-modal-content .modal-body textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}.counseling-detail-modal-content .modal-body .detail-section{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:24px}.counseling-detail-modal-content .modal-body .detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.counseling-detail-modal-content .modal-body .detail-section h3{color:#111827;margin:0 0 16px;font-size:18px;font-weight:800}.counseling-detail-modal-content .modal-body .detail-section .info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.counseling-detail-modal-content .modal-body .detail-section .info-grid .info-item{flex-direction:column;gap:6px;display:flex}.counseling-detail-modal-content .modal-body .detail-section .info-grid .info-item label{color:#6b7280;font-size:13px;font-weight:700}.counseling-detail-modal-content .modal-body .detail-section .info-grid .info-item .value{color:#111827;word-break:break-word;font-size:15px;font-weight:500}.counseling-detail-modal-content .modal-body .detail-section .notes-content{color:#374151;white-space:pre-wrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px;font-size:14px;line-height:1.6}.counseling-detail-modal-content .modal-body .detail-section .notes-content.reject-reason-content{color:#991b1b;background:#fef2f2;border-color:#fecaca}.counseling-detail-modal-content .modal-body .detail-section.reschedule-toast.reschedule-approved-toast{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:12px 16px}.counseling-detail-modal-content .modal-body .detail-section .reschedule-toast-text{color:#065f46;margin:0;font-size:14px;font-weight:600}.counseling-detail-modal-content .modal-body .detail-section.reschedule-card{border:1px solid;border-radius:12px;padding:18px 20px}.counseling-detail-modal-content .modal-body .detail-section.reschedule-card .reschedule-card-title{margin:0 0 8px;font-size:16px;font-weight:700}.counseling-detail-modal-content .modal-body .detail-section.reschedule-card .reschedule-card-description{color:#6b7280;margin:0 0 14px;font-size:14px;line-height:1.5}.counseling-detail-modal-content .modal-body .detail-section.reschedule-card .reschedule-reason{color:#374151;margin:0;font-size:14px;line-height:1.5}.counseling-detail-modal-content .modal-body .detail-section.reschedule-card .reschedule-reason .reschedule-reason-label{color:#6b7280;font-weight:600}.counseling-detail-modal-content .modal-body .detail-section.reschedule-card .info-item{margin-top:10px}.counseling-detail-modal-content .modal-body .detail-section.reschedule-pending{background:#eff6ff;border-color:#bfdbfe}.counseling-detail-modal-content .modal-body .detail-section.reschedule-pending .reschedule-card-title{color:#1e40af}.counseling-detail-modal-content .modal-body .detail-section.reschedule-pending .reschedule-reject-reason-section label{color:#374151;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.counseling-detail-modal-content .modal-body .detail-section.reschedule-pending .reschedule-reject-reason-section textarea{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-top:6px;padding:10px 12px;font-family:inherit;font-size:14px}.counseling-detail-modal-content .modal-body .detail-section.reschedule-rejected{background:#fef2f2;border-color:#fecaca}.counseling-detail-modal-content .modal-body .detail-section.reschedule-rejected .reschedule-card-title{color:#991b1b}.counseling-detail-modal-content .modal-body .detail-section.reschedule-cancelled{background:#f9fafb;border-color:#e5e7eb}.counseling-detail-modal-content .modal-body .detail-section.reschedule-cancelled .reschedule-card-title{color:#6b7280}.counseling-detail-modal-content .modal-body .result-content{grid-template-columns:1fr;gap:12px;display:grid}.counseling-detail-modal-content .modal-body .result-content .result-item{flex-direction:column;gap:6px;display:flex}.counseling-detail-modal-content .modal-body .result-content .result-item label{color:#6b7280;font-size:13px;font-weight:700}.counseling-detail-modal-content .modal-body .result-content .result-item .value{color:#111827;white-space:pre-wrap;word-break:break-word;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.6}.counseling-detail-modal-content .modal-body .action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.counseling-detail-modal-content .modal-body .action-buttons button{cursor:pointer;border:1px solid;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.counseling-detail-modal-content .modal-body .action-buttons button:disabled{opacity:.55;cursor:not-allowed}.counseling-detail-modal-content .modal-body .action-buttons button.approve-btn{color:#fff;background:#10b981;border-color:#10b981}.counseling-detail-modal-content .modal-body .action-buttons button.approve-btn:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.counseling-detail-modal-content .modal-body .action-buttons button.confirm-btn{color:#fff;background:#10b981;border-color:#10b981}.counseling-detail-modal-content .modal-body .action-buttons button.reject-btn{color:#fff;background:#ef4444;border-color:#ef4444}.counseling-detail-modal-content .modal-body .action-buttons button.reject-btn:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.counseling-detail-modal-content .modal-body .action-buttons button.reject-btn-outline{color:#dc2626;background:#fff;border-color:#e2e8f0}.counseling-detail-modal-content .modal-body .action-buttons button.reject-btn-outline:hover:not(:disabled){background:#fef2f2;border-color:#fecaca}.counseling-detail-modal-content .modal-body .action-buttons button.cancel-btn{color:#374151;background:#fff;border-color:#d1d5db}.counseling-detail-modal-content .modal-body .action-buttons button.cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.counseling-detail-modal-content .modal-body .action-buttons button.no-show-btn{color:#fff;background:#dc2626;border-color:#dc2626}.counseling-detail-modal-content .modal-body .action-buttons button.no-show-btn:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.counseling-detail-modal-content .modal-body .action-buttons button.counseling-cancel-outline-btn{background:#fff;border:1px solid #d1d5db}.reschedule-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.reschedule-modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:920px;max-height:90vh;overflow:auto;box-shadow:0 25px 50px -12px #00000040}.reschedule-modal-content .modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.reschedule-modal-content .modal-header h2{color:#111827;margin:0;font-size:18px;font-weight:800}.reschedule-modal-content .modal-header .close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.reschedule-modal-content .modal-header .close-btn:hover{color:#374151;background:#e5e7eb}.reschedule-modal-content .modal-body{padding:18px 20px}.reschedule-modal-content .modal-body .detail-section{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:20px}.reschedule-modal-content .modal-body .detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.reschedule-modal-content .modal-body .detail-section h3{color:#111827;margin:0 0 14px;font-size:16px;font-weight:900}.reschedule-modal-content .modal-body .detail-section .info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.reschedule-modal-content .modal-body .detail-section .info-grid .info-item{flex-direction:column;gap:6px;display:flex}.reschedule-modal-content .modal-body .detail-section .info-grid .info-item label{color:#6b7280;font-size:13px;font-weight:800}.reschedule-modal-content .modal-body .detail-section .info-grid .info-item .value{color:#111827;word-break:break-word;font-size:14px;font-weight:600}.reschedule-modal-content .modal-body .reschedule-same-duration-hint{color:#64748b;margin:12px 0 0;font-size:13px;line-height:1.5}.reschedule-modal-content .modal-body .reschedule-summary.reschedule-summary--dimmed{opacity:.65;pointer-events:none}.reschedule-modal-content .modal-body .reschedule-summary.reschedule-summary--dimmed .value,.reschedule-modal-content .modal-body .reschedule-summary.reschedule-summary--dimmed .reschedule-same-duration-hint{color:#94a3b8}.reschedule-modal-content .modal-body .reschedule-reason-section h3{margin-bottom:10px}.reschedule-modal-content .modal-body .reschedule-reason-input{color:#1a1a1a;resize:vertical;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:10px;width:100%;min-height:80px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.reschedule-modal-content .modal-body .reschedule-reason-input::placeholder{color:#94a3b8}.reschedule-modal-content .modal-body .reschedule-reason-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f11f}.reschedule-modal-content .modal-body .reschedule-reason-input:disabled{opacity:.7;cursor:not-allowed}.reschedule-modal-content .modal-body .reschedule-selected-banner{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:12px 14px;font-size:14px;line-height:1.5;display:flex}.reschedule-modal-content .modal-body .reschedule-selected-banner strong{font-weight:700}.reschedule-modal-content .modal-body .reschedule-selected-banner .reschedule-duration-badge{color:#1d4ed8;font-weight:600}.reschedule-modal-content .modal-body .reschedule-selected-banner--booking-style{margin-top:0;margin-bottom:12px;padding:10px 14px;font-size:.9rem;font-weight:500;line-height:1.4}.reschedule-modal-content .modal-body .reschedule-selected-banner--booking-style svg{color:#1d4ed8;flex-shrink:0}.reschedule-modal-content .modal-body .reschedule-selected-banner--booking-style .reschedule-duration-badge{font-weight:600}.reschedule-modal-content .modal-body .reschedule-calendar-time-container{align-items:flex-start;gap:20px;display:flex}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .calendar-wrapper{flex:11 1 0;min-width:0;max-width:none;position:relative}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .calendar-wrapper .loading-overlay{z-index:10;background:#ffffffe6;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .calendar-wrapper .loading-overlay p{color:#6b7280;margin:0;font-size:14px}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex:9 1 0;min-width:0;max-width:none;padding:16px;overflow:hidden}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-title{color:#111827;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:900;display:flex}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .no-slots-message{color:#6b7280;text-align:center;margin:0;padding:28px 12px;font-size:14px}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-group{margin-bottom:16px}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-group:last-child{margin-bottom:0}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-group-label{color:#6b7280;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-height:360px;padding-right:4px;display:grid;overflow:hidden auto}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-grid .time-slot{color:#374151;cursor:pointer;text-align:center;background:#fff;border:2px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:900;transition:all .2s}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-grid .time-slot:hover{background:#eff6ff;border-color:#3b82f6}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-grid .time-slot.selected{color:#fff;background:#3b82f6;border-color:#3b82f6}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-grid .reschedule-time-slot{border:1px solid #e2e8f0;font-weight:500}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-grid .reschedule-time-slot:hover{background:#f8fafc;border-color:#c7d2fe}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-grid .reschedule-time-slot.selected{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:#6366f1}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .reschedule-time-grid{grid-template-columns:repeat(4,1fr);gap:8px}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .reschedule-selected-banner--booking-style{width:100%;margin-top:14px}.reschedule-modal-content .modal-body .action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.reschedule-modal-content .modal-body .action-buttons .reschedule-submit-btn,.reschedule-modal-content .modal-body .action-buttons .reschedule-cancel-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex}.reschedule-modal-content .modal-body .action-buttons .reschedule-submit-btn:disabled,.reschedule-modal-content .modal-body .action-buttons .reschedule-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.reschedule-modal-content .modal-body .action-buttons .reschedule-submit-btn{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 2px 8px #6366f159}.reschedule-modal-content .modal-body .action-buttons .reschedule-submit-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.reschedule-modal-content .modal-body .action-buttons .reschedule-cancel-btn{color:#64748b;background:#fff;border:1px solid #e2e8f0}.reschedule-modal-content .modal-body .action-buttons .reschedule-cancel-btn:hover:not(:disabled){color:#475569;background:#f8fafc;border-color:#cbd5e1}.reschedule-modal-content .modal-body .form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.reschedule-modal-content .modal-body .form-group label{color:#374151;font-size:14px;font-weight:700}.reschedule-modal-content .modal-body .form-group input,.reschedule-modal-content .modal-body .form-group select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px;transition:all .2s}.reschedule-modal-content .modal-body .form-group input:focus,.reschedule-modal-content .modal-body .form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .status-badge.requested{color:#fde047;background:#78350f;border-color:#f59e0b}html:not([data-theme=light]) .status-badge.confirmed{color:#93c5fd;background:#1e3a8a;border-color:#3b82f6}html:not([data-theme=light]) .status-badge.completed{color:#6ee7b7;background:#064e3b;border-color:#10b981}html:not([data-theme=light]) .status-badge.rejected{color:#fca5a5;background:#7f1d1d;border-color:#ef4444}html:not([data-theme=light]) .status-badge.cancelled{color:#e5e7eb;background:#111827;border-color:#6b7280}html:not([data-theme=light]) .counseling-detail-modal-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .counseling-detail-modal-content .modal-body textarea{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .counseling-detail-modal-content .modal-body textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html:not([data-theme=light]) .counseling-detail-modal-content .modal-body .detail-section{border-bottom-color:#4a5568}html:not([data-theme=light]) .counseling-detail-modal-content .modal-body .detail-section h3{color:#f1f5f9}html:not([data-theme=light]) .counseling-detail-modal-content .modal-body .detail-section .info-grid .info-item label{color:#9ca3af}html:not([data-theme=light]) .counseling-detail-modal-content .modal-body .detail-section .info-grid .info-item .value{color:#e2e8f0}html:not([data-theme=light]) .counseling-detail-modal-content .modal-body .detail-section .notes-content{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .counseling-detail-modal-content .modal-body .result-content .result-item label{color:#9ca3af}html:not([data-theme=light]) .counseling-detail-modal-content .modal-body .result-content .result-item .value{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .reschedule-modal-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .reschedule-modal-content .modal-header{background:#374151;border-bottom-color:#4a5568}html:not([data-theme=light]) .reschedule-modal-content .modal-header h2{color:#f1f5f9}html:not([data-theme=light]) .reschedule-modal-content .modal-header .close-btn{color:#d1d5db}html:not([data-theme=light]) .reschedule-modal-content .modal-header .close-btn:hover{color:#f3f4f6;background:#4a5568}html:not([data-theme=light]) .reschedule-modal-content .modal-body .detail-section{border-bottom-color:#4a5568}html:not([data-theme=light]) .reschedule-modal-content .modal-body .detail-section h3{color:#f1f5f9}html:not([data-theme=light]) .reschedule-modal-content .modal-body .detail-section .info-grid .info-item label{color:#9ca3af}html:not([data-theme=light]) .reschedule-modal-content .modal-body .detail-section .info-grid .info-item .value{color:#e2e8f0}html:not([data-theme=light]) .reschedule-modal-content .modal-body .reschedule-selected-banner{color:#e0f2fe;background:#3b82f62e;border-color:#60a5fa59}html:not([data-theme=light]) .reschedule-modal-content .modal-body .duration-buttons button{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .reschedule-modal-content .modal-body .duration-buttons button:hover{background:#4a5568}html:not([data-theme=light]) .reschedule-modal-content .modal-body .duration-buttons button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}html:not([data-theme=light]) .reschedule-modal-content .modal-body .reschedule-calendar-time-container .calendar-wrapper .loading-overlay{background:#2d3748e6}html:not([data-theme=light]) .reschedule-modal-content .modal-body .reschedule-calendar-time-container .calendar-wrapper .loading-overlay p{color:#a0aec0}html:not([data-theme=light]) .reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper{background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-title{color:#f1f5f9}html:not([data-theme=light]) .reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .no-slots-message{color:#a0aec0}html:not([data-theme=light]) .reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-grid .time-slot{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-grid .time-slot:hover{background:#4a5568;border-color:#60a5fa}html:not([data-theme=light]) .reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-grid .time-slot.selected{color:#fff;background:#3b82f6;border-color:#3b82f6}html:not([data-theme=light]) .reschedule-modal-content .modal-body .form-group label{color:#e2e8f0}html:not([data-theme=light]) .reschedule-modal-content .modal-body .form-group input,html:not([data-theme=light]) .reschedule-modal-content .modal-body .form-group select{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .reschedule-modal-content .modal-body .form-group input:focus,html:not([data-theme=light]) .reschedule-modal-content .modal-body .form-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}}html[data-theme=dark] .status-badge.requested{color:#fde047;background:#78350f;border-color:#f59e0b}html[data-theme=dark] .status-badge.confirmed{color:#93c5fd;background:#1e3a8a;border-color:#3b82f6}html[data-theme=dark] .status-badge.completed{color:#6ee7b7;background:#064e3b;border-color:#10b981}html[data-theme=dark] .status-badge.rejected{color:#fca5a5;background:#7f1d1d;border-color:#ef4444}html[data-theme=dark] .status-badge.cancelled{color:#e5e7eb;background:#111827;border-color:#6b7280}html[data-theme=dark] .counseling-detail-modal-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .counseling-detail-modal-content .modal-body textarea{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .counseling-detail-modal-content .modal-body textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html[data-theme=dark] .counseling-detail-modal-content .modal-body .detail-section{border-bottom-color:#4a5568}html[data-theme=dark] .counseling-detail-modal-content .modal-body .detail-section h3{color:#f1f5f9}html[data-theme=dark] .counseling-detail-modal-content .modal-body .detail-section .info-grid .info-item label{color:#9ca3af}html[data-theme=dark] .counseling-detail-modal-content .modal-body .detail-section .info-grid .info-item .value{color:#e2e8f0}html[data-theme=dark] .counseling-detail-modal-content .modal-body .detail-section .notes-content{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .counseling-detail-modal-content .modal-body .result-content .result-item label{color:#9ca3af}html[data-theme=dark] .counseling-detail-modal-content .modal-body .result-content .result-item .value{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .reschedule-modal-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .reschedule-modal-content .modal-header{background:#374151;border-bottom-color:#4a5568}html[data-theme=dark] .reschedule-modal-content .modal-header h2{color:#f1f5f9}html[data-theme=dark] .reschedule-modal-content .modal-header .close-btn{color:#d1d5db}html[data-theme=dark] .reschedule-modal-content .modal-header .close-btn:hover{color:#f3f4f6;background:#4a5568}html[data-theme=dark] .reschedule-modal-content .modal-body .detail-section{border-bottom-color:#4a5568}html[data-theme=dark] .reschedule-modal-content .modal-body .detail-section h3{color:#f1f5f9}html[data-theme=dark] .reschedule-modal-content .modal-body .detail-section .info-grid .info-item label{color:#9ca3af}html[data-theme=dark] .reschedule-modal-content .modal-body .detail-section .info-grid .info-item .value{color:#e2e8f0}html[data-theme=dark] .reschedule-modal-content .modal-body .reschedule-selected-banner{color:#e0f2fe;background:#3b82f62e;border-color:#60a5fa59}html[data-theme=dark] .reschedule-modal-content .modal-body .duration-buttons button{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .reschedule-modal-content .modal-body .duration-buttons button:hover{background:#4a5568}html[data-theme=dark] .reschedule-modal-content .modal-body .duration-buttons button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}html[data-theme=dark] .reschedule-modal-content .modal-body .reschedule-calendar-time-container .calendar-wrapper .loading-overlay{background:#2d3748e6}html[data-theme=dark] .reschedule-modal-content .modal-body .reschedule-calendar-time-container .calendar-wrapper .loading-overlay p{color:#a0aec0}html[data-theme=dark] .reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper{background:#1f2937;border-color:#4a5568}html[data-theme=dark] .reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-title{color:#f1f5f9}html[data-theme=dark] .reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .no-slots-message{color:#a0aec0}html[data-theme=dark] .reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-grid .time-slot{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-grid .time-slot:hover{background:#4a5568;border-color:#60a5fa}html[data-theme=dark] .reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-grid .time-slot.selected{color:#fff;background:#3b82f6;border-color:#3b82f6}html[data-theme=dark] .reschedule-modal-content .modal-body .form-group label{color:#e2e8f0}html[data-theme=dark] .reschedule-modal-content .modal-body .form-group input,html[data-theme=dark] .reschedule-modal-content .modal-body .form-group select{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .reschedule-modal-content .modal-body .form-group input:focus,html[data-theme=dark] .reschedule-modal-content .modal-body .form-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}@media (width<=768px){.reschedule-modal-content{max-width:100%}.reschedule-modal-content .modal-body{padding:16px}.reschedule-modal-content .modal-body .reschedule-calendar-time-container{flex-direction:column}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .calendar-wrapper,.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper{flex:1;max-width:100%}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-grid{grid-template-columns:repeat(2,1fr)}.reschedule-modal-content .modal-body .action-buttons{flex-direction:column}.reschedule-modal-content .modal-body .action-buttons button{width:100%}.counseling-detail-modal-content .modal-body{padding:16px}.counseling-detail-modal-content .modal-body .detail-section .info-grid{grid-template-columns:1fr}.counseling-detail-modal-content .modal-body .detail-section .action-buttons{flex-direction:column}.counseling-detail-modal-content .modal-body .detail-section .action-buttons button{width:100%}}.booking-counseling-detail-page.has-sticky-actions{padding-bottom:88px}.booking-counseling-detail-page .counseling-detail-topbar{margin-bottom:16px}.booking-counseling-detail-page .counseling-detail-back-link{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.booking-counseling-detail-page .counseling-detail-back-link:hover{color:#111827;background:#e5e7eb;border-color:#9ca3af}.booking-counseling-detail-page .counseling-detail-back-link:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.booking-counseling-detail-page .counseling-detail-alert-banner{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:10px;flex-direction:column;gap:4px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.booking-counseling-detail-page .counseling-detail-alert-banner strong{font-size:14px;font-weight:700}.booking-counseling-detail-page .counseling-detail-alert-banner.is-success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.booking-counseling-detail-page .counseling-detail-status-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.booking-counseling-detail-page .status-badge.status-badge-lg{border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.booking-counseling-detail-page .counseling-details-card .counseling-detail-section-header h2{color:#4b5563;letter-spacing:.01em;font-size:15px;font-weight:700}.booking-counseling-detail-page .counseling-details-who{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px}.booking-counseling-detail-page .counseling-details-name-row{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.booking-counseling-detail-page .counseling-details-student-name{color:#111827;word-break:break-word;margin:0;font-size:22px;font-weight:700;line-height:1.25}.booking-counseling-detail-page .counseling-details-resource{color:#4b5563;margin:8px 0 0;font-size:14px;font-weight:600;line-height:1.4}.booking-counseling-detail-page .counseling-details-meta-list{flex-direction:column;gap:12px;margin:0;display:flex}.booking-counseling-detail-page .counseling-details-meta-item{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:8px 12px;display:grid}.booking-counseling-detail-page .counseling-details-meta-item dt{color:#6b7280;margin:0;padding-top:1px;font-size:12px;font-weight:700;line-height:1.45}.booking-counseling-detail-page .counseling-details-meta-item dd{color:#111827;word-break:break-word;margin:0;font-size:15px;font-weight:600;line-height:1.45}.booking-counseling-detail-page .counseling-details-meta-item.is-secondary dt{color:#9ca3af}.booking-counseling-detail-page .counseling-details-meta-item.is-secondary dd{color:#6b7280;font-size:13px;font-weight:500}.booking-counseling-detail-page .counseling-details-divider{background:#e5e7eb;height:1px;margin:16px 0}.booking-counseling-detail-page .counseling-detail-summary-banner{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:10px;flex-direction:column;gap:4px;margin-top:14px;padding:12px 14px;font-size:13px;display:flex}.booking-counseling-detail-page .counseling-detail-summary-banner strong{font-weight:700}.booking-counseling-detail-page .counseling-detail-request-actions,.booking-counseling-detail-page .counseling-detail-inline-actions{border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;display:flex}.booking-counseling-detail-page .counseling-detail-request-actions{flex-direction:column;align-items:stretch;gap:10px}.booking-counseling-detail-page .counseling-details-actions-label{color:#6b7280;font-size:12px;font-weight:700}.booking-counseling-detail-page .counseling-details-actions-buttons{flex-wrap:wrap;gap:8px;display:flex}.booking-counseling-detail-page .counseling-detail-actions-desktop{display:flex}.booking-counseling-detail-page .counseling-detail-sticky-actions{display:none}.booking-counseling-detail-page .counseling-detail-action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.booking-counseling-detail-page .counseling-detail-action-btn:disabled{opacity:.55;cursor:not-allowed}.booking-counseling-detail-page .counseling-detail-action-btn.is-primary{color:#fff;background:#2563eb;border-color:#2563eb}.booking-counseling-detail-page .counseling-detail-action-btn.is-primary:hover:not(:disabled){background:#1d4ed8}.booking-counseling-detail-page .counseling-detail-action-btn.is-danger-outline{color:#b91c1c;background:#fff;border-color:#fecaca}.booking-counseling-detail-page .counseling-detail-action-btn.is-danger-outline:hover:not(:disabled){background:#fef2f2}.booking-counseling-detail-page .counseling-detail-action-btn.is-neutral-outline{color:#374151;background:#fff;border-color:#d1d5db}.booking-counseling-detail-page .counseling-detail-action-btn.is-neutral-outline:hover:not(:disabled){background:#f9fafb}.booking-counseling-detail-page .counseling-detail-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:16px;display:grid}.booking-counseling-detail-page .counseling-detail-col{flex-direction:column;gap:16px;min-width:0;display:flex}.booking-counseling-detail-page .counseling-detail-section-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.booking-counseling-detail-page .counseling-detail-section-header{padding:16px 20px 0}.booking-counseling-detail-page .counseling-detail-section-header h2{color:#111827;margin:0;font-size:16px;font-weight:700}.booking-counseling-detail-page .counseling-detail-section-body{padding:16px 20px 20px}.booking-counseling-detail-page .counseling-detail-section-desc{color:#6b7280;margin:0 0 12px;font-size:13px;line-height:1.5}.booking-counseling-detail-page .counseling-detail-meta-row{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.booking-counseling-detail-page .counseling-detail-meta-row .label{color:#6b7280;text-transform:none;font-size:12px;font-weight:700}.booking-counseling-detail-page .counseling-detail-meta-row .value{color:#111827;word-break:break-word;font-size:14px}.booking-counseling-detail-page .counseling-detail-notes-block{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.booking-counseling-detail-page .counseling-detail-notes-block .label{color:#6b7280;font-size:12px;font-weight:700}.booking-counseling-detail-page .counseling-detail-notes-block .notes-content{color:#374151;white-space:pre-wrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.6}.booking-counseling-detail-page .counseling-detail-notes-block .notes-content.reject-reason-content{color:#991b1b;background:#fef2f2;border-color:#fecaca}.booking-counseling-detail-page .counseling-details-card .counseling-detail-notes-block .label{color:#4b5563;font-size:12px;font-weight:700}.booking-counseling-detail-page .counseling-detail-empty-hint{color:#9ca3af;margin:0;font-size:14px}.booking-counseling-detail-page .counseling-reschedule-section.is-pending{border-color:#fdba74}.booking-counseling-detail-page .counseling-reschedule-section.is-rejected{border-color:#fecaca}.booking-counseling-detail-page .counseling-result-panel.is-primary-action{border-color:#bfdbfe;box-shadow:0 1px 3px #2563eb14}.booking-counseling-detail-page .counseling-result-panel .counseling-result-panel-header{padding-bottom:4px}.booking-counseling-detail-page .counseling-result-panel .counseling-result-panel-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.booking-counseling-detail-page .counseling-result-panel .counseling-result-status-pill{border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.booking-counseling-detail-page .counseling-result-panel .counseling-result-status-pill.is-empty{color:#92400e;background:#fffbeb;border-color:#fcd34d}.booking-counseling-detail-page .counseling-result-panel .counseling-result-status-pill.is-written{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.booking-counseling-detail-page .counseling-result-panel .counseling-result-status-pill.is-muted{color:#374151;background:#f3f4f6;border-color:#d1d5db}.booking-counseling-detail-page .counseling-result-panel .counseling-result-field{margin-bottom:16px}.booking-counseling-detail-page .counseling-result-panel .counseling-result-field label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.booking-counseling-detail-page .counseling-result-panel .counseling-result-field textarea{color:#111827;resize:vertical;box-sizing:border-box;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px}.booking-counseling-detail-page .counseling-result-panel .counseling-result-field textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}.booking-counseling-detail-page .counseling-result-panel .counseling-result-field textarea:disabled{opacity:.7;cursor:not-allowed;background:#f9fafb}.booking-counseling-detail-page .counseling-result-panel .counseling-result-field-label-row{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.booking-counseling-detail-page .counseling-result-panel .counseling-result-field-label-row label{margin-bottom:0}.booking-counseling-detail-page .counseling-result-panel .counseling-result-char-count{color:#9ca3af;font-variant-numeric:tabular-nums;font-size:12px}.booking-counseling-detail-page .counseling-result-panel .counseling-result-actions{border-top:1px solid #e5e7eb;flex-direction:column;align-items:stretch;gap:12px;margin-top:4px;padding-top:12px;display:flex}.booking-counseling-detail-page .counseling-result-panel .counseling-result-mini-hint{color:#4b5563;align-items:flex-start;gap:6px;margin:0;font-size:12px;line-height:1.45;display:flex}.booking-counseling-detail-page .counseling-result-panel .counseling-result-mini-hint.is-warn{color:#b45309}.booking-counseling-detail-page .counseling-result-panel .counseling-result-mini-hint-icon{color:inherit;opacity:.9;flex:none;margin-top:1px}.booking-counseling-detail-page .counseling-result-panel .counseling-result-actions .counseling-detail-action-btn{align-self:flex-start}.booking-counseling-detail-page .counseling-result-panel .counseling-result-panel-muted,.booking-counseling-detail-page .counseling-result-panel .counseling-result-panel-error{margin:0;font-size:14px}.booking-counseling-detail-page .counseling-result-panel .counseling-result-panel-error{color:#b91c1c;margin-bottom:12px}@media (width<=1100px){.booking-counseling-detail-page .counseling-detail-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}@media (width<=960px){.booking-counseling-detail-page .counseling-detail-grid{grid-template-columns:1fr}.booking-counseling-detail-page .counseling-detail-actions-desktop{display:none}.booking-counseling-detail-page .counseling-detail-sticky-actions{z-index:40;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}.booking-counseling-detail-page .counseling-detail-sticky-actions .counseling-detail-action-btn{flex:calc(50% - 4px);justify-content:center}}@media (width<=768px){.booking-counseling-detail-page .counseling-details-student-name{font-size:22px}.booking-counseling-detail-page .counseling-details-meta-item{grid-template-columns:64px minmax(0,1fr)}.booking-counseling-detail-page .counseling-detail-section-header,.booking-counseling-detail-page .counseling-detail-section-body{padding-left:16px;padding-right:16px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-back-link{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-back-link:hover{color:#f1f5f9;background:#4a5568;border-color:#6b7280}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-details-who{background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-details-identity-label,html:not([data-theme=light]) .booking-counseling-detail-page .counseling-details-actions-label{color:#9ca3af}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-details-resource{color:#cbd5e1}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-details-meta-item dt{color:#9ca3af}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-details-meta-item dd{color:#f1f5f9}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-details-meta-item.is-secondary dt,html:not([data-theme=light]) .booking-counseling-detail-page .counseling-details-meta-item.is-secondary dd{color:#9ca3af}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-alert-banner{color:#fdba74;background:#fb923c29;border-color:#fb923c73}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-alert-banner.is-success{color:#6ee7b7;background:#10b98129;border-color:#34d39966}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-details-student-name{color:#f1f5f9}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-details-divider{background:#4a5568}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-summary-banner{color:#fdba74;background:#fb923c29;border-color:#fb923c73}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-request-actions,html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-inline-actions{border-top-color:#4a5568}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-action-btn.is-primary{color:#fff;background:#2563eb;border-color:#2563eb}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-action-btn.is-primary:hover:not(:disabled){background:#1d4ed8}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-action-btn.is-danger-outline{color:#fca5a5;background:#2d3748;border-color:#7f1d1d}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-action-btn.is-danger-outline:hover:not(:disabled){color:#fecaca;background:#7f1d1d}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-action-btn.is-neutral-outline{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-action-btn.is-neutral-outline:hover:not(:disabled){background:#374151}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-section-card{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-section-header h2{color:#f1f5f9}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-details-card .counseling-detail-section-header h2{color:#a0aec0}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-details-card .counseling-detail-notes-block .label{color:#cbd5e1}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-section-desc{color:#a0aec0}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-meta-row .label{color:#9ca3af}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-meta-row .value{color:#e2e8f0}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-notes-block .label{color:#9ca3af}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-notes-block .notes-content{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-notes-block .notes-content.reject-reason-content{color:#fca5a5;background:#7f1d1d59;border-color:#7f1d1d}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-empty-hint{color:#9ca3af}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-reschedule-section.is-pending{border-color:#fb923c8c}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-reschedule-section.is-rejected{border-color:#ef444473}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-result-panel.is-primary-action{border-color:#60a5fa73;box-shadow:0 1px 3px #2563eb33}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-result-panel .counseling-result-status-pill.is-empty{color:#fde047;background:#78350f8c;border-color:#f59e0b}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-result-panel .counseling-result-status-pill.is-written{color:#6ee7b7;background:#064e3b8c;border-color:#10b981}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-result-panel .counseling-result-status-pill.is-muted{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-result-panel .counseling-result-field label{color:#e2e8f0}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-result-panel .counseling-result-field textarea{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-result-panel .counseling-result-field textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-result-panel .counseling-result-field textarea:disabled{color:#9ca3af;background:#111827}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-result-panel .counseling-result-char-count{color:#9ca3af}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-result-panel .counseling-result-actions{border-top-color:#4a5568}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-result-panel .counseling-result-mini-hint{color:#a0aec0}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-result-panel .counseling-result-mini-hint.is-warn{color:#fbbf24}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-result-panel .counseling-result-panel-muted{color:#a0aec0}html:not([data-theme=light]) .booking-counseling-detail-page .counseling-result-panel .counseling-result-panel-error{color:#fca5a5}}@media (prefers-color-scheme:dark) and (width<=960px){html:not([data-theme=light]) .booking-counseling-detail-page .counseling-detail-sticky-actions{background:#2d3748;border-top-color:#4a5568;box-shadow:0 -4px 16px #00000059}}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-back-link{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-back-link:hover{color:#f1f5f9;background:#4a5568;border-color:#6b7280}html[data-theme=dark] .booking-counseling-detail-page .counseling-details-who{background:#1f2937;border-color:#4a5568}html[data-theme=dark] .booking-counseling-detail-page .counseling-details-identity-label,html[data-theme=dark] .booking-counseling-detail-page .counseling-details-actions-label{color:#9ca3af}html[data-theme=dark] .booking-counseling-detail-page .counseling-details-resource{color:#cbd5e1}html[data-theme=dark] .booking-counseling-detail-page .counseling-details-meta-item dt{color:#9ca3af}html[data-theme=dark] .booking-counseling-detail-page .counseling-details-meta-item dd{color:#f1f5f9}html[data-theme=dark] .booking-counseling-detail-page .counseling-details-meta-item.is-secondary dt,html[data-theme=dark] .booking-counseling-detail-page .counseling-details-meta-item.is-secondary dd{color:#9ca3af}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-alert-banner{color:#fdba74;background:#fb923c29;border-color:#fb923c73}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-alert-banner.is-success{color:#6ee7b7;background:#10b98129;border-color:#34d39966}html[data-theme=dark] .booking-counseling-detail-page .counseling-details-student-name{color:#f1f5f9}html[data-theme=dark] .booking-counseling-detail-page .counseling-details-divider{background:#4a5568}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-summary-banner{color:#fdba74;background:#fb923c29;border-color:#fb923c73}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-request-actions,html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-inline-actions{border-top-color:#4a5568}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-action-btn.is-primary{color:#fff;background:#2563eb;border-color:#2563eb}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-action-btn.is-primary:hover:not(:disabled){background:#1d4ed8}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-action-btn.is-danger-outline{color:#fca5a5;background:#2d3748;border-color:#7f1d1d}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-action-btn.is-danger-outline:hover:not(:disabled){color:#fecaca;background:#7f1d1d}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-action-btn.is-neutral-outline{color:#e2e8f0;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-action-btn.is-neutral-outline:hover:not(:disabled){background:#374151}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-section-card{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-section-header h2{color:#f1f5f9}html[data-theme=dark] .booking-counseling-detail-page .counseling-details-card .counseling-detail-section-header h2{color:#a0aec0}html[data-theme=dark] .booking-counseling-detail-page .counseling-details-card .counseling-detail-notes-block .label{color:#cbd5e1}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-section-desc{color:#a0aec0}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-meta-row .label{color:#9ca3af}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-meta-row .value{color:#e2e8f0}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-notes-block .label{color:#9ca3af}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-notes-block .notes-content{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-notes-block .notes-content.reject-reason-content{color:#fca5a5;background:#7f1d1d59;border-color:#7f1d1d}html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-empty-hint{color:#9ca3af}html[data-theme=dark] .booking-counseling-detail-page .counseling-reschedule-section.is-pending{border-color:#fb923c8c}html[data-theme=dark] .booking-counseling-detail-page .counseling-reschedule-section.is-rejected{border-color:#ef444473}html[data-theme=dark] .booking-counseling-detail-page .counseling-result-panel.is-primary-action{border-color:#60a5fa73;box-shadow:0 1px 3px #2563eb33}html[data-theme=dark] .booking-counseling-detail-page .counseling-result-panel .counseling-result-status-pill.is-empty{color:#fde047;background:#78350f8c;border-color:#f59e0b}html[data-theme=dark] .booking-counseling-detail-page .counseling-result-panel .counseling-result-status-pill.is-written{color:#6ee7b7;background:#064e3b8c;border-color:#10b981}html[data-theme=dark] .booking-counseling-detail-page .counseling-result-panel .counseling-result-status-pill.is-muted{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .booking-counseling-detail-page .counseling-result-panel .counseling-result-field label{color:#e2e8f0}html[data-theme=dark] .booking-counseling-detail-page .counseling-result-panel .counseling-result-field textarea{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .booking-counseling-detail-page .counseling-result-panel .counseling-result-field textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html[data-theme=dark] .booking-counseling-detail-page .counseling-result-panel .counseling-result-field textarea:disabled{color:#9ca3af;background:#111827}html[data-theme=dark] .booking-counseling-detail-page .counseling-result-panel .counseling-result-char-count{color:#9ca3af}html[data-theme=dark] .booking-counseling-detail-page .counseling-result-panel .counseling-result-actions{border-top-color:#4a5568}html[data-theme=dark] .booking-counseling-detail-page .counseling-result-panel .counseling-result-mini-hint{color:#a0aec0}html[data-theme=dark] .booking-counseling-detail-page .counseling-result-panel .counseling-result-mini-hint.is-warn{color:#fbbf24}html[data-theme=dark] .booking-counseling-detail-page .counseling-result-panel .counseling-result-panel-muted{color:#a0aec0}html[data-theme=dark] .booking-counseling-detail-page .counseling-result-panel .counseling-result-panel-error{color:#fca5a5}@media (width<=960px){html[data-theme=dark] .booking-counseling-detail-page .counseling-detail-sticky-actions{background:#2d3748;border-top-color:#4a5568;box-shadow:0 -4px 16px #00000059}}@media (width<=1024px){.mypage-page .card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.mypage-page .card-grid .section-card{padding:20px}.mypage-page .card-grid .section-card .info-row p{word-break:break-all;overflow-wrap:anywhere;font-size:13px}.mypage-page .card-grid .section-card .info-row .change-btn{min-width:30px;height:30px;padding:5px 7px}}@media (width<=768px){.mypage-page{padding:16px}.mypage-page .page-header{margin-bottom:24px;padding:16px}.mypage-page .page-header .header-content .header-title h1{font-size:20px}.mypage-page .user-summary{margin-bottom:20px;padding:16px}.mypage-page .user-summary p{font-size:14px}.mypage-page .card-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.mypage-page .card-grid .section-card{padding:20px}.mypage-page .card-grid .section-card h3{margin-bottom:12px;font-size:16px}.mypage-page .card-grid .section-card p{margin-bottom:10px;font-size:13px}.mypage-page .card-grid .section-card p strong{min-width:80px}.mypage-page .card-grid .section-card .info-row{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px}.mypage-page .card-grid .section-card .info-row p{word-break:break-all;overflow-wrap:anywhere;margin-bottom:0;font-size:13px}.mypage-page .card-grid .section-card .info-row .change-btn{align-self:flex-end;min-width:28px;height:28px;padding:4px 6px}.mypage-page .button-wrapper{flex-direction:column;gap:8px}.mypage-page .button-wrapper .edit-btn{justify-content:center;width:100%;padding:14px 20px;font-size:15px}}.student-mypage-page.mypage-page{--mypage-accent:var(--mypage-student-accent)}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .student-mypage-page.mypage-page{--mypage-accent-ink:var(--mypage-student-mobile-accent-dark)}}html[data-theme=dark] .student-mypage-page.mypage-page{--mypage-accent-ink:var(--mypage-student-mobile-accent-dark)}.parent-list .parent-item{border-bottom:1px solid var(--border-muted);padding:12px 0}.parent-list .parent-item:last-child{border-bottom:none}.parent-list .parent-item p{margin:4px 0}.parent-edit-warning{background:var(--error-bg);color:var(--error-fg);border-radius:6px;margin-top:12px;padding:8px 12px;font-size:.875rem;line-height:1.4}.student-mypage-progress-reports{grid-column:1/-1;margin-top:0}.student-mypage-progress-reports .student-progress-reports-section .section-header-row h2{font-size:18px;font-weight:600}.student-mypage-toast{z-index:2200;background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-fg);box-shadow:var(--card-shadow);border-radius:10px;padding:12px 16px;position:fixed;bottom:24px;right:24px}.student-mypage-toast.is-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-fg)}.student-attendance-page{background:0 0;flex-direction:column;gap:24px;min-height:auto;display:flex}.student-attendance-page .loading-container{text-align:center;color:#6b7280;justify-content:center;align-items:center;padding:60px 20px;font-size:16px;display:flex}.student-attendance-page .attendance-content{flex-direction:column;gap:24px;display:flex}.student-attendance-page .attendance-content .attendance-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.student-attendance-page .attendance-content .attendance-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:16px 20px;display:flex}.student-attendance-page .attendance-content .attendance-section .section-header .section-icon{color:#fff;background:#8b5cf6;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.student-attendance-page .attendance-content .attendance-section .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.student-attendance-page .table-container{background:0 0;padding:24px}.student-attendance-page .table-container .attendance-table{border-collapse:collapse;background:0 0;border-radius:8px;width:100%;overflow:hidden}.student-attendance-page .table-container .attendance-table th,.student-attendance-page .table-container .attendance-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #4a5568;padding:12px;font-size:14px}.student-attendance-page .table-container .attendance-table th{color:#fff;background:#8b5cf6;font-weight:600}.student-attendance-page .table-container .attendance-table tbody tr{background:0 0}.student-attendance-page .table-container .attendance-table tbody tr:nth-child(2n){background:#ffffff05}.student-attendance-page .table-container .attendance-table tbody tr:hover{background:#ffffff0d}.student-attendance-page .table-container .attendance-table td .date-info,.student-attendance-page .table-container .attendance-table td .time-info,.student-attendance-page .table-container .attendance-table td .day-info{justify-content:center;align-items:center;display:flex}.student-attendance-page .table-container .attendance-table td .date-info .date-text,.student-attendance-page .table-container .attendance-table td .date-info .time-text,.student-attendance-page .table-container .attendance-table td .date-info .day-text,.student-attendance-page .table-container .attendance-table td .time-info .date-text,.student-attendance-page .table-container .attendance-table td .time-info .time-text,.student-attendance-page .table-container .attendance-table td .time-info .day-text,.student-attendance-page .table-container .attendance-table td .day-info .date-text,.student-attendance-page .table-container .attendance-table td .day-info .time-text,.student-attendance-page .table-container .attendance-table td .day-info .day-text{color:#e2e8f0;font-size:14px}.student-attendance-page .table-container .attendance-table .empty-state{text-align:center;color:#a0aec0;padding:20px;font-style:italic}.student-attendance-page .status-badge{text-align:center;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.student-attendance-page .status-badge.present{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0}.student-attendance-page .status-badge.late{color:#92400e;background-color:#fef3c7;border:1px solid #fde68a}.student-attendance-page .status-badge.absent{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.student-attendance-page .summary-section{background:#2d3748;border:1px solid #8b5cf6;border-radius:12px;overflow:hidden}.student-attendance-page .summary-section .section-header{background:0 0;border-bottom:1px solid #4a5568;align-items:center;gap:12px;padding:16px 20px;display:flex}.student-attendance-page .summary-section .section-header .section-icon{color:#fff;background:#8b5cf6;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.student-attendance-page .summary-section .section-header h2{color:#fff;margin:0;font-size:18px;font-weight:600}.student-attendance-page .summary-section .summary-content{padding:24px}.student-attendance-page .summary-section .summary-content .summary-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1200px){.student-attendance-page .summary-section .summary-content .summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.student-attendance-page .summary-section .summary-content .summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.student-attendance-page .summary-section .summary-content .summary-grid{grid-template-columns:1fr}}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item{background:#374151;border:1px solid #4a5568;border-radius:8px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item:hover{background:#4a5568;transform:translateY(-1px)}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-icon{color:#a0aec0;background:#4a5568;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-info{flex-direction:column;gap:2px;display:flex}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-info .summary-label{color:#a0aec0;font-size:12px;font-weight:500}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-info .summary-value{color:#fff;font-size:18px;font-weight:700}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item.present .summary-icon{color:#10b981;background:#10b98133}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item.present .summary-value{color:#10b981}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item.late .summary-icon{color:#f59e0b;background:#f59e0b33}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item.late .summary-value{color:#f59e0b}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item.absent .summary-icon{color:#ef4444;background:#ef444433}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item.absent .summary-value{color:#ef4444}.student-attendance-page .summary-section .summary-content .attendance-rate{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.student-attendance-page .summary-section .summary-content .attendance-rate .rate-label{opacity:.9;font-size:14px;font-weight:500}.student-attendance-page .summary-section .summary-content .attendance-rate .rate-value{font-size:32px;font-weight:700}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .student-attendance-page .loading-container{color:#a0aec0}html:not([data-theme=light]) .student-attendance-page .attendance-content .attendance-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-attendance-page .attendance-content .attendance-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .student-attendance-page .attendance-content .attendance-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .student-attendance-page .attendance-content .summary-section{background:#2d3748;border-color:#8b5cf6}html:not([data-theme=light]) .student-attendance-page .attendance-content .summary-section .section-header{background:0 0;border-bottom-color:#4a5568}html:not([data-theme=light]) .student-attendance-page .attendance-content .summary-section .section-header h2{color:#fff}html:not([data-theme=light]) .student-attendance-page .table-container .attendance-table th{background:#8b5cf6}html:not([data-theme=light]) .student-attendance-page .table-container .attendance-table tbody tr{background:#2d3748}html:not([data-theme=light]) .student-attendance-page .table-container .attendance-table tbody tr:nth-child(2n){background:#374151}html:not([data-theme=light]) .student-attendance-page .table-container .attendance-table tbody tr:hover{background:#4a5568}html:not([data-theme=light]) .student-attendance-page .table-container .attendance-table td .date-info .date-text,html:not([data-theme=light]) .student-attendance-page .table-container .attendance-table td .date-info .time-text,html:not([data-theme=light]) .student-attendance-page .table-container .attendance-table td .date-info .day-text,html:not([data-theme=light]) .student-attendance-page .table-container .attendance-table td .time-info .date-text,html:not([data-theme=light]) .student-attendance-page .table-container .attendance-table td .time-info .time-text,html:not([data-theme=light]) .student-attendance-page .table-container .attendance-table td .time-info .day-text,html:not([data-theme=light]) .student-attendance-page .table-container .attendance-table td .day-info .date-text,html:not([data-theme=light]) .student-attendance-page .table-container .attendance-table td .day-info .time-text,html:not([data-theme=light]) .student-attendance-page .table-container .attendance-table td .day-info .day-text{color:#e2e8f0}html:not([data-theme=light]) .student-attendance-page .table-container .attendance-table .empty-state{color:#a0aec0}html:not([data-theme=light]) .student-attendance-page .status-badge.present,html:not([data-theme=light]) .student-attendance-page .status-badge.late,html:not([data-theme=light]) .student-attendance-page .status-badge.absent{background-color:#1f2937;border-color:#374151}html:not([data-theme=light]) .student-attendance-page .status-badge.present{color:#10b981}html:not([data-theme=light]) .student-attendance-page .status-badge.late{color:#f59e0b}html:not([data-theme=light]) .student-attendance-page .status-badge.absent{color:#ef4444}html:not([data-theme=light]) .student-attendance-page .summary-section .summary-content .summary-grid .summary-item{background:#374151;border-color:#4a5568}html:not([data-theme=light]) .student-attendance-page .summary-section .summary-content .summary-grid .summary-item:hover{background:#4a5568}html:not([data-theme=light]) .student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-icon{color:#a0aec0;background:#4a5568}html:not([data-theme=light]) .student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-info .summary-label{color:#a0aec0}html:not([data-theme=light]) .student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-info .summary-value{color:#fff}html:not([data-theme=light]) .student-attendance-page .summary-section .summary-content .summary-grid .summary-item.present .summary-icon{color:#10b981;background:#10b98133}html:not([data-theme=light]) .student-attendance-page .summary-section .summary-content .summary-grid .summary-item.present .summary-value{color:#10b981}html:not([data-theme=light]) .student-attendance-page .summary-section .summary-content .summary-grid .summary-item.late .summary-icon{color:#f59e0b;background:#f59e0b33}html:not([data-theme=light]) .student-attendance-page .summary-section .summary-content .summary-grid .summary-item.late .summary-value{color:#f59e0b}html:not([data-theme=light]) .student-attendance-page .summary-section .summary-content .summary-grid .summary-item.absent .summary-icon{color:#ef4444;background:#ef444433}html:not([data-theme=light]) .student-attendance-page .summary-section .summary-content .summary-grid .summary-item.absent .summary-value{color:#ef4444}html:not([data-theme=light]) .student-attendance-page .summary-section .summary-content .attendance-rate{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}}html[data-theme=dark] .student-attendance-page .loading-container{color:#a0aec0}html[data-theme=dark] .student-attendance-page .attendance-content .attendance-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-attendance-page .attendance-content .attendance-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .student-attendance-page .attendance-content .attendance-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .student-attendance-page .attendance-content .summary-section{background:#2d3748;border-color:#8b5cf6}html[data-theme=dark] .student-attendance-page .attendance-content .summary-section .section-header{background:0 0;border-bottom-color:#4a5568}html[data-theme=dark] .student-attendance-page .attendance-content .summary-section .section-header h2{color:#fff}html[data-theme=dark] .student-attendance-page .table-container .attendance-table th{background:#8b5cf6}html[data-theme=dark] .student-attendance-page .table-container .attendance-table tbody tr{background:#2d3748}html[data-theme=dark] .student-attendance-page .table-container .attendance-table tbody tr:nth-child(2n){background:#374151}html[data-theme=dark] .student-attendance-page .table-container .attendance-table tbody tr:hover{background:#4a5568}html[data-theme=dark] .student-attendance-page .table-container .attendance-table td .date-info .date-text,html[data-theme=dark] .student-attendance-page .table-container .attendance-table td .date-info .time-text,html[data-theme=dark] .student-attendance-page .table-container .attendance-table td .date-info .day-text,html[data-theme=dark] .student-attendance-page .table-container .attendance-table td .time-info .date-text,html[data-theme=dark] .student-attendance-page .table-container .attendance-table td .time-info .time-text,html[data-theme=dark] .student-attendance-page .table-container .attendance-table td .time-info .day-text,html[data-theme=dark] .student-attendance-page .table-container .attendance-table td .day-info .date-text,html[data-theme=dark] .student-attendance-page .table-container .attendance-table td .day-info .time-text,html[data-theme=dark] .student-attendance-page .table-container .attendance-table td .day-info .day-text{color:#e2e8f0}html[data-theme=dark] .student-attendance-page .table-container .attendance-table .empty-state{color:#a0aec0}html[data-theme=dark] .student-attendance-page .status-badge.present,html[data-theme=dark] .student-attendance-page .status-badge.late,html[data-theme=dark] .student-attendance-page .status-badge.absent{background-color:#1f2937;border-color:#374151}html[data-theme=dark] .student-attendance-page .status-badge.present{color:#10b981}html[data-theme=dark] .student-attendance-page .status-badge.late{color:#f59e0b}html[data-theme=dark] .student-attendance-page .status-badge.absent{color:#ef4444}html[data-theme=dark] .student-attendance-page .summary-section .summary-content .summary-grid .summary-item{background:#374151;border-color:#4a5568}html[data-theme=dark] .student-attendance-page .summary-section .summary-content .summary-grid .summary-item:hover{background:#4a5568}html[data-theme=dark] .student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-icon{color:#a0aec0;background:#4a5568}html[data-theme=dark] .student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-info .summary-label{color:#a0aec0}html[data-theme=dark] .student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-info .summary-value{color:#fff}html[data-theme=dark] .student-attendance-page .summary-section .summary-content .summary-grid .summary-item.present .summary-icon{color:#10b981;background:#10b98133}html[data-theme=dark] .student-attendance-page .summary-section .summary-content .summary-grid .summary-item.present .summary-value{color:#10b981}html[data-theme=dark] .student-attendance-page .summary-section .summary-content .summary-grid .summary-item.late .summary-icon{color:#f59e0b;background:#f59e0b33}html[data-theme=dark] .student-attendance-page .summary-section .summary-content .summary-grid .summary-item.late .summary-value{color:#f59e0b}html[data-theme=dark] .student-attendance-page .summary-section .summary-content .summary-grid .summary-item.absent .summary-icon{color:#ef4444;background:#ef444433}html[data-theme=dark] .student-attendance-page .summary-section .summary-content .summary-grid .summary-item.absent .summary-value{color:#ef4444}html[data-theme=dark] .student-attendance-page .summary-section .summary-content .attendance-rate{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}@media (prefers-color-scheme:light){.student-attendance-page{background:#fff;min-height:100vh}.student-attendance-page .page-header{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.student-attendance-page .page-header .header-content .header-icon{background:#8b5cf6}.student-attendance-page .page-header .header-content .header-text .header-title{color:#1f2937}.student-attendance-page .page-header .header-content .header-text .header-description{color:#6b7280}.student-attendance-page .attendance-content .attendance-section,.student-attendance-page .attendance-content .summary-section{background:#fff;border:1px solid #e5e7eb}.student-attendance-page .attendance-content .attendance-section .section-header,.student-attendance-page .attendance-content .summary-section .section-header{background:#f8fafc;border-bottom-color:#e5e7eb}.student-attendance-page .attendance-content .attendance-section .section-header h2,.student-attendance-page .attendance-content .summary-section .section-header h2{color:#1f2937}.student-attendance-page .table-container .attendance-table{background:#fff}.student-attendance-page .table-container .attendance-table th,.student-attendance-page .table-container .attendance-table td{border-bottom-color:#e5e7eb}.student-attendance-page .table-container .attendance-table tbody tr{background:#fff}.student-attendance-page .table-container .attendance-table tbody tr:nth-child(2n){background:#f8fafc}.student-attendance-page .table-container .attendance-table tbody tr:hover{background:#f1f5f9}.student-attendance-page .table-container .attendance-table td .date-info .date-text,.student-attendance-page .table-container .attendance-table td .date-info .time-text,.student-attendance-page .table-container .attendance-table td .date-info .day-text,.student-attendance-page .table-container .attendance-table td .time-info .date-text,.student-attendance-page .table-container .attendance-table td .time-info .time-text,.student-attendance-page .table-container .attendance-table td .time-info .day-text,.student-attendance-page .table-container .attendance-table td .day-info .date-text,.student-attendance-page .table-container .attendance-table td .day-info .time-text,.student-attendance-page .table-container .attendance-table td .day-info .day-text{color:#374151}.student-attendance-page .table-container .attendance-table .empty-state{color:#9ca3af}.student-attendance-page .attendance-content .summary-section{background:#fff;border:1px solid #8b5cf6;border-radius:12px}.student-attendance-page .attendance-content .summary-section .section-header{background:0 0;border-bottom:1px solid #e5e7eb}.student-attendance-page .attendance-content .summary-section .section-header .section-icon{background:#8b5cf6}.student-attendance-page .attendance-content .summary-section .section-header h2{color:#1f2937}.student-attendance-page .attendance-content .summary-section .summary-content{padding:24px}.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}}@media (prefers-color-scheme:light) and (width<=1200px){.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-color-scheme:light) and (width<=768px){.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-color-scheme:light) and (width<=480px){.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:light){.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid .summary-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid .summary-item:hover{background:#f1f5f9;transform:translateY(-1px)}.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid .summary-item .summary-icon{color:#6b7280;background:#e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid .summary-item .summary-info{flex-direction:column;gap:2px;display:flex}.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid .summary-item .summary-info .summary-label{color:#6b7280;font-size:12px;font-weight:500}.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid .summary-item .summary-info .summary-value{color:#1f2937;font-size:18px;font-weight:700}.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid .summary-item.present .summary-icon{color:#166534;background:#dcfce7}.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid .summary-item.present .summary-value{color:#166534}.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid .summary-item.late .summary-icon{color:#92400e;background:#fef3c7}.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid .summary-item.late .summary-value{color:#92400e}.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid .summary-item.absent .summary-icon{color:#991b1b;background:#fee2e2}.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid .summary-item.absent .summary-value{color:#991b1b}.student-attendance-page .attendance-content .summary-section .summary-content .attendance-rate{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.student-attendance-page .attendance-content .summary-section .summary-content .attendance-rate .rate-label{opacity:.9;font-size:14px;font-weight:500}.student-attendance-page .attendance-content .summary-section .summary-content .attendance-rate .rate-value{font-size:32px;font-weight:700}}@media (width<=768px){.student-attendance-page{gap:16px;padding:16px}.student-attendance-page .page-header{padding:16px}.student-attendance-page .page-header .header-content .header-text .header-title{font-size:20px}.student-attendance-page .attendance-content{gap:16px}.student-attendance-page .attendance-content .attendance-section .section-header,.student-attendance-page .attendance-content .summary-section .section-header{padding:12px 16px}.student-attendance-page .attendance-content .attendance-section .section-header h2,.student-attendance-page .attendance-content .summary-section .section-header h2{font-size:16px}.student-attendance-page .table-container{padding:16px}.student-attendance-page .table-container .attendance-table th,.student-attendance-page .table-container .attendance-table td{padding:8px;font-size:12px}.student-attendance-page .summary-section .summary-content{padding:16px}.student-attendance-page .summary-section .summary-content .summary-grid{grid-template-columns:1fr;gap:12px}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item{padding:12px}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-info .summary-value{font-size:16px}.student-attendance-page .summary-section .summary-content .attendance-rate{padding:16px}.student-attendance-page .summary-section .summary-content .attendance-rate .rate-value{font-size:24px}}.student-assignments-page{flex-direction:column;gap:24px;min-height:100vh;display:flex}.student-assignments-page .assignments-content{flex-direction:column;gap:24px;display:flex}.student-assignments-page .assignments-content .tab-section .tab-navigation{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;gap:12px;padding:8px;display:flex}.student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn svg{width:16px;height:16px}.student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn:hover{color:#374151;background:#e5e7eb}.student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn.active{color:#fff;background:#8b5cf6}.student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn.active:hover{background:#7c3aed}.student-assignments-page .assignments-content .assignments-list-section,.student-assignments-page .assignments-content .graded-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.student-assignments-page .assignments-content .assignments-list-section .section-header,.student-assignments-page .assignments-content .graded-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.student-assignments-page .assignments-content .assignments-list-section .section-header h2,.student-assignments-page .assignments-content .graded-section .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.student-assignments-page .assignments-list,.student-assignments-page .graded-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;padding:24px;display:grid}.student-assignments-page .assignments-list .assignment-card,.student-assignments-page .assignments-list .grading-card,.student-assignments-page .graded-list .assignment-card,.student-assignments-page .graded-list .grading-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s;position:relative;overflow:hidden}.student-assignments-page .assignments-list .assignment-card:hover,.student-assignments-page .assignments-list .grading-card:hover,.student-assignments-page .graded-list .assignment-card:hover,.student-assignments-page .graded-list .grading-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.student-assignments-page .assignments-list .assignment-card .card-header,.student-assignments-page .assignments-list .grading-card .card-header,.student-assignments-page .graded-list .assignment-card .card-header,.student-assignments-page .graded-list .grading-card .card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.student-assignments-page .assignments-list .assignment-card .card-header .assignment-title,.student-assignments-page .assignments-list .assignment-card .card-header .grading-title,.student-assignments-page .assignments-list .grading-card .card-header .assignment-title,.student-assignments-page .assignments-list .grading-card .card-header .grading-title,.student-assignments-page .graded-list .assignment-card .card-header .assignment-title,.student-assignments-page .graded-list .assignment-card .card-header .grading-title,.student-assignments-page .graded-list .grading-card .card-header .assignment-title,.student-assignments-page .graded-list .grading-card .card-header .grading-title{color:#1f2937;flex:1;margin:0;font-size:18px;font-weight:600;line-height:1.4}.student-assignments-page .assignments-list .assignment-card .card-header .status-badge,.student-assignments-page .assignments-list .grading-card .card-header .status-badge,.student-assignments-page .graded-list .assignment-card .card-header .status-badge,.student-assignments-page .graded-list .grading-card .card-header .status-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:600}.student-assignments-page .assignments-list .assignment-card .card-header .status-badge.submitted,.student-assignments-page .assignments-list .grading-card .card-header .status-badge.submitted,.student-assignments-page .graded-list .assignment-card .card-header .status-badge.submitted,.student-assignments-page .graded-list .grading-card .card-header .status-badge.submitted{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.student-assignments-page .assignments-list .assignment-card .card-header .status-badge.not-submitted,.student-assignments-page .assignments-list .grading-card .card-header .status-badge.not-submitted,.student-assignments-page .graded-list .assignment-card .card-header .status-badge.not-submitted,.student-assignments-page .graded-list .grading-card .card-header .status-badge.not-submitted{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.student-assignments-page .assignments-list .assignment-card .card-header .status-badge.graded,.student-assignments-page .assignments-list .grading-card .card-header .status-badge.graded,.student-assignments-page .graded-list .assignment-card .card-header .status-badge.graded,.student-assignments-page .graded-list .grading-card .card-header .status-badge.graded{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.student-assignments-page .assignments-list .assignment-card .card-content .assignment-description,.student-assignments-page .assignments-list .assignment-card .card-content .grading-meta,.student-assignments-page .assignments-list .grading-card .card-content .assignment-description,.student-assignments-page .assignments-list .grading-card .card-content .grading-meta,.student-assignments-page .graded-list .assignment-card .card-content .assignment-description,.student-assignments-page .graded-list .assignment-card .card-content .grading-meta,.student-assignments-page .graded-list .grading-card .card-content .assignment-description,.student-assignments-page .graded-list .grading-card .card-content .grading-meta{margin-bottom:16px}.student-assignments-page .assignments-list .assignment-card .card-content .assignment-description p,.student-assignments-page .assignments-list .assignment-card .card-content .grading-meta p,.student-assignments-page .assignments-list .grading-card .card-content .assignment-description p,.student-assignments-page .assignments-list .grading-card .card-content .grading-meta p,.student-assignments-page .graded-list .assignment-card .card-content .assignment-description p,.student-assignments-page .graded-list .assignment-card .card-content .grading-meta p,.student-assignments-page .graded-list .grading-card .card-content .assignment-description p,.student-assignments-page .graded-list .grading-card .card-content .grading-meta p{color:#4b5563;margin:0;font-size:14px;line-height:1.5}.student-assignments-page .assignments-list .assignment-card .card-content .assignment-description .meta-item,.student-assignments-page .assignments-list .assignment-card .card-content .grading-meta .meta-item,.student-assignments-page .assignments-list .grading-card .card-content .assignment-description .meta-item,.student-assignments-page .assignments-list .grading-card .card-content .grading-meta .meta-item,.student-assignments-page .graded-list .assignment-card .card-content .assignment-description .meta-item,.student-assignments-page .graded-list .assignment-card .card-content .grading-meta .meta-item,.student-assignments-page .graded-list .grading-card .card-content .assignment-description .meta-item,.student-assignments-page .graded-list .grading-card .card-content .grading-meta .meta-item{color:#6b7280;align-items:center;gap:8px;font-size:14px;display:flex}.student-assignments-page .assignments-list .assignment-card .card-content .assignment-description .meta-item svg,.student-assignments-page .assignments-list .assignment-card .card-content .grading-meta .meta-item svg,.student-assignments-page .assignments-list .grading-card .card-content .assignment-description .meta-item svg,.student-assignments-page .assignments-list .grading-card .card-content .grading-meta .meta-item svg,.student-assignments-page .graded-list .assignment-card .card-content .assignment-description .meta-item svg,.student-assignments-page .graded-list .assignment-card .card-content .grading-meta .meta-item svg,.student-assignments-page .graded-list .grading-card .card-content .assignment-description .meta-item svg,.student-assignments-page .graded-list .grading-card .card-content .grading-meta .meta-item svg{color:#8b5cf6;width:16px;height:16px}.student-assignments-page .assignments-list .assignment-card .card-content .assignment-description .meta-item .meta-label,.student-assignments-page .assignments-list .assignment-card .card-content .grading-meta .meta-item .meta-label,.student-assignments-page .assignments-list .grading-card .card-content .assignment-description .meta-item .meta-label,.student-assignments-page .assignments-list .grading-card .card-content .grading-meta .meta-item .meta-label,.student-assignments-page .graded-list .assignment-card .card-content .assignment-description .meta-item .meta-label,.student-assignments-page .graded-list .assignment-card .card-content .grading-meta .meta-item .meta-label,.student-assignments-page .graded-list .grading-card .card-content .assignment-description .meta-item .meta-label,.student-assignments-page .graded-list .grading-card .card-content .grading-meta .meta-item .meta-label{font-weight:500}.student-assignments-page .assignments-list .assignment-card .card-content .assignment-description .meta-item .meta-value,.student-assignments-page .assignments-list .assignment-card .card-content .grading-meta .meta-item .meta-value,.student-assignments-page .assignments-list .grading-card .card-content .assignment-description .meta-item .meta-value,.student-assignments-page .assignments-list .grading-card .card-content .grading-meta .meta-item .meta-value,.student-assignments-page .graded-list .assignment-card .card-content .assignment-description .meta-item .meta-value,.student-assignments-page .graded-list .assignment-card .card-content .grading-meta .meta-item .meta-value,.student-assignments-page .graded-list .grading-card .card-content .assignment-description .meta-item .meta-value,.student-assignments-page .graded-list .grading-card .card-content .grading-meta .meta-item .meta-value{color:#374151}.student-assignments-page .assignments-list .assignment-card .card-content .assignment-meta,.student-assignments-page .assignments-list .grading-card .card-content .assignment-meta,.student-assignments-page .graded-list .assignment-card .card-content .assignment-meta,.student-assignments-page .graded-list .grading-card .card-content .assignment-meta{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px}.student-assignments-page .assignments-list .assignment-card .card-content .assignment-meta .meta-item,.student-assignments-page .assignments-list .grading-card .card-content .assignment-meta .meta-item,.student-assignments-page .graded-list .assignment-card .card-content .assignment-meta .meta-item,.student-assignments-page .graded-list .grading-card .card-content .assignment-meta .meta-item{flex-direction:column;gap:4px;display:flex}.student-assignments-page .assignments-list .assignment-card .card-content .assignment-meta .meta-item .meta-label,.student-assignments-page .assignments-list .grading-card .card-content .assignment-meta .meta-item .meta-label,.student-assignments-page .graded-list .assignment-card .card-content .assignment-meta .meta-item .meta-label,.student-assignments-page .graded-list .grading-card .card-content .assignment-meta .meta-item .meta-label{color:#6b7280;font-size:12px;font-weight:500}.student-assignments-page .assignments-list .assignment-card .card-content .assignment-meta .meta-item .meta-value,.student-assignments-page .assignments-list .grading-card .card-content .assignment-meta .meta-item .meta-value,.student-assignments-page .graded-list .assignment-card .card-content .assignment-meta .meta-item .meta-value,.student-assignments-page .graded-list .grading-card .card-content .assignment-meta .meta-item .meta-value{color:#374151;font-size:14px;font-weight:600}.student-assignments-page .assignments-list .assignment-card .card-actions,.student-assignments-page .assignments-list .grading-card .card-actions,.student-assignments-page .graded-list .assignment-card .card-actions,.student-assignments-page .graded-list .grading-card .card-actions{border-top:1px solid #e5e7eb;gap:8px;margin-top:16px;padding-top:16px;display:flex}.student-assignments-page .assignments-list .assignment-card .card-actions .download-btn,.student-assignments-page .assignments-list .grading-card .card-actions .download-btn,.student-assignments-page .graded-list .assignment-card .card-actions .download-btn,.student-assignments-page .graded-list .grading-card .card-actions .download-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.student-assignments-page .assignments-list .assignment-card .card-actions .download-btn:hover,.student-assignments-page .assignments-list .grading-card .card-actions .download-btn:hover,.student-assignments-page .graded-list .assignment-card .card-actions .download-btn:hover,.student-assignments-page .graded-list .grading-card .card-actions .download-btn:hover{background:#7c3aed;transform:translateY(-1px)}.student-assignments-page .assignments-list .assignment-card .card-actions .download-btn svg,.student-assignments-page .assignments-list .grading-card .card-actions .download-btn svg,.student-assignments-page .graded-list .assignment-card .card-actions .download-btn svg,.student-assignments-page .graded-list .grading-card .card-actions .download-btn svg{width:16px;height:16px}.student-assignments-page .submission-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.student-assignments-page .submission-section .submission-form,.student-assignments-page .submission-section .edit-form,.student-assignments-page .submission-section .expired-form{flex-direction:column;gap:16px;display:flex}.student-assignments-page .submission-section .submission-form .form-group,.student-assignments-page .submission-section .edit-form .form-group,.student-assignments-page .submission-section .expired-form .form-group{flex-direction:column;gap:8px;display:flex}.student-assignments-page .submission-section .submission-form .form-group .form-input,.student-assignments-page .submission-section .submission-form .form-group .form-textarea,.student-assignments-page .submission-section .edit-form .form-group .form-input,.student-assignments-page .submission-section .edit-form .form-group .form-textarea,.student-assignments-page .submission-section .expired-form .form-group .form-input,.student-assignments-page .submission-section .expired-form .form-group .form-textarea{border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s}.student-assignments-page .submission-section .submission-form .form-group .form-input:focus,.student-assignments-page .submission-section .submission-form .form-group .form-textarea:focus,.student-assignments-page .submission-section .edit-form .form-group .form-input:focus,.student-assignments-page .submission-section .edit-form .form-group .form-textarea:focus,.student-assignments-page .submission-section .expired-form .form-group .form-input:focus,.student-assignments-page .submission-section .expired-form .form-group .form-textarea:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.student-assignments-page .submission-section .submission-form .form-group .form-input:disabled,.student-assignments-page .submission-section .submission-form .form-group .form-textarea:disabled,.student-assignments-page .submission-section .edit-form .form-group .form-input:disabled,.student-assignments-page .submission-section .edit-form .form-group .form-textarea:disabled,.student-assignments-page .submission-section .expired-form .form-group .form-input:disabled,.student-assignments-page .submission-section .expired-form .form-group .form-textarea:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f9fafb}.student-assignments-page .submission-section .submission-form .form-group .form-textarea,.student-assignments-page .submission-section .edit-form .form-group .form-textarea,.student-assignments-page .submission-section .expired-form .form-group .form-textarea{resize:vertical;min-height:100px}.student-assignments-page .submission-section .submission-form .form-group .existing-attachments,.student-assignments-page .submission-section .edit-form .form-group .existing-attachments,.student-assignments-page .submission-section .expired-form .form-group .existing-attachments{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px}.student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-label,.student-assignments-page .submission-section .edit-form .form-group .existing-attachments .existing-attachments-label,.student-assignments-page .submission-section .expired-form .form-group .existing-attachments .existing-attachments-label{color:#374151;margin:0 0 12px;font-size:13px;font-weight:600}.student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list,.student-assignments-page .submission-section .edit-form .form-group .existing-attachments .existing-attachments-list,.student-assignments-page .submission-section .expired-form .form-group .existing-attachments .existing-attachments-list{flex-direction:column;gap:8px;display:flex}.student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox,.student-assignments-page .submission-section .edit-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox,.student-assignments-page .submission-section .expired-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px;transition:background .2s;display:flex}.student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover,.student-assignments-page .submission-section .edit-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover,.student-assignments-page .submission-section .expired-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover{background:#f3f4f6}.student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox input[type=checkbox],.student-assignments-page .submission-section .edit-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox input[type=checkbox],.student-assignments-page .submission-section .expired-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox input[type=checkbox]{cursor:pointer;accent-color:#3b82f6;width:18px;height:18px}.student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox svg,.student-assignments-page .submission-section .edit-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox svg,.student-assignments-page .submission-section .expired-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox svg{color:#6b7280;flex-shrink:0}.student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name,.student-assignments-page .submission-section .edit-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name,.student-assignments-page .submission-section .expired-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name{color:#374151;word-break:break-all;font-size:13px}.student-assignments-page .submission-section .submission-form .form-group .selected-files,.student-assignments-page .submission-section .edit-form .form-group .selected-files,.student-assignments-page .submission-section .expired-form .form-group .selected-files{flex-direction:column;gap:12px;margin-top:16px;display:flex}.student-assignments-page .submission-section .submission-form .form-group .selected-files .new-files-label,.student-assignments-page .submission-section .edit-form .form-group .selected-files .new-files-label,.student-assignments-page .submission-section .expired-form .form-group .selected-files .new-files-label{color:#374151;margin:0 0 8px;font-size:13px;font-weight:600}.student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file,.student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file,.student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file{background:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info,.student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .file-info,.student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .file-info{flex:1;align-items:center;gap:10px;display:flex}.student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info svg,.student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .file-info svg,.student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .file-info svg{color:#0ea5e9;flex-shrink:0}.student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info .file-name,.student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .file-info .file-name,.student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .file-info .file-name{color:#0c4a6e;word-break:break-all;font-size:13px;font-weight:600}.student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info .file-size,.student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .file-info .file-size,.student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .file-info .file-size{color:#0369a1;font-size:11px;font-weight:500}.student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .remove-file-btn,.student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .remove-file-btn,.student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .remove-file-btn{cursor:pointer;color:#ef4444;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .remove-file-btn:hover,.student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .remove-file-btn:hover,.student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .remove-file-btn:hover{color:#dc2626;transform:scale(1.1)}.student-assignments-page .submission-section .submission-form .form-actions,.student-assignments-page .submission-section .edit-form .form-actions,.student-assignments-page .submission-section .expired-form .form-actions{gap:12px;display:flex}.student-assignments-page .submission-section .submission-form .form-actions .submit-btn,.student-assignments-page .submission-section .submission-form .form-actions .save-btn,.student-assignments-page .submission-section .submission-form .form-actions .cancel-btn,.student-assignments-page .submission-section .submission-form .form-actions .edit-btn,.student-assignments-page .submission-section .edit-form .form-actions .submit-btn,.student-assignments-page .submission-section .edit-form .form-actions .save-btn,.student-assignments-page .submission-section .edit-form .form-actions .cancel-btn,.student-assignments-page .submission-section .edit-form .form-actions .edit-btn,.student-assignments-page .submission-section .expired-form .form-actions .submit-btn,.student-assignments-page .submission-section .expired-form .form-actions .save-btn,.student-assignments-page .submission-section .expired-form .form-actions .cancel-btn,.student-assignments-page .submission-section .expired-form .form-actions .edit-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.student-assignments-page .submission-section .submission-form .form-actions .submit-btn svg,.student-assignments-page .submission-section .submission-form .form-actions .save-btn svg,.student-assignments-page .submission-section .submission-form .form-actions .cancel-btn svg,.student-assignments-page .submission-section .submission-form .form-actions .edit-btn svg,.student-assignments-page .submission-section .edit-form .form-actions .submit-btn svg,.student-assignments-page .submission-section .edit-form .form-actions .save-btn svg,.student-assignments-page .submission-section .edit-form .form-actions .cancel-btn svg,.student-assignments-page .submission-section .edit-form .form-actions .edit-btn svg,.student-assignments-page .submission-section .expired-form .form-actions .submit-btn svg,.student-assignments-page .submission-section .expired-form .form-actions .save-btn svg,.student-assignments-page .submission-section .expired-form .form-actions .cancel-btn svg,.student-assignments-page .submission-section .expired-form .form-actions .edit-btn svg{width:16px;height:16px}.student-assignments-page .submission-section .submission-form .form-actions .submit-btn:disabled,.student-assignments-page .submission-section .submission-form .form-actions .save-btn:disabled,.student-assignments-page .submission-section .submission-form .form-actions .cancel-btn:disabled,.student-assignments-page .submission-section .submission-form .form-actions .edit-btn:disabled,.student-assignments-page .submission-section .edit-form .form-actions .submit-btn:disabled,.student-assignments-page .submission-section .edit-form .form-actions .save-btn:disabled,.student-assignments-page .submission-section .edit-form .form-actions .cancel-btn:disabled,.student-assignments-page .submission-section .edit-form .form-actions .edit-btn:disabled,.student-assignments-page .submission-section .expired-form .form-actions .submit-btn:disabled,.student-assignments-page .submission-section .expired-form .form-actions .save-btn:disabled,.student-assignments-page .submission-section .expired-form .form-actions .cancel-btn:disabled,.student-assignments-page .submission-section .expired-form .form-actions .edit-btn:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.student-assignments-page .submission-section .submission-form .form-actions .submit-btn,.student-assignments-page .submission-section .edit-form .form-actions .submit-btn,.student-assignments-page .submission-section .expired-form .form-actions .submit-btn{color:#fff;background:#8b5cf6}.student-assignments-page .submission-section .submission-form .form-actions .submit-btn:hover:not(:disabled),.student-assignments-page .submission-section .edit-form .form-actions .submit-btn:hover:not(:disabled),.student-assignments-page .submission-section .expired-form .form-actions .submit-btn:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.student-assignments-page .submission-section .submission-form .form-actions .save-btn,.student-assignments-page .submission-section .edit-form .form-actions .save-btn,.student-assignments-page .submission-section .expired-form .form-actions .save-btn{color:#fff;background:#3b82f6}.student-assignments-page .submission-section .submission-form .form-actions .save-btn:hover,.student-assignments-page .submission-section .edit-form .form-actions .save-btn:hover,.student-assignments-page .submission-section .expired-form .form-actions .save-btn:hover{background:#2563eb;transform:translateY(-1px)}.student-assignments-page .submission-section .submission-form .form-actions .cancel-btn,.student-assignments-page .submission-section .edit-form .form-actions .cancel-btn,.student-assignments-page .submission-section .expired-form .form-actions .cancel-btn{color:#fff;background:#6b7280}.student-assignments-page .submission-section .submission-form .form-actions .cancel-btn:hover,.student-assignments-page .submission-section .edit-form .form-actions .cancel-btn:hover,.student-assignments-page .submission-section .expired-form .form-actions .cancel-btn:hover{background:#4b5563;transform:translateY(-1px)}.student-assignments-page .submission-section .submission-form .form-actions .edit-btn,.student-assignments-page .submission-section .edit-form .form-actions .edit-btn,.student-assignments-page .submission-section .expired-form .form-actions .edit-btn{color:#fff;background:#f59e0b}.student-assignments-page .submission-section .submission-form .form-actions .edit-btn:hover,.student-assignments-page .submission-section .edit-form .form-actions .edit-btn:hover,.student-assignments-page .submission-section .expired-form .form-actions .edit-btn:hover{background:#d97706;transform:translateY(-1px)}.student-assignments-page .submission-section .expired-warning{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.student-assignments-page .submission-section .expired-warning svg{width:16px;height:16px}.student-assignments-page .submission-section .submitted-content{flex-direction:column;gap:16px;display:flex}.student-assignments-page .submission-section .submitted-content .submission-file .download-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.student-assignments-page .submission-section .submitted-content .submission-file .download-btn:hover{background:#059669;transform:translateY(-1px)}.student-assignments-page .submission-section .submitted-content .submission-file .download-btn svg{width:16px;height:16px}.student-assignments-page .submission-section .submitted-content .submitted-answer{color:#0c4a6e;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;align-items:flex-start;gap:8px;padding:12px 16px;font-size:14px;display:flex}.student-assignments-page .submission-section .submitted-content .submitted-answer svg{flex-shrink:0;width:16px;height:16px;margin-top:2px}.student-assignments-page .grading-results{margin-bottom:16px}.student-assignments-page .grading-results .result-item{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.student-assignments-page .grading-results .result-item .result-label{color:#92400e;font-size:14px;font-weight:500}.student-assignments-page .grading-results .result-item .result-value{color:#92400e;font-size:16px;font-weight:700}.student-assignments-page .feedback-section .feedback-label{color:#6b7280;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.student-assignments-page .feedback-section .feedback-text{color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin:0;padding:12px 16px;font-size:14px;line-height:1.5}.student-assignments-page .empty-state{text-align:center;color:#9ca3af;grid-column:1/-1;padding:40px 20px;font-size:16px;font-style:italic}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .student-assignments-page .assignments-content .tab-section .tab-navigation{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn{color:#a0aec0}html:not([data-theme=light]) .student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn:hover{color:#e2e8f0;background:#374151}html:not([data-theme=light]) .student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn.active{background:#a78bfa}html:not([data-theme=light]) .student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn.active:hover{background:#8b5cf6}html:not([data-theme=light]) .student-assignments-page .assignments-content .assignments-list-section,html:not([data-theme=light]) .student-assignments-page .assignments-content .graded-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-assignments-page .assignments-content .assignments-list-section .section-header,html:not([data-theme=light]) .student-assignments-page .assignments-content .graded-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .student-assignments-page .assignments-content .assignments-list-section .section-header h2,html:not([data-theme=light]) .student-assignments-page .assignments-content .graded-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card:hover,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card:hover,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card:hover,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card:hover{box-shadow:0 8px 25px #0000004d}html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-header .assignment-title,html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-header .grading-title,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-header .assignment-title,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-header .grading-title,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-header .assignment-title,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-header .grading-title,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-header .assignment-title,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-header .grading-title{color:#f1f5f9}html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-header .status-badge.submitted,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-header .status-badge.submitted,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-header .status-badge.submitted,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-header .status-badge.submitted{color:#10b981;background:#1f2937;border-color:#374151}html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-header .status-badge.not-submitted,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-header .status-badge.not-submitted,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-header .status-badge.not-submitted,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-header .status-badge.not-submitted{color:#ef4444;background:#1f2937;border-color:#374151}html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-header .status-badge.graded,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-header .status-badge.graded,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-header .status-badge.graded,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-header .status-badge.graded{color:#f59e0b;background:#1f2937;border-color:#374151}html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-content .assignment-description p,html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-content .grading-meta p,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-content .assignment-description p,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-content .grading-meta p,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-content .assignment-description p,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-content .grading-meta p,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-content .assignment-description p,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-content .grading-meta p{color:#cbd5e0}html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-content .assignment-description .meta-item,html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-content .grading-meta .meta-item,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-content .assignment-description .meta-item,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-content .grading-meta .meta-item,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-content .assignment-description .meta-item,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-content .grading-meta .meta-item,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-content .assignment-description .meta-item,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-content .grading-meta .meta-item{color:#a0aec0}html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-content .assignment-description .meta-item svg,html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-content .grading-meta .meta-item svg,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-content .assignment-description .meta-item svg,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-content .grading-meta .meta-item svg,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-content .assignment-description .meta-item svg,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-content .grading-meta .meta-item svg,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-content .assignment-description .meta-item svg,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-content .grading-meta .meta-item svg{color:#a78bfa}html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-content .assignment-description .meta-item .meta-value,html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-content .grading-meta .meta-item .meta-value,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-content .assignment-description .meta-item .meta-value,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-content .grading-meta .meta-item .meta-value,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-content .assignment-description .meta-item .meta-value,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-content .grading-meta .meta-item .meta-value,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-content .assignment-description .meta-item .meta-value,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-content .grading-meta .meta-item .meta-value{color:#e2e8f0}html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-content .assignment-meta,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-content .assignment-meta,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-content .assignment-meta,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-content .assignment-meta{background:#374151;border-color:#4a5568}html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-content .assignment-meta .meta-item .meta-label,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-content .assignment-meta .meta-item .meta-label,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-content .assignment-meta .meta-item .meta-label,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-content .assignment-meta .meta-item .meta-label{color:#a0aec0}html:not([data-theme=light]) .student-assignments-page .assignments-list .assignment-card .card-content .assignment-meta .meta-item .meta-value,html:not([data-theme=light]) .student-assignments-page .assignments-list .grading-card .card-content .assignment-meta .meta-item .meta-value,html:not([data-theme=light]) .student-assignments-page .graded-list .assignment-card .card-content .assignment-meta .meta-item .meta-value,html:not([data-theme=light]) .student-assignments-page .graded-list .grading-card .card-content .assignment-meta .meta-item .meta-value{color:#e2e8f0}html:not([data-theme=light]) .student-assignments-page .submission-section{border-top-color:#4a5568}html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .form-input,html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .form-textarea,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .form-input,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .form-textarea,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .form-input,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .form-textarea{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .form-input:focus,html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .form-textarea:focus,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .form-input:focus,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .form-textarea:focus,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .form-input:focus,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .form-textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a}html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .form-input:disabled,html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .form-textarea:disabled,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .form-input:disabled,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .form-textarea:disabled,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .form-input:disabled,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .form-textarea:disabled{color:#718096;background-color:#2d3748}html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .existing-attachments,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .existing-attachments,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .existing-attachments{background:#374151;border-color:#4b5563}html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-label,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .existing-attachments .existing-attachments-label,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .existing-attachments .existing-attachments-label{color:#e2e8f0}html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover{background:#4b5563}html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox svg,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox svg,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox svg{color:#9ca3af}html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name,html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .selected-files .new-files-label,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .selected-files .new-files-label,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .selected-files .new-files-label{color:#e2e8f0}html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file{background:#1e3a8a;border-color:#3730a3}html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info svg,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .file-info svg,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .file-info svg{color:#60a5fa}html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info .file-name,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .file-info .file-name,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .file-info .file-name{color:#bfdbfe}html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info .file-size,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .file-info .file-size,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .file-info .file-size{color:#93c5fd}html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .remove-file-btn,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .remove-file-btn,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .remove-file-btn{color:#fca5a5}html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .remove-file-btn:hover,html:not([data-theme=light]) .student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .remove-file-btn:hover,html:not([data-theme=light]) .student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .remove-file-btn:hover{color:#f87171}html:not([data-theme=light]) .student-assignments-page .submission-section .expired-warning{color:#fca5a5;background:#1f2937;border-color:#374151}html:not([data-theme=light]) .student-assignments-page .submission-section .submitted-content .submitted-answer{color:#bfdbfe;background:#1e3a8a;border-color:#3730a3}html:not([data-theme=light]) .student-assignments-page .grading-results .result-item{background:#1f2937;border-color:#374151}html:not([data-theme=light]) .student-assignments-page .grading-results .result-item .result-label,html:not([data-theme=light]) .student-assignments-page .grading-results .result-item .result-value{color:#f59e0b}html:not([data-theme=light]) .student-assignments-page .feedback-section .feedback-label{color:#a0aec0}html:not([data-theme=light]) .student-assignments-page .feedback-section .feedback-text{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .student-assignments-page .empty-state{color:#718096}}html[data-theme=dark] .student-assignments-page .assignments-content .tab-section .tab-navigation{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn{color:#a0aec0}html[data-theme=dark] .student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn:hover{color:#e2e8f0;background:#374151}html[data-theme=dark] .student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn.active{background:#a78bfa}html[data-theme=dark] .student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn.active:hover{background:#8b5cf6}html[data-theme=dark] .student-assignments-page .assignments-content .assignments-list-section,html[data-theme=dark] .student-assignments-page .assignments-content .graded-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-assignments-page .assignments-content .assignments-list-section .section-header,html[data-theme=dark] .student-assignments-page .assignments-content .graded-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .student-assignments-page .assignments-content .assignments-list-section .section-header h2,html[data-theme=dark] .student-assignments-page .assignments-content .graded-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card,html[data-theme=dark] .student-assignments-page .graded-list .grading-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card:hover,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card:hover,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card:hover,html[data-theme=dark] .student-assignments-page .graded-list .grading-card:hover{box-shadow:0 8px 25px #0000004d}html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-header .assignment-title,html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-header .grading-title,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-header .assignment-title,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-header .grading-title,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-header .assignment-title,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-header .grading-title,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-header .assignment-title,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-header .grading-title{color:#f1f5f9}html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-header .status-badge.submitted,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-header .status-badge.submitted,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-header .status-badge.submitted,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-header .status-badge.submitted{color:#10b981;background:#1f2937;border-color:#374151}html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-header .status-badge.not-submitted,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-header .status-badge.not-submitted,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-header .status-badge.not-submitted,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-header .status-badge.not-submitted{color:#ef4444;background:#1f2937;border-color:#374151}html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-header .status-badge.graded,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-header .status-badge.graded,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-header .status-badge.graded,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-header .status-badge.graded{color:#f59e0b;background:#1f2937;border-color:#374151}html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-content .assignment-description p,html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-content .grading-meta p,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-content .assignment-description p,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-content .grading-meta p,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-content .assignment-description p,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-content .grading-meta p,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-content .assignment-description p,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-content .grading-meta p{color:#cbd5e0}html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-content .assignment-description .meta-item,html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-content .grading-meta .meta-item,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-content .assignment-description .meta-item,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-content .grading-meta .meta-item,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-content .assignment-description .meta-item,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-content .grading-meta .meta-item,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-content .assignment-description .meta-item,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-content .grading-meta .meta-item{color:#a0aec0}html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-content .assignment-description .meta-item svg,html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-content .grading-meta .meta-item svg,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-content .assignment-description .meta-item svg,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-content .grading-meta .meta-item svg,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-content .assignment-description .meta-item svg,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-content .grading-meta .meta-item svg,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-content .assignment-description .meta-item svg,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-content .grading-meta .meta-item svg{color:#a78bfa}html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-content .assignment-description .meta-item .meta-value,html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-content .grading-meta .meta-item .meta-value,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-content .assignment-description .meta-item .meta-value,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-content .grading-meta .meta-item .meta-value,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-content .assignment-description .meta-item .meta-value,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-content .grading-meta .meta-item .meta-value,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-content .assignment-description .meta-item .meta-value,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-content .grading-meta .meta-item .meta-value{color:#e2e8f0}html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-content .assignment-meta,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-content .assignment-meta,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-content .assignment-meta,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-content .assignment-meta{background:#374151;border-color:#4a5568}html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-content .assignment-meta .meta-item .meta-label,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-content .assignment-meta .meta-item .meta-label,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-content .assignment-meta .meta-item .meta-label,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-content .assignment-meta .meta-item .meta-label{color:#a0aec0}html[data-theme=dark] .student-assignments-page .assignments-list .assignment-card .card-content .assignment-meta .meta-item .meta-value,html[data-theme=dark] .student-assignments-page .assignments-list .grading-card .card-content .assignment-meta .meta-item .meta-value,html[data-theme=dark] .student-assignments-page .graded-list .assignment-card .card-content .assignment-meta .meta-item .meta-value,html[data-theme=dark] .student-assignments-page .graded-list .grading-card .card-content .assignment-meta .meta-item .meta-value{color:#e2e8f0}html[data-theme=dark] .student-assignments-page .submission-section{border-top-color:#4a5568}html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .form-input,html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .form-textarea,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .form-input,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .form-textarea,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .form-input,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .form-textarea{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .form-input:focus,html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .form-textarea:focus,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .form-input:focus,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .form-textarea:focus,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .form-input:focus,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .form-textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a}html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .form-input:disabled,html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .form-textarea:disabled,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .form-input:disabled,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .form-textarea:disabled,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .form-input:disabled,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .form-textarea:disabled{color:#718096;background-color:#2d3748}html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .existing-attachments,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .existing-attachments,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .existing-attachments{background:#374151;border-color:#4b5563}html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-label,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .existing-attachments .existing-attachments-label,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .existing-attachments .existing-attachments-label{color:#e2e8f0}html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover{background:#4b5563}html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox svg,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox svg,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox svg{color:#9ca3af}html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name,html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .selected-files .new-files-label,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .selected-files .new-files-label,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .selected-files .new-files-label{color:#e2e8f0}html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file{background:#1e3a8a;border-color:#3730a3}html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info svg,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .file-info svg,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .file-info svg{color:#60a5fa}html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info .file-name,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .file-info .file-name,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .file-info .file-name{color:#bfdbfe}html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info .file-size,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .file-info .file-size,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .file-info .file-size{color:#93c5fd}html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .remove-file-btn,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .remove-file-btn,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .remove-file-btn{color:#fca5a5}html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .remove-file-btn:hover,html[data-theme=dark] .student-assignments-page .submission-section .edit-form .form-group .selected-files .selected-file .remove-file-btn:hover,html[data-theme=dark] .student-assignments-page .submission-section .expired-form .form-group .selected-files .selected-file .remove-file-btn:hover{color:#f87171}html[data-theme=dark] .student-assignments-page .submission-section .expired-warning{color:#fca5a5;background:#1f2937;border-color:#374151}html[data-theme=dark] .student-assignments-page .submission-section .submitted-content .submitted-answer{color:#bfdbfe;background:#1e3a8a;border-color:#3730a3}html[data-theme=dark] .student-assignments-page .grading-results .result-item{background:#1f2937;border-color:#374151}html[data-theme=dark] .student-assignments-page .grading-results .result-item .result-label,html[data-theme=dark] .student-assignments-page .grading-results .result-item .result-value{color:#f59e0b}html[data-theme=dark] .student-assignments-page .feedback-section .feedback-label{color:#a0aec0}html[data-theme=dark] .student-assignments-page .feedback-section .feedback-text{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .student-assignments-page .empty-state{color:#718096}@media (width<=768px){.student-assignments-page{gap:16px;padding:16px}.student-assignments-page .page-header{padding:16px}.student-assignments-page .page-header .header-content .header-text .header-title{font-size:20px}.student-assignments-page .assignments-content{gap:16px}.student-assignments-page .assignments-content .tab-section .tab-navigation{flex-wrap:wrap;gap:8px}.student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn{flex:1;min-width:120px;padding:10px 16px;font-size:13px}.student-assignments-page .assignments-content .assignments-list-section .section-header,.student-assignments-page .assignments-content .graded-section .section-header{padding:12px 16px}.student-assignments-page .assignments-content .assignments-list-section .section-header h2,.student-assignments-page .assignments-content .graded-section .section-header h2{font-size:16px}.student-assignments-page .assignments-list,.student-assignments-page .graded-list{grid-template-columns:1fr;gap:16px;padding:16px}.student-assignments-page .assignments-list .assignment-card,.student-assignments-page .assignments-list .grading-card,.student-assignments-page .graded-list .assignment-card,.student-assignments-page .graded-list .grading-card{padding:16px}.student-assignments-page .assignments-list .assignment-card .card-header,.student-assignments-page .assignments-list .grading-card .card-header,.student-assignments-page .graded-list .assignment-card .card-header,.student-assignments-page .graded-list .grading-card .card-header{flex-direction:column;align-items:flex-start;gap:8px}.student-assignments-page .assignments-list .assignment-card .card-header .assignment-title,.student-assignments-page .assignments-list .assignment-card .card-header .grading-title,.student-assignments-page .assignments-list .grading-card .card-header .assignment-title,.student-assignments-page .assignments-list .grading-card .card-header .grading-title,.student-assignments-page .graded-list .assignment-card .card-header .assignment-title,.student-assignments-page .graded-list .assignment-card .card-header .grading-title,.student-assignments-page .graded-list .grading-card .card-header .assignment-title,.student-assignments-page .graded-list .grading-card .card-header .grading-title{font-size:16px}.student-assignments-page .submission-section .submission-form .form-actions,.student-assignments-page .submission-section .edit-form .form-actions,.student-assignments-page .submission-section .expired-form .form-actions{flex-direction:column}.student-assignments-page .submission-section .submission-form .form-actions .submit-btn,.student-assignments-page .submission-section .submission-form .form-actions .save-btn,.student-assignments-page .submission-section .submission-form .form-actions .cancel-btn,.student-assignments-page .submission-section .submission-form .form-actions .edit-btn,.student-assignments-page .submission-section .edit-form .form-actions .submit-btn,.student-assignments-page .submission-section .edit-form .form-actions .save-btn,.student-assignments-page .submission-section .edit-form .form-actions .cancel-btn,.student-assignments-page .submission-section .edit-form .form-actions .edit-btn,.student-assignments-page .submission-section .expired-form .form-actions .submit-btn,.student-assignments-page .submission-section .expired-form .form-actions .save-btn,.student-assignments-page .submission-section .expired-form .form-actions .cancel-btn,.student-assignments-page .submission-section .expired-form .form-actions .edit-btn{justify-content:center;width:100%}}.student-notices-page{flex-direction:column;gap:24px;min-height:100vh;display:flex}.student-notices-page .notices-content{flex-direction:column;gap:24px;display:flex}.student-notices-page .notices-content .notices-header .sort-section{justify-content:flex-end;display:flex}.student-notices-page .notices-content .notices-header .sort-section .sort-container .sort-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.student-notices-page .notices-content .notices-header .sort-section .sort-container .sort-btn svg{width:16px;height:16px}.student-notices-page .notices-content .notices-header .sort-section .sort-container .sort-btn:hover{background:#7c3aed;transform:translateY(-1px)}.student-notices-page .notices-content .notices-list-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.student-notices-page .notices-content .notices-list-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.student-notices-page .notices-content .notices-list-section .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.student-notices-page .notices-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;padding:24px;display:grid}.student-notices-page .notices-list .notice-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s;position:relative;overflow:hidden}.student-notices-page .notices-list .notice-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.student-notices-page .notices-list .notice-card .card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.student-notices-page .notices-list .notice-card .card-header .notice-title{color:#1f2937;flex:1;margin:0;font-size:18px;font-weight:600;line-height:1.4}.student-notices-page .notices-list .notice-card .card-header .status-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:600}.student-notices-page .notices-list .notice-card .card-header .status-badge.published{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.student-notices-page .notices-list .notice-card .card-content .notice-description{margin-bottom:16px}.student-notices-page .notices-list .notice-card .card-content .notice-description .description-text{color:#4b5563;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.student-notices-page .notices-list .notice-card .card-content .notice-meta{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.student-notices-page .notices-list .notice-card .card-content .notice-meta .meta-item{color:#6b7280;align-items:center;gap:8px;font-size:14px;display:flex}.student-notices-page .notices-list .notice-card .card-content .notice-meta .meta-item svg{color:#8b5cf6;width:16px;height:16px}.student-notices-page .notices-list .notice-card .card-content .notice-meta .meta-item .meta-label{font-weight:500}.student-notices-page .notices-list .notice-card .card-content .notice-meta .meta-item .meta-value{color:#374151;font-weight:600}.student-notices-page .notices-list .notice-card .card-actions{border-top:1px solid #e5e7eb;gap:8px;margin-top:16px;padding-top:16px;display:flex}.student-notices-page .notices-list .notice-card .card-actions .detail-btn,.student-notices-page .notices-list .notice-card .card-actions .download-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.student-notices-page .notices-list .notice-card .card-actions .detail-btn svg,.student-notices-page .notices-list .notice-card .card-actions .download-btn svg{width:16px;height:16px}.student-notices-page .notices-list .notice-card .card-actions .detail-btn{color:#fff;background:#6b7280}.student-notices-page .notices-list .notice-card .card-actions .detail-btn:hover{background:#4b5563;transform:translateY(-1px)}.student-notices-page .notices-list .notice-card .card-actions .download-btn{color:#fff;background:#10b981}.student-notices-page .notices-list .notice-card .card-actions .download-btn:hover{background:#059669;transform:translateY(-1px)}.student-notices-page .empty-state{text-align:center;color:#9ca3af;grid-column:1/-1;padding:40px 20px;font-size:16px;font-style:italic}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .student-notices-page .notices-content .notices-header .sort-section .sort-container .sort-btn{background:#a78bfa}html:not([data-theme=light]) .student-notices-page .notices-content .notices-header .sort-section .sort-container .sort-btn:hover{background:#8b5cf6}html:not([data-theme=light]) .student-notices-page .notices-content .notices-list-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-notices-page .notices-content .notices-list-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .student-notices-page .notices-content .notices-list-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .student-notices-page .notices-list .notice-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-notices-page .notices-list .notice-card:hover{box-shadow:0 8px 25px #0000004d}html:not([data-theme=light]) .student-notices-page .notices-list .notice-card .card-header .notice-title{color:#f1f5f9}html:not([data-theme=light]) .student-notices-page .notices-list .notice-card .card-header .status-badge.published{color:#10b981;background:#1f2937;border-color:#374151}html:not([data-theme=light]) .student-notices-page .notices-list .notice-card .card-content .notice-description .description-text{color:#cbd5e0}html:not([data-theme=light]) .student-notices-page .notices-list .notice-card .card-content .notice-meta{background:#374151;border-color:#4a5568}html:not([data-theme=light]) .student-notices-page .notices-list .notice-card .card-content .notice-meta .meta-item{color:#a0aec0}html:not([data-theme=light]) .student-notices-page .notices-list .notice-card .card-content .notice-meta .meta-item svg{color:#a78bfa}html:not([data-theme=light]) .student-notices-page .notices-list .notice-card .card-content .notice-meta .meta-item .meta-value{color:#e2e8f0}html:not([data-theme=light]) .student-notices-page .notices-list .notice-card .card-actions{border-top-color:#4a5568}html:not([data-theme=light]) .student-notices-page .notices-list .notice-card .card-actions .detail-btn{background:#4b5563}html:not([data-theme=light]) .student-notices-page .notices-list .notice-card .card-actions .detail-btn:hover{background:#374151}html:not([data-theme=light]) .student-notices-page .notices-list .notice-card .card-actions .download-btn{background:#059669}html:not([data-theme=light]) .student-notices-page .notices-list .notice-card .card-actions .download-btn:hover{background:#047857}html:not([data-theme=light]) .student-notices-page .empty-state{color:#718096}}html[data-theme=dark] .student-notices-page .notices-content .notices-header .sort-section .sort-container .sort-btn{background:#a78bfa}html[data-theme=dark] .student-notices-page .notices-content .notices-header .sort-section .sort-container .sort-btn:hover{background:#8b5cf6}html[data-theme=dark] .student-notices-page .notices-content .notices-list-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-notices-page .notices-content .notices-list-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .student-notices-page .notices-content .notices-list-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .student-notices-page .notices-list .notice-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-notices-page .notices-list .notice-card:hover{box-shadow:0 8px 25px #0000004d}html[data-theme=dark] .student-notices-page .notices-list .notice-card .card-header .notice-title{color:#f1f5f9}html[data-theme=dark] .student-notices-page .notices-list .notice-card .card-header .status-badge.published{color:#10b981;background:#1f2937;border-color:#374151}html[data-theme=dark] .student-notices-page .notices-list .notice-card .card-content .notice-description .description-text{color:#cbd5e0}html[data-theme=dark] .student-notices-page .notices-list .notice-card .card-content .notice-meta{background:#374151;border-color:#4a5568}html[data-theme=dark] .student-notices-page .notices-list .notice-card .card-content .notice-meta .meta-item{color:#a0aec0}html[data-theme=dark] .student-notices-page .notices-list .notice-card .card-content .notice-meta .meta-item svg{color:#a78bfa}html[data-theme=dark] .student-notices-page .notices-list .notice-card .card-content .notice-meta .meta-item .meta-value{color:#e2e8f0}html[data-theme=dark] .student-notices-page .notices-list .notice-card .card-actions{border-top-color:#4a5568}html[data-theme=dark] .student-notices-page .notices-list .notice-card .card-actions .detail-btn{background:#4b5563}html[data-theme=dark] .student-notices-page .notices-list .notice-card .card-actions .detail-btn:hover{background:#374151}html[data-theme=dark] .student-notices-page .notices-list .notice-card .card-actions .download-btn{background:#059669}html[data-theme=dark] .student-notices-page .notices-list .notice-card .card-actions .download-btn:hover{background:#047857}html[data-theme=dark] .student-notices-page .empty-state{color:#718096}@media (width<=768px){.student-notices-page{gap:16px;padding:16px}.student-notices-page .page-header{padding:16px}.student-notices-page .page-header .header-content .header-text .header-title{font-size:20px}.student-notices-page .notices-content{gap:16px}.student-notices-page .notices-content .notices-header .sort-section .sort-container .sort-btn{padding:10px 16px;font-size:13px}.student-notices-page .notices-content .notices-list-section .section-header{padding:12px 16px}.student-notices-page .notices-content .notices-list-section .section-header h2{font-size:16px}.student-notices-page .notices-list{grid-template-columns:1fr;gap:16px;padding:16px}.student-notices-page .notices-list .notice-card{padding:16px}.student-notices-page .notices-list .notice-card .card-header{flex-direction:column;align-items:flex-start;gap:8px}.student-notices-page .notices-list .notice-card .card-header .notice-title{font-size:16px}.student-notices-page .notices-list .notice-card .card-actions{flex-direction:column}.student-notices-page .notices-list .notice-card .card-actions .detail-btn,.student-notices-page .notices-list .notice-card .card-actions .download-btn{justify-content:center;width:100%}}.student-materials-page{flex-direction:column;gap:24px;min-height:100vh;display:flex}.student-materials-page .materials-content{flex-direction:column;gap:24px;display:flex}.student-materials-page .materials-content .materials-header .sort-section{justify-content:flex-end;display:flex}.student-materials-page .materials-content .materials-header .sort-section .sort-container .sort-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.student-materials-page .materials-content .materials-header .sort-section .sort-container .sort-btn svg{width:16px;height:16px}.student-materials-page .materials-content .materials-header .sort-section .sort-container .sort-btn:hover{background:#7c3aed;transform:translateY(-1px)}.student-materials-page .materials-content .materials-list-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.student-materials-page .materials-content .materials-list-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.student-materials-page .materials-content .materials-list-section .section-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.student-materials-page .materials-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;padding:24px;display:grid}.student-materials-page .materials-list .material-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s;position:relative;overflow:hidden}.student-materials-page .materials-list .material-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.student-materials-page .materials-list .material-card .card-header{margin-bottom:16px}.student-materials-page .materials-list .material-card .card-header .material-title{color:#1f2937;margin:0;font-size:18px;font-weight:600;line-height:1.4}.student-materials-page .materials-list .material-card .card-content .material-description{margin-bottom:16px}.student-materials-page .materials-list .material-card .card-content .material-description .description-text{color:#4b5563;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.student-materials-page .materials-list .material-card .card-content .material-meta{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item{color:#6b7280;align-items:center;gap:8px;font-size:14px;display:flex}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item svg{color:#8b5cf6;flex-shrink:0;width:16px;height:16px}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item .meta-label{min-width:80px;font-weight:500}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item .meta-value{color:#374151;flex:1;font-weight:600}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item .meta-value.file-name{word-break:break-all;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:13px}.student-materials-page .materials-list .material-card .card-actions{border-top:1px solid #e5e7eb;gap:8px;margin-top:16px;padding-top:16px;display:flex}.student-materials-page .materials-list .material-card .card-actions .detail-btn,.student-materials-page .materials-list .material-card .card-actions .download-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.student-materials-page .materials-list .material-card .card-actions .detail-btn svg,.student-materials-page .materials-list .material-card .card-actions .download-btn svg{width:16px;height:16px}.student-materials-page .materials-list .material-card .card-actions .detail-btn{color:#fff;background:#6b7280}.student-materials-page .materials-list .material-card .card-actions .detail-btn:hover{background:#4b5563;transform:translateY(-1px)}.student-materials-page .materials-list .material-card .card-actions .download-btn{color:#fff;background:#10b981}.student-materials-page .materials-list .material-card .card-actions .download-btn:hover{background:#059669;transform:translateY(-1px)}.student-materials-page .empty-state{text-align:center;color:#9ca3af;grid-column:1/-1;padding:40px 20px;font-size:16px;font-style:italic}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .student-materials-page .materials-content .materials-header .sort-section .sort-container .sort-btn{background:#a78bfa}html:not([data-theme=light]) .student-materials-page .materials-content .materials-header .sort-section .sort-container .sort-btn:hover{background:#8b5cf6}html:not([data-theme=light]) .student-materials-page .materials-content .materials-list-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-materials-page .materials-content .materials-list-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .student-materials-page .materials-content .materials-list-section .section-header h2{color:#f1f5f9}html:not([data-theme=light]) .student-materials-page .materials-list .material-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-materials-page .materials-list .material-card:hover{box-shadow:0 8px 25px #0000004d}html:not([data-theme=light]) .student-materials-page .materials-list .material-card .card-header .material-title{color:#f1f5f9}html:not([data-theme=light]) .student-materials-page .materials-list .material-card .card-content .material-description .description-text{color:#cbd5e0}html:not([data-theme=light]) .student-materials-page .materials-list .material-card .card-content .material-meta{background:#374151;border-color:#4a5568}html:not([data-theme=light]) .student-materials-page .materials-list .material-card .card-content .material-meta .meta-item{color:#a0aec0}html:not([data-theme=light]) .student-materials-page .materials-list .material-card .card-content .material-meta .meta-item svg{color:#a78bfa}html:not([data-theme=light]) .student-materials-page .materials-list .material-card .card-content .material-meta .meta-item .meta-value{color:#e2e8f0}html:not([data-theme=light]) .student-materials-page .materials-list .material-card .card-content .material-meta .meta-item .meta-value.file-name{color:#cbd5e0;background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-materials-page .materials-list .material-card .card-actions{border-top-color:#4a5568}html:not([data-theme=light]) .student-materials-page .materials-list .material-card .card-actions .detail-btn{background:#4b5563}html:not([data-theme=light]) .student-materials-page .materials-list .material-card .card-actions .detail-btn:hover{background:#374151}html:not([data-theme=light]) .student-materials-page .materials-list .material-card .card-actions .download-btn{background:#059669}html:not([data-theme=light]) .student-materials-page .materials-list .material-card .card-actions .download-btn:hover{background:#047857}html:not([data-theme=light]) .student-materials-page .empty-state{color:#718096}}html[data-theme=dark] .student-materials-page .materials-content .materials-header .sort-section .sort-container .sort-btn{background:#a78bfa}html[data-theme=dark] .student-materials-page .materials-content .materials-header .sort-section .sort-container .sort-btn:hover{background:#8b5cf6}html[data-theme=dark] .student-materials-page .materials-content .materials-list-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-materials-page .materials-content .materials-list-section .section-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .student-materials-page .materials-content .materials-list-section .section-header h2{color:#f1f5f9}html[data-theme=dark] .student-materials-page .materials-list .material-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-materials-page .materials-list .material-card:hover{box-shadow:0 8px 25px #0000004d}html[data-theme=dark] .student-materials-page .materials-list .material-card .card-header .material-title{color:#f1f5f9}html[data-theme=dark] .student-materials-page .materials-list .material-card .card-content .material-description .description-text{color:#cbd5e0}html[data-theme=dark] .student-materials-page .materials-list .material-card .card-content .material-meta{background:#374151;border-color:#4a5568}html[data-theme=dark] .student-materials-page .materials-list .material-card .card-content .material-meta .meta-item{color:#a0aec0}html[data-theme=dark] .student-materials-page .materials-list .material-card .card-content .material-meta .meta-item svg{color:#a78bfa}html[data-theme=dark] .student-materials-page .materials-list .material-card .card-content .material-meta .meta-item .meta-value{color:#e2e8f0}html[data-theme=dark] .student-materials-page .materials-list .material-card .card-content .material-meta .meta-item .meta-value.file-name{color:#cbd5e0;background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-materials-page .materials-list .material-card .card-actions{border-top-color:#4a5568}html[data-theme=dark] .student-materials-page .materials-list .material-card .card-actions .detail-btn{background:#4b5563}html[data-theme=dark] .student-materials-page .materials-list .material-card .card-actions .detail-btn:hover{background:#374151}html[data-theme=dark] .student-materials-page .materials-list .material-card .card-actions .download-btn{background:#059669}html[data-theme=dark] .student-materials-page .materials-list .material-card .card-actions .download-btn:hover{background:#047857}html[data-theme=dark] .student-materials-page .empty-state{color:#718096}@media (width<=768px){.student-materials-page{gap:16px;padding:16px}.student-materials-page .page-header{padding:16px}.student-materials-page .page-header .header-content .header-text .header-title{font-size:20px}.student-materials-page .materials-content{gap:16px}.student-materials-page .materials-content .materials-header .sort-section .sort-container .sort-btn{padding:10px 16px;font-size:13px}.student-materials-page .materials-content .materials-list-section .section-header{padding:12px 16px}.student-materials-page .materials-content .materials-list-section .section-header h2{font-size:16px}.student-materials-page .materials-list{grid-template-columns:1fr;gap:16px;padding:16px}.student-materials-page .materials-list .material-card{padding:16px}.student-materials-page .materials-list .material-card .card-header .material-title{font-size:16px}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item{flex-direction:column;align-items:flex-start;gap:4px}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item .meta-label{min-width:auto}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item .meta-value.file-name{word-break:break-all;width:100%}.student-materials-page .materials-list .material-card .card-actions{flex-direction:column}.student-materials-page .materials-list .material-card .card-actions .detail-btn,.student-materials-page .materials-list .material-card .card-actions .download-btn{justify-content:center;width:100%}}.student-schedule-page{background:#f8fafc;min-height:100vh;padding:24px}.student-schedule-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.student-schedule-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.student-schedule-page .page-header .header-content .header-title .header-icon{color:#8b5cf6}.student-schedule-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.student-schedule-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.student-schedule-page .calendar-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.student-schedule-page .tab-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a}.student-schedule-page .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.student-schedule-page .loading-container p{color:#6b7280;margin:0;font-size:16px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .student-schedule-page{background:#1a202c}html:not([data-theme=light]) .student-schedule-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-schedule-page .page-header .header-content .header-title .header-icon{color:#a78bfa}html:not([data-theme=light]) .student-schedule-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .student-schedule-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .student-schedule-page .calendar-container,html:not([data-theme=light]) .student-schedule-page .tab-container{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-schedule-page .loading-container p{color:#a0aec0}}html[data-theme=dark] .student-schedule-page{background:#1a202c}html[data-theme=dark] .student-schedule-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-schedule-page .page-header .header-content .header-title .header-icon{color:#a78bfa}html[data-theme=dark] .student-schedule-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .student-schedule-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .student-schedule-page .calendar-container,html[data-theme=dark] .student-schedule-page .tab-container{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-schedule-page .loading-container p{color:#a0aec0}@media (width<=768px){.student-schedule-page{padding:16px}.student-schedule-page .page-header{margin-bottom:24px;padding:16px}.student-schedule-page .page-header .header-content .header-title h1{font-size:20px}.student-schedule-page .calendar-container,.student-schedule-page .tab-container{margin-bottom:16px;padding:16px}}.student-booking-resource-list-page{background:#f8fafc;min-height:100vh;padding:24px}.student-booking-resource-list-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.student-booking-resource-list-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.student-booking-resource-list-page .page-header .header-content .header-title .header-icon{color:#3b82f6}.student-booking-resource-list-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.student-booking-resource-list-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.student-booking-resource-list-page .resource-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.student-booking-resource-list-page .resource-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.student-booking-resource-list-page .resource-card{cursor:pointer;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s}.student-booking-resource-list-page .resource-card:hover{background:#fff;border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.student-booking-resource-list-page .resource-card .resource-info h3{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:700}.student-booking-resource-list-page .resource-card .resource-info .resource-type{color:#6b7280;background:#e5e7eb;border-radius:6px;margin:0;padding:4px 12px;font-size:14px;display:inline-block}.student-booking-resource-list-page .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.student-booking-resource-list-page .loading-container p{color:#6b7280;margin:0;font-size:16px}.student-booking-resource-list-page .no-data{text-align:center;justify-content:center;align-items:center;height:200px;display:flex}.student-booking-resource-list-page .no-data p{color:#6b7280;margin:0;font-size:16px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .student-booking-resource-list-page{background:#1a1a2e}html:not([data-theme=light]) .student-booking-resource-list-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-booking-resource-list-page .page-header .header-content .header-title .header-icon{color:#60a5fa}html:not([data-theme=light]) .student-booking-resource-list-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .student-booking-resource-list-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .student-booking-resource-list-page .resource-list-container{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-booking-resource-list-page .resource-card{background:#374151;border-color:#4a5568}html:not([data-theme=light]) .student-booking-resource-list-page .resource-card:hover{background:#4a5568;border-color:#60a5fa}html:not([data-theme=light]) .student-booking-resource-list-page .resource-card .resource-info h3{color:#f1f5f9}html:not([data-theme=light]) .student-booking-resource-list-page .resource-card .resource-info .resource-type{color:#a0aec0;background:#1f2937}}html[data-theme=dark] .student-booking-resource-list-page{background:#1a1a2e}html[data-theme=dark] .student-booking-resource-list-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-booking-resource-list-page .page-header .header-content .header-title .header-icon{color:#60a5fa}html[data-theme=dark] .student-booking-resource-list-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .student-booking-resource-list-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .student-booking-resource-list-page .resource-list-container{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-booking-resource-list-page .resource-card{background:#374151;border-color:#4a5568}html[data-theme=dark] .student-booking-resource-list-page .resource-card:hover{background:#4a5568;border-color:#60a5fa}html[data-theme=dark] .student-booking-resource-list-page .resource-card .resource-info h3{color:#f1f5f9}html[data-theme=dark] .student-booking-resource-list-page .resource-card .resource-info .resource-type{color:#a0aec0;background:#1f2937}@media (width<=768px){.student-booking-resource-list-page{padding:16px}.student-booking-resource-list-page .page-header{margin-bottom:24px;padding:16px}.student-booking-resource-list-page .resource-list-container{padding:16px}.student-booking-resource-list-page .resource-grid{grid-template-columns:1fr;gap:16px}.student-booking-resource-list-page .resource-card{padding:16px}}.booking-resource-accordion{flex-direction:column;gap:28px;width:100%;display:flex}.booking-resource-accordion .booking-entry-section{flex-direction:column;gap:14px;display:flex}.booking-resource-accordion .booking-entry-section-header{flex-direction:column;gap:4px;display:flex}.booking-resource-accordion .booking-entry-section-header--subtle .booking-entry-section-title{color:#64748b;font-size:14px;font-weight:600}.booking-resource-accordion .booking-entry-section-header--subtle .booking-entry-section-desc{font-size:12px}.booking-resource-accordion .booking-entry-section-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.booking-resource-accordion .booking-entry-section-desc{color:#64748b;margin:0;font-size:13px;line-height:1.4}.booking-resource-accordion .booking-makeup-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.booking-resource-accordion .booking-entry-card{cursor:pointer;text-align:left;background:linear-gradient(#f8fbff 0%,#fff 55%);border:1px solid #bfdbfe;border-radius:18px;align-items:flex-start;gap:16px;min-height:120px;padding:24px 22px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 2px 8px #2563eb0f}.booking-resource-accordion .booking-entry-card:hover,.booking-resource-accordion .booking-entry-card:focus-visible{border-color:#60a5fa;outline:none;transform:translateY(-1px);box-shadow:0 8px 20px #2563eb1f}.booking-resource-accordion .booking-entry-card.is-shared{background:linear-gradient(#f5f3ff 0%,#fff 55%);border-color:#c7d2fe;box-shadow:0 2px 8px #6366f10f}.booking-resource-accordion .booking-entry-card.is-shared:hover,.booking-resource-accordion .booking-entry-card.is-shared:focus-visible{border-color:#818cf8;box-shadow:0 8px 20px #6366f11f}.booking-resource-accordion .booking-entry-card.is-shared .booking-entry-avatar{color:#4338ca;background:#eef2ff}.booking-resource-accordion .booking-entry-avatar{color:#1d4ed8;background:#dbeafe;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.booking-resource-accordion .booking-entry-body{flex-direction:column;flex:1;justify-content:center;gap:14px;min-width:0;min-height:72px;display:flex}.booking-resource-accordion .booking-entry-title{color:#0f172a;word-break:break-word;font-size:18px;font-weight:800;line-height:1.35}.booking-resource-accordion .booking-entry-cta{color:#1d4ed8;background:#eff6ff;border-radius:8px;align-self:flex-start;align-items:center;gap:4px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.booking-resource-accordion .booking-entry-card.is-shared .booking-entry-cta{color:#4338ca;background:#eef2ff}.booking-resource-accordion .booking-accordion-trigger{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:52px;padding:14px 16px;transition:background .15s,border-color .15s;display:flex}.booking-resource-accordion .booking-accordion-trigger:hover,.booking-resource-accordion .booking-accordion-trigger:focus-visible{background:#f1f5f9;border-color:#cbd5e1;outline:none}.booking-resource-accordion .booking-accordion-trigger.is-open{background:#f1f5f9;border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.booking-resource-accordion .booking-accordion-chevron{color:#64748b;flex-shrink:0;display:inline-flex}.booking-resource-accordion .booking-accordion-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.booking-resource-accordion .booking-accordion-title{color:#0f172a;font-size:15px;font-weight:800}.booking-resource-accordion .booking-accordion-hint{color:#64748b;font-size:12px}.booking-resource-accordion .booking-accordion-count{color:#334155;background:#e2e8f0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.booking-resource-accordion .booking-instructor-grid{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 14px 14px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:14px;display:grid}.booking-resource-accordion .booking-instructor-tile{cursor:pointer;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-height:44px;padding:14px 10px;transition:border-color .15s,background .15s;display:flex}.booking-resource-accordion .booking-instructor-tile:hover,.booking-resource-accordion .booking-instructor-tile:focus-visible{background:#f8fbff;border-color:#93c5fd;outline:none}.booking-resource-accordion .booking-instructor-tile:disabled{opacity:.5;cursor:not-allowed}.booking-resource-accordion .booking-instructor-avatar{color:#3730a3;background:#e0e7ff;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:800;display:inline-flex}.booking-resource-accordion .booking-instructor-name{color:#1f2937;text-align:center;word-break:break-word;font-size:13px;font-weight:700}.booking-resource-accordion .booking-entry-section--shared{border-top:1px dashed #e2e8f0;padding-top:4px}.booking-resource-accordion .booking-shared-list{flex-direction:column;gap:8px;display:flex}.booking-resource-accordion .booking-shared-row{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:44px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.booking-resource-accordion .booking-shared-row:hover,.booking-resource-accordion .booking-shared-row:focus-visible{background:#f8fafc;border-color:#cbd5e1;outline:none}.booking-resource-accordion .booking-shared-name{color:#334155;flex:1;min-width:0;font-size:14px;font-weight:600}.booking-resource-accordion .booking-shared-arrow{color:#94a3b8;flex-shrink:0}.booking-resource-accordion .type-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.booking-resource-accordion .type-badge.type-instructor{color:#6d28d9;background:#ede9fe}.booking-resource-accordion .type-badge.type-makeup{color:#0369a1;background:#e0f2fe}.booking-resource-accordion .type-badge.type-admin{color:#b45309;background:#fef3c7}.booking-resource-accordion .type-badge.type-academy{color:#15803d;background:#dcfce7}.booking-resource-accordion .booking-entry-empty{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #d1d5db;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.booking-resource-accordion .booking-entry-empty .booking-entry-empty-title{color:#334155;margin:0;font-size:15px;font-weight:700}.booking-resource-accordion .booking-entry-empty .booking-entry-empty-desc{max-width:320px;margin:0;font-size:13px;line-height:1.5}.booking-resource-accordion.booking-entry-skeleton,.booking-resource-accordion .booking-entry-skeleton{flex-direction:column;gap:14px;display:flex}.booking-resource-accordion .booking-skeleton-card{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%) 0 0/400% 100%;border-radius:16px;height:108px;animation:1.2s ease-in-out infinite booking-skeleton-shimmer}.booking-resource-accordion.booking-resource-accordion--mobile{gap:22px}.booking-resource-accordion.booking-resource-accordion--mobile .booking-makeup-grid{grid-template-columns:1fr;gap:14px}.booking-resource-accordion.booking-resource-accordion--mobile .booking-instructor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-resource-accordion.booking-resource-accordion--mobile .booking-entry-card{border-radius:16px;gap:14px;min-height:44px;padding:16px}.booking-resource-accordion.booking-resource-accordion--mobile .booking-entry-avatar{border-radius:14px;width:44px;height:44px}.booking-resource-accordion.booking-resource-accordion--mobile .booking-entry-body{gap:10px;min-height:0}.booking-resource-accordion.booking-resource-accordion--mobile .booking-entry-title{font-size:16px}.booking-resource-accordion.booking-resource-accordion--mobile .booking-entry-cta{padding:6px 10px;font-size:13px}@keyframes booking-skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (width<=480px){.booking-resource-accordion .booking-instructor-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .booking-resource-accordion .booking-entry-section-title{color:#f1f5f9}html:not([data-theme=light]) .booking-resource-accordion .booking-entry-section-desc,html:not([data-theme=light]) .booking-resource-accordion .booking-accordion-hint,html:not([data-theme=light]) .booking-resource-accordion .booking-entry-section-header--subtle .booking-entry-section-title{color:#a0aec0}html:not([data-theme=light]) .booking-resource-accordion .booking-entry-card{box-shadow:none;background:linear-gradient(#1e293b 0%,#2d3748 60%);border-color:#1e3a5f}html:not([data-theme=light]) .booking-resource-accordion .booking-entry-card:hover,html:not([data-theme=light]) .booking-resource-accordion .booking-entry-card:focus-visible{border-color:#3b82f6}html:not([data-theme=light]) .booking-resource-accordion .booking-entry-card.is-shared{background:linear-gradient(#1e1b4b 0%,#2d3748 60%);border-color:#3730a3}html:not([data-theme=light]) .booking-resource-accordion .booking-entry-avatar{color:#93c5fd;background:#1e3a5f}html:not([data-theme=light]) .booking-resource-accordion .booking-entry-card.is-shared .booking-entry-avatar{color:#c7d2fe;background:#312e81}html:not([data-theme=light]) .booking-resource-accordion .booking-entry-title,html:not([data-theme=light]) .booking-resource-accordion .booking-accordion-title,html:not([data-theme=light]) .booking-resource-accordion .booking-instructor-name,html:not([data-theme=light]) .booking-resource-accordion .booking-shared-name{color:#f1f5f9}html:not([data-theme=light]) .booking-resource-accordion .booking-entry-cta{color:#93c5fd;background:#1e3a5f}html:not([data-theme=light]) .booking-resource-accordion .booking-entry-card.is-shared .booking-entry-cta{color:#c7d2fe;background:#312e81}html:not([data-theme=light]) .booking-resource-accordion .booking-accordion-trigger{background:#1a202c;border-color:#4a5568}html:not([data-theme=light]) .booking-resource-accordion .booking-accordion-trigger:hover,html:not([data-theme=light]) .booking-resource-accordion .booking-accordion-trigger:focus-visible,html:not([data-theme=light]) .booking-resource-accordion .booking-accordion-trigger.is-open{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .booking-resource-accordion .booking-accordion-count{color:#e2e8f0;background:#4a5568}html:not([data-theme=light]) .booking-resource-accordion .booking-instructor-grid{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .booking-resource-accordion .booking-instructor-tile{background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .booking-resource-accordion .booking-instructor-tile:hover,html:not([data-theme=light]) .booking-resource-accordion .booking-instructor-tile:focus-visible{background:#374151;border-color:#63b3ed}html:not([data-theme=light]) .booking-resource-accordion .booking-instructor-avatar{color:#c7d2fe;background:#312e81}html:not([data-theme=light]) .booking-resource-accordion .booking-entry-section--shared{border-top-color:#4a5568}html:not([data-theme=light]) .booking-resource-accordion .booking-shared-row{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .booking-resource-accordion .booking-shared-row:hover,html:not([data-theme=light]) .booking-resource-accordion .booking-shared-row:focus-visible{background:#374151}html:not([data-theme=light]) .booking-resource-accordion .booking-entry-empty{color:#a0aec0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .booking-resource-accordion .booking-entry-empty .booking-entry-empty-title{color:#e2e8f0}html:not([data-theme=light]) .booking-resource-accordion .booking-skeleton-card{background:linear-gradient(90deg,#2d3748 25%,#374151 37%,#2d3748 63%) 0 0/400% 100%}}html[data-theme=dark] .booking-resource-accordion .booking-entry-section-title{color:#f1f5f9}html[data-theme=dark] .booking-resource-accordion .booking-entry-section-desc,html[data-theme=dark] .booking-resource-accordion .booking-accordion-hint,html[data-theme=dark] .booking-resource-accordion .booking-entry-section-header--subtle .booking-entry-section-title{color:#a0aec0}html[data-theme=dark] .booking-resource-accordion .booking-entry-card{box-shadow:none;background:linear-gradient(#1e293b 0%,#2d3748 60%);border-color:#1e3a5f}html[data-theme=dark] .booking-resource-accordion .booking-entry-card:hover,html[data-theme=dark] .booking-resource-accordion .booking-entry-card:focus-visible{border-color:#3b82f6}html[data-theme=dark] .booking-resource-accordion .booking-entry-card.is-shared{background:linear-gradient(#1e1b4b 0%,#2d3748 60%);border-color:#3730a3}html[data-theme=dark] .booking-resource-accordion .booking-entry-avatar{color:#93c5fd;background:#1e3a5f}html[data-theme=dark] .booking-resource-accordion .booking-entry-card.is-shared .booking-entry-avatar{color:#c7d2fe;background:#312e81}html[data-theme=dark] .booking-resource-accordion .booking-entry-title,html[data-theme=dark] .booking-resource-accordion .booking-accordion-title,html[data-theme=dark] .booking-resource-accordion .booking-instructor-name,html[data-theme=dark] .booking-resource-accordion .booking-shared-name{color:#f1f5f9}html[data-theme=dark] .booking-resource-accordion .booking-entry-cta{color:#93c5fd;background:#1e3a5f}html[data-theme=dark] .booking-resource-accordion .booking-entry-card.is-shared .booking-entry-cta{color:#c7d2fe;background:#312e81}html[data-theme=dark] .booking-resource-accordion .booking-accordion-trigger{background:#1a202c;border-color:#4a5568}html[data-theme=dark] .booking-resource-accordion .booking-accordion-trigger:hover,html[data-theme=dark] .booking-resource-accordion .booking-accordion-trigger:focus-visible,html[data-theme=dark] .booking-resource-accordion .booking-accordion-trigger.is-open{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .booking-resource-accordion .booking-accordion-count{color:#e2e8f0;background:#4a5568}html[data-theme=dark] .booking-resource-accordion .booking-instructor-grid{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .booking-resource-accordion .booking-instructor-tile{background:#1f2937;border-color:#4a5568}html[data-theme=dark] .booking-resource-accordion .booking-instructor-tile:hover,html[data-theme=dark] .booking-resource-accordion .booking-instructor-tile:focus-visible{background:#374151;border-color:#63b3ed}html[data-theme=dark] .booking-resource-accordion .booking-instructor-avatar{color:#c7d2fe;background:#312e81}html[data-theme=dark] .booking-resource-accordion .booking-entry-section--shared{border-top-color:#4a5568}html[data-theme=dark] .booking-resource-accordion .booking-shared-row{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .booking-resource-accordion .booking-shared-row:hover,html[data-theme=dark] .booking-resource-accordion .booking-shared-row:focus-visible{background:#374151}html[data-theme=dark] .booking-resource-accordion .booking-entry-empty{color:#a0aec0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .booking-resource-accordion .booking-entry-empty .booking-entry-empty-title{color:#e2e8f0}html[data-theme=dark] .booking-resource-accordion .booking-skeleton-card{background:linear-gradient(90deg,#2d3748 25%,#374151 37%,#2d3748 63%) 0 0/400% 100%}.booking-calendar{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:100%;padding:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.booking-calendar .calendar-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.booking-calendar .calendar-header .nav-button{cursor:pointer;color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.booking-calendar .calendar-header .nav-button:hover{background:#e5e7eb;border-color:#9ca3af}.booking-calendar .calendar-header .nav-button:active{transform:scale(.95)}.booking-calendar .calendar-header .month-year{color:#1f2937;text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;margin:0;font-size:16px;font-weight:700;overflow:hidden}.booking-calendar .calendar-weekdays{box-sizing:border-box;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;width:100%;margin-bottom:6px;display:grid}.booking-calendar .calendar-weekdays .weekday{text-align:center;color:#6b7280;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;min-width:0;padding:6px 0;font-size:12px;font-weight:600;overflow:hidden}.booking-calendar .calendar-days{box-sizing:border-box;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;width:100%;display:grid}.booking-calendar .calendar-days .calendar-day{aspect-ratio:1;cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-width:0;padding:2px;transition:all .2s;display:flex;position:relative;overflow:hidden}.booking-calendar .calendar-days .calendar-day .day-number{color:#374151;white-space:nowrap;font-size:13px;font-weight:600;line-height:1}.booking-calendar .calendar-days .calendar-day.other-month .day-number{color:#d1d5db}.booking-calendar .calendar-days .calendar-day.disabled{cursor:not-allowed;background:#f9fafb}.booking-calendar .calendar-days .calendar-day.disabled .day-number{color:#d1d5db}.booking-calendar .calendar-days .calendar-day.disabled:hover{background:#f9fafb;border-color:#0000}.booking-calendar .calendar-days .calendar-day.available:hover{background:#eff6ff;border-color:#3b82f6}.booking-calendar .calendar-days .calendar-day.today .day-number{color:#3b82f6;font-weight:700}.booking-calendar .calendar-days .calendar-day.today:before{content:"";background:#3b82f6;border-radius:50%;width:3px;height:3px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.booking-calendar .calendar-days .calendar-day.selected{background:#3b82f6;border-color:#3b82f6}.booking-calendar .calendar-days .calendar-day.selected .day-number{color:#fff;font-weight:700}.booking-calendar .calendar-days .calendar-day.selected:before{display:none}.booking-calendar .calendar-days .calendar-day.selected:hover{background:#2563eb;border-color:#2563eb}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .booking-calendar{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .booking-calendar .calendar-header .nav-button{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .booking-calendar .calendar-header .nav-button:hover{background:#4a5568}html:not([data-theme=light]) .booking-calendar .calendar-header .month-year{color:#f1f5f9}html:not([data-theme=light]) .booking-calendar .calendar-weekdays .weekday{color:#a0aec0}html:not([data-theme=light]) .booking-calendar .calendar-days .calendar-day{background:#374151}html:not([data-theme=light]) .booking-calendar .calendar-days .calendar-day .day-number{color:#e2e8f0}html:not([data-theme=light]) .booking-calendar .calendar-days .calendar-day.other-month .day-number{color:#4a5568}html:not([data-theme=light]) .booking-calendar .calendar-days .calendar-day.disabled{background:#1f2937}html:not([data-theme=light]) .booking-calendar .calendar-days .calendar-day.disabled .day-number{color:#4a5568}html:not([data-theme=light]) .booking-calendar .calendar-days .calendar-day.disabled:hover{background:#1f2937}html:not([data-theme=light]) .booking-calendar .calendar-days .calendar-day.available:hover{background:#1e3a8a;border-color:#60a5fa}html:not([data-theme=light]) .booking-calendar .calendar-days .calendar-day.today .day-number{color:#60a5fa}html:not([data-theme=light]) .booking-calendar .calendar-days .calendar-day.today:before{background:#60a5fa}html:not([data-theme=light]) .booking-calendar .calendar-days .calendar-day.selected{background:#3b82f6;border-color:#3b82f6}html:not([data-theme=light]) .booking-calendar .calendar-days .calendar-day.selected .day-number{color:#fff}html:not([data-theme=light]) .booking-calendar .calendar-days .calendar-day.selected:hover{background:#2563eb;border-color:#2563eb}}html[data-theme=dark] .booking-calendar{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .booking-calendar .calendar-header .nav-button{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .booking-calendar .calendar-header .nav-button:hover{background:#4a5568}html[data-theme=dark] .booking-calendar .calendar-header .month-year{color:#f1f5f9}html[data-theme=dark] .booking-calendar .calendar-weekdays .weekday{color:#a0aec0}html[data-theme=dark] .booking-calendar .calendar-days .calendar-day{background:#374151}html[data-theme=dark] .booking-calendar .calendar-days .calendar-day .day-number{color:#e2e8f0}html[data-theme=dark] .booking-calendar .calendar-days .calendar-day.other-month .day-number{color:#4a5568}html[data-theme=dark] .booking-calendar .calendar-days .calendar-day.disabled{background:#1f2937}html[data-theme=dark] .booking-calendar .calendar-days .calendar-day.disabled .day-number{color:#4a5568}html[data-theme=dark] .booking-calendar .calendar-days .calendar-day.disabled:hover{background:#1f2937}html[data-theme=dark] .booking-calendar .calendar-days .calendar-day.available:hover{background:#1e3a8a;border-color:#60a5fa}html[data-theme=dark] .booking-calendar .calendar-days .calendar-day.today .day-number{color:#60a5fa}html[data-theme=dark] .booking-calendar .calendar-days .calendar-day.today:before{background:#60a5fa}html[data-theme=dark] .booking-calendar .calendar-days .calendar-day.selected{background:#3b82f6;border-color:#3b82f6}html[data-theme=dark] .booking-calendar .calendar-days .calendar-day.selected .day-number{color:#fff}html[data-theme=dark] .booking-calendar .calendar-days .calendar-day.selected:hover{background:#2563eb;border-color:#2563eb}@media (width<=768px){.booking-calendar{padding:14px}.booking-calendar .calendar-header{margin-bottom:16px}.booking-calendar .calendar-header .nav-button{width:36px;height:36px}.booking-calendar .calendar-header .month-year{font-size:18px}.booking-calendar .calendar-weekdays .weekday{padding:6px 0;font-size:12px}.booking-calendar .calendar-days{gap:2px}.booking-calendar .calendar-days .calendar-day .day-number{font-size:12px}}.counseling-submit-modal-overlay{z-index:3000;background:var(--overlay);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.counseling-submit-modal{background:var(--surface-0);border:1px solid var(--border-default);width:min(420px,100%);box-shadow:var(--card-shadow);text-align:center;border-radius:16px;padding:28px 24px 24px}.counseling-submit-modal.is-success .counseling-submit-modal-icon.success{color:var(--success-fg);background:var(--success-bg)}.counseling-submit-modal.is-error .counseling-submit-modal-icon.error{color:var(--error-fg);background:var(--error-bg)}.counseling-submit-modal-icon{border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:inline-flex}.counseling-submit-modal-title{color:var(--text-heading);margin:0 0 12px;font-size:20px;font-weight:700}.counseling-submit-modal-message{color:var(--text-secondary);white-space:pre-wrap;margin:0 0 24px;font-size:15px;line-height:1.5}.counseling-submit-modal-confirm{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 16px;font-size:15px;font-weight:600}.counseling-submit-modal-confirm:hover{background:var(--accent-hover)}.is-error .counseling-submit-modal-confirm{background:var(--text-secondary)}.is-error .counseling-submit-modal-confirm:hover{background:var(--text-muted)}.student-booking-page{background:#f8fafc;min-height:100vh;max-height:none;padding:24px;display:block;overflow:visible}.student-booking-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.student-booking-page .page-header .header-content{align-items:center;gap:16px;display:flex}.student-booking-page .page-header .header-content .back-button{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.student-booking-page .page-header .header-content .back-button:hover{background:#e5e7eb;border-color:#9ca3af}.student-booking-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.student-booking-page .page-header .header-content .header-title .header-icon{color:#3b82f6}.student-booking-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.student-booking-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.student-booking-page .booking-content{flex-direction:column;gap:24px;display:flex}.student-booking-page .success-banner{color:#065f46;background:#d1fae5;border:1px solid #10b981;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600}.student-booking-page .error-container{color:#991b1b;background:#fee2e2;border:1px solid #ef4444;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600}.student-booking-page .booking-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.student-booking-page .booking-section h2{color:#1f2937;margin:0 0 20px;font-size:18px;font-weight:700}.student-booking-page .calendar-time-section .calendar-time-container{align-items:flex-start;gap:24px;display:flex}.student-booking-page .calendar-time-section .calendar-time-container .calendar-wrapper{flex:11 1 0;min-width:0;max-width:none;position:relative}.student-booking-page .calendar-time-section .calendar-time-container .calendar-wrapper .loading-overlay{z-index:10;background:#ffffffe6;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.student-booking-page .calendar-time-section .calendar-time-container .calendar-wrapper .loading-overlay p{color:#6b7280;margin:0;font-size:14px}.student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:9 1 0;min-width:0;max-width:none;padding:20px;overflow:hidden}.student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper h3{color:#1f2937;margin:0 0 16px;font-size:16px;font-weight:700}.student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .selected-slot-hint{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:6px;margin:0 0 12px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .selected-slot-hint svg{color:#3b82f6;flex-shrink:0}.student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .no-slots-message{color:#6b7280;text-align:center;margin:0;padding:40px 20px;font-size:14px}.student-booking-page .duration-buttons{gap:12px;display:flex}.student-booking-page .duration-buttons button{color:#374151;cursor:pointer;background:#f3f4f6;border:2px solid #d1d5db;border-radius:8px;flex:1;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.student-booking-page .duration-buttons button:hover{background:#e5e7eb;border-color:#9ca3af}.student-booking-page .duration-buttons button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.student-booking-page .time-slots-group{margin-bottom:16px}.student-booking-page .time-slots-group:last-child{margin-bottom:0}.student-booking-page .time-slots-group-label{color:#6b7280;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.student-booking-page .time-slots-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-height:400px;padding-right:4px;display:grid;overflow:hidden auto}.student-booking-page .time-slots-grid::-webkit-scrollbar{width:6px}.student-booking-page .time-slots-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.student-booking-page .time-slots-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.student-booking-page .time-slots-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.student-booking-page .time-slots-grid .time-slot{color:#374151;cursor:pointer;text-align:center;background:#fff;border:2px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:600;transition:all .2s}.student-booking-page .time-slots-grid .time-slot:hover{background:#eff6ff;border-color:#3b82f6}.student-booking-page .time-slots-grid .time-slot.selected{color:#fff;background:#3b82f6;border-color:#3b82f6}.student-booking-page .time-slots-grid .time-slot.overlap-disabled,.student-booking-page .time-slots-grid .time-slot:disabled.overlap-disabled{color:#9ca3af;cursor:not-allowed;opacity:.7;background:#f3f4f6;border-color:#e5e7eb}.student-booking-page .duration-step{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.student-booking-page .duration-step h4{color:#1f2937;margin:0 0 6px;font-size:15px;font-weight:700}.student-booking-page .duration-step .duration-step-hint{color:#6b7280;margin:0 0 12px;font-size:13px}.student-booking-page .duration-step .loading-durations,.student-booking-page .duration-step .no-durations{color:#6b7280;margin:0;font-size:14px}.student-booking-page .duration-step .duration-buttons{flex-wrap:wrap;gap:10px;display:flex}.student-booking-page .duration-step .duration-buttons button{color:#374151;cursor:pointer;background:#f3f4f6;border:2px solid #d1d5db;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.student-booking-page .duration-step .duration-buttons button:hover{background:#e5e7eb;border-color:#9ca3af}.student-booking-page .duration-step .duration-buttons button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.student-booking-page .slot-range-value{color:#1f2937;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.student-booking-page .slot-range-value svg{color:#3b82f6;flex-shrink:0}.student-booking-page .slot-range-value .duration-badge{color:#2563eb;margin-left:4px;font-weight:700}.student-booking-page .form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.student-booking-page .form-group label{color:#374151;font-size:14px;font-weight:600}.student-booking-page .form-group .value{color:#1f2937;background:#f9fafb;border-radius:8px;padding:12px;font-size:16px}.student-booking-page .form-group textarea{color:#374151;resize:vertical;border:1px solid #d1d5db;border-radius:8px;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.student-booking-page .form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.student-booking-page .form-group textarea::placeholder{color:#9ca3af}.student-booking-page .submit-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.student-booking-page .submit-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.student-booking-page .submit-btn:disabled{opacity:.6;cursor:not-allowed}.student-booking-page .submit-btn .spinner{animation:1s linear infinite student-booking-spin}@keyframes student-booking-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.student-booking-page .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.student-booking-page .loading-container p{color:#6b7280;margin:0;font-size:16px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .student-booking-page{background:#1a1a2e}html:not([data-theme=light]) .student-booking-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-booking-page .page-header .back-button{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .student-booking-page .page-header .back-button:hover{background:#4a5568}html:not([data-theme=light]) .student-booking-page .page-header .header-title .header-icon{color:#60a5fa}html:not([data-theme=light]) .student-booking-page .page-header .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .student-booking-page .page-header .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .student-booking-page .booking-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-booking-page .booking-section h2{color:#f1f5f9}html:not([data-theme=light]) .student-booking-page .duration-buttons button{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .student-booking-page .duration-buttons button:hover{background:#4a5568}html:not([data-theme=light]) .student-booking-page .duration-buttons button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}html:not([data-theme=light]) .student-booking-page .calendar-time-section .calendar-time-container .calendar-wrapper .loading-overlay{background:#2d3748e6}html:not([data-theme=light]) .student-booking-page .calendar-time-section .calendar-time-container .calendar-wrapper .loading-overlay p{color:#a0aec0}html:not([data-theme=light]) .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper{background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper h3{color:#f1f5f9}html:not([data-theme=light]) .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .selected-slot-hint{color:#93c5fd;background:#3b82f626;border-color:#3b82f6}html:not([data-theme=light]) .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .selected-slot-hint svg{color:#60a5fa}html:not([data-theme=light]) .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .no-slots-message{color:#a0aec0}html:not([data-theme=light]) .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step{border-top-color:#4a5568}html:not([data-theme=light]) .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step h4{color:#f1f5f9}html:not([data-theme=light]) .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step .duration-step-hint,html:not([data-theme=light]) .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step .loading-durations,html:not([data-theme=light]) .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step .no-durations{color:#94a3b8}html:not([data-theme=light]) .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step .duration-buttons button{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step .duration-buttons button:hover{background:#4a5568;border-color:#60a5fa}html:not([data-theme=light]) .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step .duration-buttons button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}html:not([data-theme=light]) .student-booking-page .time-slots-grid::-webkit-scrollbar-track{background:#1f2937}html:not([data-theme=light]) .student-booking-page .time-slots-grid::-webkit-scrollbar-thumb{background:#4a5568}html:not([data-theme=light]) .student-booking-page .time-slots-grid::-webkit-scrollbar-thumb:hover{background:#6b7280}html:not([data-theme=light]) .student-booking-page .time-slots-grid .time-slot{color:#e2e8f0;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .student-booking-page .time-slots-grid .time-slot:hover{background:#4a5568;border-color:#60a5fa}html:not([data-theme=light]) .student-booking-page .time-slots-grid .time-slot.selected{color:#fff;background:#3b82f6;border-color:#3b82f6}html:not([data-theme=light]) .student-booking-page .time-slots-grid .time-slot.overlap-disabled,html:not([data-theme=light]) .student-booking-page .time-slots-grid .time-slot:disabled.overlap-disabled{color:#6b7280;cursor:not-allowed;opacity:.6;background:#374151;border-color:#4a5568}html:not([data-theme=light]) .student-booking-page .form-group label{color:#e2e8f0}html:not([data-theme=light]) .student-booking-page .form-group .value{color:#e2e8f0;background:#1f2937}html:not([data-theme=light]) .student-booking-page .form-group .slot-range-value{color:#e2e8f0}html:not([data-theme=light]) .student-booking-page .form-group .slot-range-value svg{color:#60a5fa}html:not([data-theme=light]) .student-booking-page .form-group .slot-range-value .duration-badge{color:#93c5fd}html:not([data-theme=light]) .student-booking-page .form-group textarea{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .student-booking-page .form-group textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}}html[data-theme=dark] .student-booking-page{background:#1a1a2e}html[data-theme=dark] .student-booking-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-booking-page .page-header .back-button{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .student-booking-page .page-header .back-button:hover{background:#4a5568}html[data-theme=dark] .student-booking-page .page-header .header-title .header-icon{color:#60a5fa}html[data-theme=dark] .student-booking-page .page-header .header-title h1{color:#f1f5f9}html[data-theme=dark] .student-booking-page .page-header .header-title .header-description{color:#a0aec0}html[data-theme=dark] .student-booking-page .booking-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-booking-page .booking-section h2{color:#f1f5f9}html[data-theme=dark] .student-booking-page .duration-buttons button{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .student-booking-page .duration-buttons button:hover{background:#4a5568}html[data-theme=dark] .student-booking-page .duration-buttons button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}html[data-theme=dark] .student-booking-page .calendar-time-section .calendar-time-container .calendar-wrapper .loading-overlay{background:#2d3748e6}html[data-theme=dark] .student-booking-page .calendar-time-section .calendar-time-container .calendar-wrapper .loading-overlay p{color:#a0aec0}html[data-theme=dark] .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper{background:#1f2937;border-color:#4a5568}html[data-theme=dark] .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper h3{color:#f1f5f9}html[data-theme=dark] .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .selected-slot-hint{color:#93c5fd;background:#3b82f626;border-color:#3b82f6}html[data-theme=dark] .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .selected-slot-hint svg{color:#60a5fa}html[data-theme=dark] .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .no-slots-message{color:#a0aec0}html[data-theme=dark] .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step{border-top-color:#4a5568}html[data-theme=dark] .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step h4{color:#f1f5f9}html[data-theme=dark] .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step .duration-step-hint,html[data-theme=dark] .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step .loading-durations,html[data-theme=dark] .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step .no-durations{color:#94a3b8}html[data-theme=dark] .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step .duration-buttons button{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step .duration-buttons button:hover{background:#4a5568;border-color:#60a5fa}html[data-theme=dark] .student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .duration-step .duration-buttons button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}html[data-theme=dark] .student-booking-page .time-slots-grid::-webkit-scrollbar-track{background:#1f2937}html[data-theme=dark] .student-booking-page .time-slots-grid::-webkit-scrollbar-thumb{background:#4a5568}html[data-theme=dark] .student-booking-page .time-slots-grid::-webkit-scrollbar-thumb:hover{background:#6b7280}html[data-theme=dark] .student-booking-page .time-slots-grid .time-slot{color:#e2e8f0;background:#374151;border-color:#4a5568}html[data-theme=dark] .student-booking-page .time-slots-grid .time-slot:hover{background:#4a5568;border-color:#60a5fa}html[data-theme=dark] .student-booking-page .time-slots-grid .time-slot.selected{color:#fff;background:#3b82f6;border-color:#3b82f6}html[data-theme=dark] .student-booking-page .time-slots-grid .time-slot.overlap-disabled,html[data-theme=dark] .student-booking-page .time-slots-grid .time-slot:disabled.overlap-disabled{color:#6b7280;cursor:not-allowed;opacity:.6;background:#374151;border-color:#4a5568}html[data-theme=dark] .student-booking-page .form-group label{color:#e2e8f0}html[data-theme=dark] .student-booking-page .form-group .value{color:#e2e8f0;background:#1f2937}html[data-theme=dark] .student-booking-page .form-group .slot-range-value{color:#e2e8f0}html[data-theme=dark] .student-booking-page .form-group .slot-range-value svg{color:#60a5fa}html[data-theme=dark] .student-booking-page .form-group .slot-range-value .duration-badge{color:#93c5fd}html[data-theme=dark] .student-booking-page .form-group textarea{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .student-booking-page .form-group textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}@media (width<=768px){.student-booking-page{padding:16px}.student-booking-page .page-header{margin-bottom:24px;padding:16px}.student-booking-page .page-header .header-content{flex-direction:column;align-items:flex-start;gap:12px}.student-booking-page .booking-section{padding:16px}.student-booking-page .booking-section.calendar-time-section .calendar-time-container{flex-direction:column;gap:16px}.student-booking-page .booking-section.calendar-time-section .calendar-time-container .calendar-wrapper{flex:1;max-width:100%}.student-booking-page .booking-section.calendar-time-section .calendar-time-container .time-slots-wrapper{flex:1;min-width:0;max-width:100%;padding:16px}.student-booking-page .time-slots-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-height:300px}.student-booking-page .time-slots-grid .time-slot{padding:8px 10px;font-size:12px}}.counseling-viewer-page .counseling-viewer-column{width:100%;max-width:900px;margin:0 auto}.counseling-viewer-page .counseling-viewer-page-header{margin:12px 0 20px}.counseling-viewer-page .counseling-viewer-page-header h1{color:#111827;margin:0 0 6px;font-size:24px;font-weight:700;line-height:1.3}.counseling-viewer-page .counseling-viewer-page-header p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.counseling-viewer-page .counseling-viewer-stack{flex-direction:column;gap:16px;display:flex}.counseling-viewer-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f}.counseling-viewer-summary-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.counseling-viewer-heading{min-width:0}.counseling-viewer-resource{color:#111827;word-break:break-word;margin:0;font-size:22px;font-weight:700;line-height:1.3}.counseling-viewer-student{color:#4b5563;margin:6px 0 0;font-size:15px;font-weight:500;line-height:1.4}.counseling-viewer-schedule{margin-bottom:16px}.counseling-viewer-date{color:#111827;margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.4}.counseling-viewer-time{color:#111827;margin:0;font-size:18px;font-weight:700;line-height:1.4}.counseling-viewer-time-cross{flex-direction:column;gap:4px;display:flex}.counseling-viewer-time-sep{color:#9ca3af;font-weight:600}.counseling-viewer-duration{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.counseling-viewer-meta-label{color:#6b7280;font-size:12px;font-weight:700}.counseling-viewer-meta-value{color:#4b5563;font-size:14px;font-weight:500}.counseling-viewer-pending{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-direction:column;gap:4px;margin-top:16px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.counseling-viewer-pending strong{font-size:14px;font-weight:700}.counseling-viewer-card.reschedule-toast.reschedule-approved-toast{background:#ecfdf5;border-color:#a7f3d0;padding:12px 16px}.counseling-viewer-card .reschedule-toast-text{color:#065f46;margin:0;font-size:14px;font-weight:600}.counseling-viewer-card.reschedule-card .reschedule-card-title{margin:0 0 8px;font-size:16px;font-weight:700}.counseling-viewer-card.reschedule-card .reschedule-card-description{color:#6b7280;margin:0 0 12px;font-size:14px;line-height:1.5}.counseling-viewer-card.reschedule-card .reschedule-reason{color:#374151;margin:12px 0 0;font-size:14px;line-height:1.5}.counseling-viewer-card.reschedule-card .reschedule-reason-label{color:#6b7280;font-weight:600}.counseling-viewer-card.reschedule-card .counseling-viewer-reason{margin-top:12px}.counseling-viewer-card.reschedule-card .counseling-viewer-actions.is-start{justify-content:flex-start}.counseling-viewer-card.reschedule-pending{background:#eff6ff;border-color:#bfdbfe}.counseling-viewer-card.reschedule-pending .reschedule-card-title{color:#1e40af}.counseling-viewer-card.reschedule-rejected{background:#fef2f2;border-color:#fecaca}.counseling-viewer-card.reschedule-rejected .reschedule-card-title{color:#991b1b}.counseling-viewer-card.reschedule-cancelled{background:#f9fafb;border-color:#e5e7eb}.counseling-viewer-card.reschedule-cancelled .reschedule-card-title{color:#6b7280}.counseling-viewer-notes{margin-top:16px}.counseling-viewer-notes .counseling-viewer-notes-body{color:#374151;white-space:pre-wrap;word-break:break-word;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin:6px 0 0;padding:12px 14px;font-size:14px;line-height:1.6}.counseling-viewer-notes.is-reject .counseling-viewer-notes-body{color:#991b1b;background:#fef2f2;border-color:#fecaca}.counseling-viewer-actions{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.counseling-result-read-header h2{color:#111827;margin:0 0 16px;font-size:18px;font-weight:700}.counseling-result-read-muted{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.counseling-result-read-error{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.counseling-result-read-error p{color:#b91c1c;margin:0;font-size:14px;line-height:1.5}.counseling-result-read-body{flex-direction:column;gap:16px;display:flex}.counseling-result-read-field h3{color:#6b7280;margin:0 0 6px;font-size:13px;font-weight:700}.counseling-result-read-field p{color:#111827;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:15px;font-weight:500;line-height:1.65}.counseling-result-read-field.is-summary p{font-size:16px;font-weight:600;line-height:1.6}.counseling-result-read-field.is-next-action{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px}.counseling-result-read-field.is-next-action h3{color:#4b5563}@media (width<=768px){.counseling-viewer-page .counseling-viewer-page-header h1{font-size:20px}.counseling-viewer-card{padding:18px 16px}.counseling-viewer-summary-header{flex-direction:column}.counseling-viewer-resource{font-size:20px}.counseling-viewer-actions .counseling-detail-action-btn{flex:calc(50% - 4px);justify-content:center;min-height:44px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .counseling-viewer-page .counseling-viewer-page-header h1{color:#f1f5f9}html:not([data-theme=light]) .counseling-viewer-page .counseling-viewer-page-header p{color:#9ca3af}html:not([data-theme=light]) .counseling-viewer-card{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html:not([data-theme=light]) .counseling-viewer-resource,html:not([data-theme=light]) .counseling-viewer-date,html:not([data-theme=light]) .counseling-viewer-time,html:not([data-theme=light]) .counseling-result-read-header h2,html:not([data-theme=light]) .counseling-result-read-field p{color:#f1f5f9}html:not([data-theme=light]) .counseling-viewer-student,html:not([data-theme=light]) .counseling-viewer-meta-label,html:not([data-theme=light]) .counseling-viewer-meta-value,html:not([data-theme=light]) .counseling-result-read-muted,html:not([data-theme=light]) .counseling-result-read-field h3{color:#9ca3af}html:not([data-theme=light]) .counseling-viewer-pending{color:#93c5fd;background:#3b82f629;border-color:#60a5fa59}html:not([data-theme=light]) .counseling-viewer-notes .counseling-viewer-notes-body{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .counseling-viewer-notes.is-reject .counseling-viewer-notes-body{color:#fca5a5;background:#7f1d1d59;border-color:#7f1d1d}html:not([data-theme=light]) .counseling-viewer-actions{border-top-color:#4a5568}html:not([data-theme=light]) .counseling-result-read-error p{color:#fca5a5}html:not([data-theme=light]) .counseling-result-read-field.is-next-action{background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .counseling-viewer-card.reschedule-toast.reschedule-approved-toast{background:#10b98129;border-color:#34d39966}html:not([data-theme=light]) .counseling-viewer-card .reschedule-toast-text{color:#6ee7b7}html:not([data-theme=light]) .counseling-viewer-card.reschedule-pending{background:#3b82f629;border-color:#60a5fa59}html:not([data-theme=light]) .counseling-viewer-card.reschedule-pending .reschedule-card-title{color:#93c5fd}html:not([data-theme=light]) .counseling-viewer-card.reschedule-rejected{background:#7f1d1d59;border-color:#7f1d1d}html:not([data-theme=light]) .counseling-viewer-card.reschedule-rejected .reschedule-card-title{color:#fca5a5}html:not([data-theme=light]) .counseling-viewer-card.reschedule-cancelled{background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .counseling-viewer-card.reschedule-cancelled .reschedule-card-title{color:#9ca3af}}html[data-theme=dark] .counseling-viewer-page .counseling-viewer-page-header h1{color:#f1f5f9}html[data-theme=dark] .counseling-viewer-page .counseling-viewer-page-header p{color:#9ca3af}html[data-theme=dark] .counseling-viewer-card{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px #00000040}html[data-theme=dark] .counseling-viewer-resource,html[data-theme=dark] .counseling-viewer-date,html[data-theme=dark] .counseling-viewer-time,html[data-theme=dark] .counseling-result-read-header h2,html[data-theme=dark] .counseling-result-read-field p{color:#f1f5f9}html[data-theme=dark] .counseling-viewer-student,html[data-theme=dark] .counseling-viewer-meta-label,html[data-theme=dark] .counseling-viewer-meta-value,html[data-theme=dark] .counseling-result-read-muted,html[data-theme=dark] .counseling-result-read-field h3{color:#9ca3af}html[data-theme=dark] .counseling-viewer-pending{color:#93c5fd;background:#3b82f629;border-color:#60a5fa59}html[data-theme=dark] .counseling-viewer-notes .counseling-viewer-notes-body{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .counseling-viewer-notes.is-reject .counseling-viewer-notes-body{color:#fca5a5;background:#7f1d1d59;border-color:#7f1d1d}html[data-theme=dark] .counseling-viewer-actions{border-top-color:#4a5568}html[data-theme=dark] .counseling-result-read-error p{color:#fca5a5}html[data-theme=dark] .counseling-result-read-field.is-next-action{background:#1f2937;border-color:#4a5568}html[data-theme=dark] .counseling-viewer-card.reschedule-toast.reschedule-approved-toast{background:#10b98129;border-color:#34d39966}html[data-theme=dark] .counseling-viewer-card .reschedule-toast-text{color:#6ee7b7}html[data-theme=dark] .counseling-viewer-card.reschedule-pending{background:#3b82f629;border-color:#60a5fa59}html[data-theme=dark] .counseling-viewer-card.reschedule-pending .reschedule-card-title{color:#93c5fd}html[data-theme=dark] .counseling-viewer-card.reschedule-rejected{background:#7f1d1d59;border-color:#7f1d1d}html[data-theme=dark] .counseling-viewer-card.reschedule-rejected .reschedule-card-title{color:#fca5a5}html[data-theme=dark] .counseling-viewer-card.reschedule-cancelled{background:#1f2937;border-color:#4a5568}html[data-theme=dark] .counseling-viewer-card.reschedule-cancelled .reschedule-card-title{color:#9ca3af}.student-booking-results-page .results-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;display:grid}.student-booking-results-page .result-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s;box-shadow:0 1px 3px #0000001a}.student-booking-results-page .result-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.student-booking-results-page .result-card .result-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.student-booking-results-page .result-card .result-header h3{color:#1f2937;margin:0;font-size:18px;font-weight:700}.student-booking-results-page .result-card .result-header .status-badge{text-align:center;color:#065f46;background:#d1fae5;border:1px solid #10b981;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.student-booking-results-page .result-card .result-info{flex-direction:column;gap:16px;display:flex}.student-booking-results-page .result-card .result-info .info-item{flex-direction:column;gap:4px;display:flex}.student-booking-results-page .result-card .result-info .info-item label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.student-booking-results-page .result-card .result-info .info-item .value{color:#1f2937;font-size:14px;line-height:1.5}.student-booking-results-page .no-data{text-align:center;justify-content:center;align-items:center;height:200px;display:flex}.student-booking-results-page .no-data p{color:#6b7280;margin:0;font-size:16px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .student-booking-results-page .result-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-booking-results-page .result-card:hover{border-color:#60a5fa}html:not([data-theme=light]) .student-booking-results-page .result-card .result-header{border-bottom-color:#4a5568}html:not([data-theme=light]) .student-booking-results-page .result-card .result-header h3{color:#f1f5f9}html:not([data-theme=light]) .student-booking-results-page .result-card .result-info .info-item label{color:#a0aec0}html:not([data-theme=light]) .student-booking-results-page .result-card .result-info .info-item .value{color:#e2e8f0}}html[data-theme=dark] .student-booking-results-page .result-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-booking-results-page .result-card:hover{border-color:#60a5fa}html[data-theme=dark] .student-booking-results-page .result-card .result-header{border-bottom-color:#4a5568}html[data-theme=dark] .student-booking-results-page .result-card .result-header h3{color:#f1f5f9}html[data-theme=dark] .student-booking-results-page .result-card .result-info .info-item label{color:#a0aec0}html[data-theme=dark] .student-booking-results-page .result-card .result-info .info-item .value{color:#e2e8f0}@media (width<=768px){.student-booking-results-page{padding:16px}.student-booking-results-page .page-header{margin-bottom:24px;padding:16px}.student-booking-results-page .results-list{grid-template-columns:1fr;gap:16px}.student-booking-results-page .result-card{padding:16px}}.admin-parent-detail-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-parent-detail-page .loading-container,.admin-parent-detail-page .not-found-container{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:40vh;display:flex}.admin-parent-detail-page .not-found-container h2{color:#1f2937;margin:0;font-size:20px}.admin-parent-detail-page .back-to-list-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;margin-top:8px;padding:10px 16px;font-weight:500}.admin-parent-detail-page .parent-detail-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px 24px;box-shadow:0 1px 3px #00000014}.admin-parent-detail-page .parent-detail-header .back-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 10px;font-size:14px;display:inline-flex}.admin-parent-detail-page .parent-detail-header .back-btn:hover{color:#374151;background:#f3f4f6}.admin-parent-detail-page .parent-detail-header .header-main{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-parent-detail-page .parent-detail-header .header-icon-wrap{color:#7c3aed;background:#ede9fe;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.admin-parent-detail-page .parent-detail-header .header-text{flex:1;min-width:0}.admin-parent-detail-page .parent-detail-header .header-text h1{color:#1f2937;margin:0 0 4px;font-size:24px}.admin-parent-detail-page .parent-detail-header .header-text .header-academy{color:#6b7280;margin:0;font-size:14px}.admin-parent-detail-page .parent-detail-header .header-badges{flex-wrap:wrap;gap:8px;display:flex}.admin-parent-detail-page .parent-detail-header .status-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.admin-parent-detail-page .parent-detail-header .status-badge.pending{color:#92400e;background:#fef3c7}.admin-parent-detail-page .parent-detail-header .status-badge.inactive{color:#b91c1c;background:#fee2e2}.admin-parent-detail-page .parent-detail-header .header-actions{border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;display:flex}.admin-parent-detail-page .parent-detail-header .header-action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.admin-parent-detail-page .parent-detail-header .header-action-btn.merge{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.admin-parent-detail-page .parent-detail-header .header-action-btn.reset-password{color:#b45309;background:#fffbeb;border-color:#fde68a}.admin-parent-detail-page .parent-detail-header .header-action-btn.reset-password:hover{background:#fef3c7;border-color:#fcd34d}.admin-parent-detail-page .parent-detail-header .header-action-btn:disabled{opacity:.6;cursor:not-allowed}.admin-parent-detail-page .parent-detail-header .header-action-btn:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.admin-parent-detail-page .parent-detail-content{flex-direction:column;gap:16px;display:flex}.admin-parent-detail-page .parent-detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px}.admin-parent-detail-page .parent-detail-section h2{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:18px;display:flex}.admin-parent-detail-page .parent-detail-section h2 .section-count{color:#6b7280;font-size:14px;font-weight:500}.admin-parent-detail-page .parent-detail-section .section-empty-text{color:#6b7280;margin:0;font-size:14px}.admin-parent-detail-page .parent-info-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px 24px;margin:0;display:grid}.admin-parent-detail-page .parent-info-grid .parent-info-row dt{color:#6b7280;align-items:center;gap:6px;margin:0 0 4px;font-size:12px;font-weight:600;display:flex}.admin-parent-detail-page .parent-info-grid .parent-info-row dd{color:#1f2937;word-break:break-word;margin:0;font-size:14px}.admin-parent-detail-page .parent-children-grid{gap:12px;margin:0;padding:0;list-style:none;display:grid}.admin-parent-detail-page .parent-child-card{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:16px;transition:border-color .2s,box-shadow .2s}.admin-parent-detail-page .parent-child-card:hover{border-color:#a5b4fc;box-shadow:0 4px 12px #6366f11f}.admin-parent-detail-page .parent-child-card .child-card-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.admin-parent-detail-page .parent-child-card .child-card-header strong{color:#1f2937;font-size:16px}.admin-parent-detail-page .parent-child-card .child-card-meta{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px 16px;margin:0;display:grid}.admin-parent-detail-page .parent-child-card .child-card-meta div dt{color:#9ca3af;text-transform:uppercase;letter-spacing:.02em;margin:0 0 2px;font-size:11px;font-weight:600}.admin-parent-detail-page .parent-child-card .child-card-meta div dd{color:#374151;margin:0;font-size:13px}.admin-parent-detail-page .badge{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.admin-parent-detail-page .badge.no-account{color:#92400e;background:#fef3c7}.admin-parent-detail-page .parent-detail-toast{z-index:2200;color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;align-items:flex-start;gap:8px;max-width:min(420px,100vw - 32px);padding:12px 16px;font-size:14px;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0000001f}.admin-parent-detail-page .parent-detail-toast.is-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-parent-detail-page{background:#0f172a}html:not([data-theme=light]) .admin-parent-detail-page .parent-detail-header,html:not([data-theme=light]) .admin-parent-detail-page .parent-detail-section{background:#1e293b;border-color:#334155}html:not([data-theme=light]) .admin-parent-detail-page .header-text h1,html:not([data-theme=light]) .admin-parent-detail-page .parent-detail-section h2,html:not([data-theme=light]) .admin-parent-detail-page .parent-info-row dd,html:not([data-theme=light]) .admin-parent-detail-page .parent-child-card .child-card-header strong,html:not([data-theme=light]) .admin-parent-detail-page .parent-child-card .child-card-meta dd{color:#f1f5f9}html:not([data-theme=light]) .admin-parent-detail-page .header-text .header-academy,html:not([data-theme=light]) .admin-parent-detail-page .parent-info-row dt,html:not([data-theme=light]) .admin-parent-detail-page .section-empty-text{color:#94a3b8}html:not([data-theme=light]) .admin-parent-detail-page .parent-child-card{background:#0f172a;border-color:#334155}html:not([data-theme=light]) .admin-parent-detail-page .parent-detail-toast.is-error{color:#fca5a5;background:#f871711f;border-color:#f8717159}}html[data-theme=dark] .admin-parent-detail-page{background:#0f172a}html[data-theme=dark] .admin-parent-detail-page .parent-detail-header,html[data-theme=dark] .admin-parent-detail-page .parent-detail-section{background:#1e293b;border-color:#334155}html[data-theme=dark] .admin-parent-detail-page .header-text h1,html[data-theme=dark] .admin-parent-detail-page .parent-detail-section h2,html[data-theme=dark] .admin-parent-detail-page .parent-info-row dd,html[data-theme=dark] .admin-parent-detail-page .parent-child-card .child-card-header strong,html[data-theme=dark] .admin-parent-detail-page .parent-child-card .child-card-meta dd{color:#f1f5f9}html[data-theme=dark] .admin-parent-detail-page .header-text .header-academy,html[data-theme=dark] .admin-parent-detail-page .parent-info-row dt,html[data-theme=dark] .admin-parent-detail-page .section-empty-text{color:#94a3b8}html[data-theme=dark] .admin-parent-detail-page .parent-child-card{background:#0f172a;border-color:#334155}html[data-theme=dark] .admin-parent-detail-page .parent-detail-toast.is-error{color:#fca5a5;background:#f871711f;border-color:#f8717159}@media (width<=768px){.admin-parent-detail-page,.admin-parent-detail-page .parent-detail-header,.admin-parent-detail-page .parent-detail-section{padding:16px}}.edit-instructor-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:400px;margin:20px auto;padding:24px;animation:.3s ease-out formSlideIn;display:flex;box-shadow:0 25px 50px -12px #00000040}.edit-instructor-form h3{color:#1f2937;text-align:center;border-bottom:1px solid #e5e7eb;margin:0 0 8px;padding-bottom:12px;font-size:18px;font-weight:600}.edit-instructor-form label{color:#374151;flex-direction:column;gap:6px;margin-bottom:4px;font-size:14px;font-weight:500;display:flex}.edit-instructor-form input{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.edit-instructor-form input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.edit-instructor-form input::placeholder{color:#9ca3af}.edit-instructor-form .button-group{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}.edit-instructor-form .button-group button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.edit-instructor-form .button-group button:first-child{color:#fff;background:#3b82f6}.edit-instructor-form .button-group button:first-child:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.edit-instructor-form .button-group button:first-child:active{transform:translateY(0)}.edit-instructor-form .button-group button:last-child{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.edit-instructor-form .button-group button:last-child:hover{background:#e5e7eb}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .edit-instructor-form{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html:not([data-theme=light]) .edit-instructor-form h3{color:#f1f5f9;border-bottom-color:#4a5568}html:not([data-theme=light]) .edit-instructor-form label{color:#e2e8f0}html:not([data-theme=light]) .edit-instructor-form input{color:#f1f5f9;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .edit-instructor-form input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html:not([data-theme=light]) .edit-instructor-form input::placeholder{color:#a0aec0}html:not([data-theme=light]) .edit-instructor-form .button-group{border-top-color:#4a5568}html:not([data-theme=light]) .edit-instructor-form .button-group button:first-child{background:#63b3ed}html:not([data-theme=light]) .edit-instructor-form .button-group button:first-child:hover{background:#4299e1;box-shadow:0 4px 12px #63b3ed4d}html:not([data-theme=light]) .edit-instructor-form .button-group button:last-child{color:#e2e8f0;background:#4a5568;border-color:#718096}html:not([data-theme=light]) .edit-instructor-form .button-group button:last-child:hover{background:#718096}}html[data-theme=dark] .edit-instructor-form{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html[data-theme=dark] .edit-instructor-form h3{color:#f1f5f9;border-bottom-color:#4a5568}html[data-theme=dark] .edit-instructor-form label{color:#e2e8f0}html[data-theme=dark] .edit-instructor-form input{color:#f1f5f9;background:#4a5568;border-color:#718096}html[data-theme=dark] .edit-instructor-form input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}html[data-theme=dark] .edit-instructor-form input::placeholder{color:#a0aec0}html[data-theme=dark] .edit-instructor-form .button-group{border-top-color:#4a5568}html[data-theme=dark] .edit-instructor-form .button-group button:first-child{background:#63b3ed}html[data-theme=dark] .edit-instructor-form .button-group button:first-child:hover{background:#4299e1;box-shadow:0 4px 12px #63b3ed4d}html[data-theme=dark] .edit-instructor-form .button-group button:last-child{color:#e2e8f0;background:#4a5568;border-color:#718096}html[data-theme=dark] .edit-instructor-form .button-group button:last-child:hover{background:#718096}@media (width<=768px){.edit-instructor-form{width:calc(100vw - 32px);max-width:none;margin:16px;padding:20px}.edit-instructor-form h3{font-size:16px}.edit-instructor-form input{padding:10px 12px;font-size:14px}.edit-instructor-form .button-group{flex-direction:column}.edit-instructor-form .button-group button{width:100%;padding:12px}}.admin-instructor-detail-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-instructor-detail-page .loading-container,.admin-instructor-detail-page .not-found-container{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:40vh;display:flex}.admin-instructor-detail-page .not-found-container h2{color:#1f2937;margin:0;font-size:20px}.admin-instructor-detail-page .back-to-list-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;margin-top:8px;padding:10px 16px;font-weight:500}.admin-instructor-detail-page .instructor-detail-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px 24px;box-shadow:0 1px 3px #00000014}.admin-instructor-detail-page .instructor-detail-header .back-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 10px;font-size:14px;display:inline-flex}.admin-instructor-detail-page .instructor-detail-header .back-btn:hover{color:#374151;background:#f3f4f6}.admin-instructor-detail-page .instructor-detail-header .header-main{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-instructor-detail-page .instructor-detail-header .header-icon-wrap{color:#2563eb;background:#dbeafe;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.admin-instructor-detail-page .instructor-detail-header .header-text{flex:1;min-width:0}.admin-instructor-detail-page .instructor-detail-header .header-text h1{color:#1f2937;margin:0 0 4px;font-size:24px}.admin-instructor-detail-page .instructor-detail-header .header-text .header-academy{color:#6b7280;margin:0;font-size:14px}.admin-instructor-detail-page .instructor-detail-header .header-badges{flex-wrap:wrap;gap:8px;display:flex}.admin-instructor-detail-page .instructor-detail-header .status-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.admin-instructor-detail-page .instructor-detail-header .status-badge.status-active{color:#166534;background:#dcfce7}.admin-instructor-detail-page .instructor-detail-header .status-badge.status-inactive{color:#b91c1c;background:#fee2e2}.admin-instructor-detail-page .instructor-detail-header .status-badge.account-active{color:#1d4ed8;background:#dbeafe}.admin-instructor-detail-page .instructor-detail-header .status-badge.account-inactive{color:#64748b;background:#f1f5f9}.admin-instructor-detail-page .instructor-detail-header .header-actions{border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;display:flex}.admin-instructor-detail-page .instructor-detail-header .header-action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.admin-instructor-detail-page .instructor-detail-header .header-action-btn.edit{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.admin-instructor-detail-page .instructor-detail-header .header-action-btn.deactivate{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.admin-instructor-detail-page .instructor-detail-header .header-action-btn.reset-password{color:#b45309;background:#fffbeb;border-color:#fde68a}.admin-instructor-detail-page .instructor-detail-header .header-action-btn.reset-password:hover{background:#fef3c7;border-color:#fcd34d}.admin-instructor-detail-page .instructor-detail-header .header-action-btn.reactivate{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.admin-instructor-detail-page .instructor-detail-header .header-action-btn:disabled{opacity:.6;cursor:not-allowed}.admin-instructor-detail-page .instructor-detail-header .header-action-btn:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.admin-instructor-detail-page .instructor-detail-content{flex-direction:column;gap:16px;display:flex}.admin-instructor-detail-page .instructor-detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px}.admin-instructor-detail-page .instructor-detail-section h2{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:18px;display:flex}.admin-instructor-detail-page .instructor-detail-section h2 .section-count{color:#6b7280;font-size:14px;font-weight:500}.admin-instructor-detail-page .instructor-detail-section .section-empty-text,.admin-instructor-detail-page .instructor-detail-section .section-text{color:#374151;margin:0;font-size:14px;line-height:1.5}.admin-instructor-detail-page .instructor-detail-section .section-empty-text{color:#6b7280}.admin-instructor-detail-page .instructor-info-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px 24px;margin:0;display:grid}.admin-instructor-detail-page .instructor-info-grid .instructor-info-row dt{color:#6b7280;align-items:center;gap:6px;margin:0 0 4px;font-size:12px;font-weight:600;display:flex}.admin-instructor-detail-page .instructor-info-grid .instructor-info-row dd{color:#1f2937;word-break:break-word;margin:0;font-size:14px}.admin-instructor-detail-page .instructor-link-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.admin-instructor-detail-page .instructor-link-card{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.admin-instructor-detail-page .instructor-link-card strong{color:#1f2937;font-size:14px}.admin-instructor-detail-page .instructor-link-card:hover{border-color:#93c5fd;box-shadow:0 4px 12px #2563eb1f}.admin-instructor-detail-page .instructor-edit-modal{z-index:2000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.admin-instructor-detail-page .instructor-detail-toast{z-index:2200;color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;align-items:flex-start;gap:8px;max-width:min(420px,100vw - 32px);padding:12px 16px;font-size:14px;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0000001f}.admin-instructor-detail-page .instructor-detail-toast.is-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}@media (width<=768px){.admin-instructor-detail-page,.admin-instructor-detail-page .instructor-detail-header,.admin-instructor-detail-page .instructor-detail-section{padding:16px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-instructor-detail-page{background:var(--app-bg)}html:not([data-theme=light]) .admin-instructor-detail-page .loading-container,html:not([data-theme=light]) .admin-instructor-detail-page .not-found-container{color:var(--text-muted)}html:not([data-theme=light]) .admin-instructor-detail-page .not-found-container h2{color:var(--text-heading)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-header{background:var(--surface-0);border-color:var(--border-default);box-shadow:var(--card-shadow)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-header .back-btn{color:var(--text-muted)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-header .back-btn:hover{background:var(--hover-bg);color:var(--text-secondary)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-header .header-icon-wrap{background:var(--accent-subtle-bg);color:var(--accent)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-header .header-text h1{color:var(--text-heading)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-header .header-academy{color:var(--text-muted)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-header .header-actions{border-top-color:var(--border-default)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-header .header-action-btn.edit{background:var(--accent-subtle-bg);color:var(--accent-subtle-fg);border-color:var(--accent-subtle-border)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-header .header-action-btn.deactivate{background:var(--error-bg);color:var(--error-fg);border-color:#f871714d}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-header .header-action-btn.reset-password{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b59}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-header .header-action-btn.reactivate{background:var(--success-bg);color:var(--success-fg);border-color:#34d39959}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-section{background:var(--surface-0);border-color:var(--border-default)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-section h2{color:var(--text-heading)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-section h2 .section-count{color:var(--text-muted)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-section .section-empty-text,html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-section .section-text{color:var(--text-secondary)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-section .section-empty-text{color:var(--text-muted)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-info-grid .instructor-info-row dt{color:var(--text-subtle)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-info-grid .instructor-info-row dd{color:var(--text-primary)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-link-card{background:var(--surface-1);border-color:var(--border-default)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-link-card strong{color:var(--text-heading)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-link-card:hover{border-color:var(--accent-subtle-border);box-shadow:var(--shadow-sm)}}html[data-theme=dark] .admin-instructor-detail-page{background:var(--app-bg)}html[data-theme=dark] .admin-instructor-detail-page .loading-container,html[data-theme=dark] .admin-instructor-detail-page .not-found-container{color:var(--text-muted)}html[data-theme=dark] .admin-instructor-detail-page .not-found-container h2{color:var(--text-heading)}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-header{background:var(--surface-0);border-color:var(--border-default);box-shadow:var(--card-shadow)}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-header .back-btn{color:var(--text-muted)}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-header .back-btn:hover{background:var(--hover-bg);color:var(--text-secondary)}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-header .header-icon-wrap{background:var(--accent-subtle-bg);color:var(--accent)}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-header .header-text h1{color:var(--text-heading)}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-header .header-academy{color:var(--text-muted)}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-header .header-actions{border-top-color:var(--border-default)}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-header .header-action-btn.edit{background:var(--accent-subtle-bg);color:var(--accent-subtle-fg);border-color:var(--accent-subtle-border)}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-header .header-action-btn.deactivate{background:var(--error-bg);color:var(--error-fg);border-color:#f871714d}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-header .header-action-btn.reset-password{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b59}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-header .header-action-btn.reactivate{background:var(--success-bg);color:var(--success-fg);border-color:#34d39959}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-section{background:var(--surface-0);border-color:var(--border-default)}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-section h2{color:var(--text-heading)}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-section h2 .section-count{color:var(--text-muted)}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-section .section-empty-text,html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-section .section-text{color:var(--text-secondary)}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-section .section-empty-text{color:var(--text-muted)}html[data-theme=dark] .admin-instructor-detail-page .instructor-info-grid .instructor-info-row dt{color:var(--text-subtle)}html[data-theme=dark] .admin-instructor-detail-page .instructor-info-grid .instructor-info-row dd{color:var(--text-primary)}html[data-theme=dark] .admin-instructor-detail-page .instructor-link-card{background:var(--surface-1);border-color:var(--border-default)}html[data-theme=dark] .admin-instructor-detail-page .instructor-link-card strong{color:var(--text-heading)}html[data-theme=dark] .admin-instructor-detail-page .instructor-link-card:hover{border-color:var(--accent-subtle-border);box-shadow:var(--shadow-sm)}.header{color:#f1f5f9;background:#1e293b;border-bottom:1px solid #334155;border-radius:0;justify-content:space-between;align-items:center;padding:20px 24px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 2px 4px #0000001a}.header h1{color:#f1f5f9;margin:0;font-size:1.8rem;font-weight:700}.header .header-actions{align-items:center;gap:12px;display:flex}.header .header-button{color:#f1f5f9;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;height:40px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.2;transition:all .2s}.header .header-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.header .header-button:active{transform:translateY(0)}.header .header-button:focus{outline:none;box-shadow:0 0 0 2px #fff6}.header .language-switcher-group{align-items:center;gap:12px;display:flex}.header select.language-switcher,.header select.timezone-switcher{color:#f1f5f9;vertical-align:middle;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;height:40px;padding:0 12px;font-size:14px;font-weight:600;line-height:1.2;transition:all .2s}.header select.language-switcher:hover,.header select.timezone-switcher:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.header select.language-switcher:focus,.header select.timezone-switcher:focus{outline:none;box-shadow:0 0 0 2px #fff6}.header select.language-switcher option,.header select.timezone-switcher option{color:#f1f5f9;background:#1e293b}.header .theme-toggle{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:2px;padding:3px;display:inline-flex}.header .theme-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:inline-flex}.header .theme-toggle-btn:hover{color:#e2e8f0;background:#ffffff1a}.header .theme-toggle-btn.is-active{color:#c7d2fe;background:#6366f140}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .header{color:#f1f5f9;background:#0f172a;border-bottom-color:#1e293b;box-shadow:0 1px 3px #0000004d}html:not([data-theme=light]) .header h1{color:#f1f5f9}html:not([data-theme=light]) .header .theme-toggle{background:#ffffff0d;border-color:#ffffff1a}html:not([data-theme=light]) .header .theme-toggle-btn{color:#94a3b8}html:not([data-theme=light]) .header .theme-toggle-btn:hover{color:#e2e8f0;background:#ffffff14}html:not([data-theme=light]) .header .theme-toggle-btn.is-active{color:#c7d2fe;box-shadow:none;background:#6366f133}html:not([data-theme=light]) .header .header-button{color:#f1f5f9;background:#ffffff0d;border-color:#ffffff1a}html:not([data-theme=light]) .header .header-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}html:not([data-theme=light]) .header select.language-switcher,html:not([data-theme=light]) .header select.timezone-switcher{color:#f1f5f9;background:#ffffff0d;border-color:#ffffff1a}html:not([data-theme=light]) .header select.language-switcher:hover,html:not([data-theme=light]) .header select.timezone-switcher:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}html:not([data-theme=light]) .header select.language-switcher option,html:not([data-theme=light]) .header select.timezone-switcher option{color:#f1f5f9;background:#0f172a}}html[data-theme=dark] .header{color:#f1f5f9;background:#0f172a;border-bottom-color:#1e293b;box-shadow:0 1px 3px #0000004d}html[data-theme=dark] .header h1{color:#f1f5f9}html[data-theme=dark] .header .theme-toggle{background:#ffffff0d;border-color:#ffffff1a}html[data-theme=dark] .header .theme-toggle-btn{color:#94a3b8}html[data-theme=dark] .header .theme-toggle-btn:hover{color:#e2e8f0;background:#ffffff14}html[data-theme=dark] .header .theme-toggle-btn.is-active{color:#c7d2fe;box-shadow:none;background:#6366f133}html[data-theme=dark] .header .header-button{color:#f1f5f9;background:#ffffff0d;border-color:#ffffff1a}html[data-theme=dark] .header .header-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}html[data-theme=dark] .header select.language-switcher,html[data-theme=dark] .header select.timezone-switcher{color:#f1f5f9;background:#ffffff0d;border-color:#ffffff1a}html[data-theme=dark] .header select.language-switcher:hover,html[data-theme=dark] .header select.timezone-switcher:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}html[data-theme=dark] .header select.language-switcher option,html[data-theme=dark] .header select.timezone-switcher option{color:#f1f5f9;background:#0f172a}@media (width<=768px){.header{padding:16px 20px}.header h1{font-size:1.5rem}.header .header-actions{gap:8px}.header .header-button{height:36px;padding:8px 12px;font-size:13px}.header select.language-switcher,.header select.timezone-switcher{height:36px;padding:0 8px;font-size:13px}.header .language-switcher-group{gap:8px}}@media (width<=480px){.header{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.header h1{text-align:center;font-size:1.3rem}.header .header-actions{justify-content:center;gap:8px}.header .header-button{flex:1;height:32px;padding:8px 12px;font-size:12px}.header select.language-switcher,.header select.timezone-switcher{flex:1;height:32px;padding:0 8px;font-size:12px}.header .language-switcher-group{flex:1;gap:6px}}.sidebar{color:#374151;background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;width:260px;min-height:100vh;padding:0;transition:width .3s;display:flex;position:relative;overflow:hidden;box-shadow:2px 0 10px #0000001a}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 10px}.sidebar.collapsed .sidebar-header h2,.sidebar.collapsed .menu-label{display:none}.sidebar.collapsed ul li:after{opacity:0}.sidebar.collapsed ul li:hover:after{opacity:1}.sidebar .sidebar-header{background:0 0;border-bottom:none;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.sidebar .sidebar-header h2{color:#1e293b;margin:0;font-size:20px;font-weight:700}.sidebar .sidebar-header .sidebar-toggle{all:unset;color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;font-size:18px;transition:all .2s;display:flex}.sidebar .sidebar-header .sidebar-toggle:hover{color:#1e293b;background:#cbd5e1}.sidebar .sidebar-header .sidebar-toggle:active{transform:scale(.95)}.sidebar ul{background:0 0;margin:0;padding:8px 0 16px;list-style:none}.sidebar ul li{color:#475569;border-radius:6px;margin:2px 16px;padding:0;font-size:15px;transition:all .2s;position:relative}.sidebar ul li:not(.menu-item){cursor:pointer;align-items:center;gap:12px;padding:12px 20px;display:flex}.sidebar ul li:not(.menu-item) .menu-icon{text-align:center;color:#64748b;width:20px;font-size:18px;transition:all .2s}.sidebar ul li:not(.menu-item) .menu-label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;transition:all .2s;overflow:hidden}.sidebar ul li:not(.menu-item):hover{color:#1e293b;background:#e2e8f0}.sidebar ul li:not(.menu-item):hover .menu-icon{color:#475569}.sidebar ul li:not(.menu-item):hover .menu-label{font-weight:600}.sidebar ul li:not(.menu-item).active{color:#fff;background:#10b981;font-weight:600}.sidebar ul li:not(.menu-item).active .menu-icon{color:#fff}.sidebar ul li:not(.menu-item).active .menu-label{font-weight:600}.sidebar ul li:not(.menu-item):after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;background:#374151;border-radius:6px;margin-left:12px;padding:8px 12px;font-size:13px;transition:all .2s;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:0 4px 12px #00000026}.sidebar ul li.menu-item{flex-direction:column;display:flex}.sidebar ul li.menu-item .menu-item-header{cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:12px 20px;transition:all .2s;display:flex}.sidebar ul li.menu-item .menu-item-header .menu-icon{text-align:center;color:#64748b;width:20px;font-size:18px;transition:all .2s}.sidebar ul li.menu-item .menu-item-header .menu-label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;transition:all .2s;overflow:hidden}.sidebar ul li.menu-item .menu-item-header .menu-arrow{color:#64748b;align-items:center;transition:all .2s;display:flex}.sidebar ul li.menu-item .menu-item-header:hover{color:#1e293b;background:#e2e8f0}.sidebar ul li.menu-item .menu-item-header:hover .menu-icon,.sidebar ul li.menu-item .menu-item-header:hover .menu-arrow{color:#475569}.sidebar ul li.menu-item .menu-item-header:hover .menu-label{font-weight:600}.sidebar ul li.menu-item.active .menu-item-header{color:#fff;background:#10b981}.sidebar ul li.menu-item.active .menu-item-header .menu-icon,.sidebar ul li.menu-item.active .menu-item-header .menu-arrow{color:#fff}.sidebar ul li.menu-item.active .menu-item-header .menu-label{font-weight:600}.sidebar ul li.menu-item.expanded .menu-item-header .menu-arrow{transform:rotate(90deg)}.sidebar ul li.menu-item .submenu{background:0 0;margin:0;padding:4px 0;list-style:none;animation:.2s slideDown;overflow:hidden}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.sidebar ul li.menu-item .submenu .submenu-item{cursor:pointer;color:#64748b;border-radius:6px;padding:10px 20px 10px 48px;font-size:14px;transition:all .2s;position:relative}.sidebar ul li.menu-item .submenu .submenu-item:before{content:"";background:#94a3b8;border-radius:50%;width:4px;height:4px;transition:all .2s;position:absolute;top:50%;left:36px;transform:translateY(-50%)}.sidebar ul li.menu-item .submenu .submenu-item .submenu-label{font-weight:500;transition:all .2s}.sidebar ul li.menu-item .submenu .submenu-item:hover{color:#475569;background:#f1f5f9}.sidebar ul li.menu-item .submenu .submenu-item:hover:before{background:#475569}.sidebar ul li.menu-item .submenu .submenu-item:hover .submenu-label{font-weight:600}.sidebar ul li.menu-item .submenu .submenu-item.active{color:#1e40af;background:#dbeafe;font-weight:600}.sidebar ul li.menu-item .submenu .submenu-item.active:before{background:#1e40af}.sidebar ul li.menu-item .submenu .submenu-item.active .submenu-label{font-weight:600}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .sidebar{background:#1f2937;border-right-color:#374151}html:not([data-theme=light]) .sidebar .sidebar-header{background:0 0;border-bottom:none}html:not([data-theme=light]) .sidebar .sidebar-header h2{color:#f9fafb}html:not([data-theme=light]) .sidebar .sidebar-header .sidebar-toggle{color:#d1d5db;background:#4b5563}html:not([data-theme=light]) .sidebar .sidebar-header .sidebar-toggle:hover{color:#f3f4f6;background:#6b7280}html:not([data-theme=light]) .sidebar ul{background:0 0}html:not([data-theme=light]) .sidebar ul li{color:#d1d5db}html:not([data-theme=light]) .sidebar ul li:not(.menu-item) .menu-icon{color:#9ca3af}html:not([data-theme=light]) .sidebar ul li:not(.menu-item):hover{color:#f3f4f6;background:#374151}html:not([data-theme=light]) .sidebar ul li:not(.menu-item):hover .menu-icon{color:#d1d5db}html:not([data-theme=light]) .sidebar ul li:not(.menu-item).active{color:#fff;background:#10b981}html:not([data-theme=light]) .sidebar ul li:not(.menu-item).active .menu-icon{color:#fff}html:not([data-theme=light]) .sidebar ul li:not(.menu-item):after{background:#374151}html:not([data-theme=light]) .sidebar ul li.menu-item .menu-item-header .menu-icon,html:not([data-theme=light]) .sidebar ul li.menu-item .menu-item-header .menu-arrow{color:#9ca3af}html:not([data-theme=light]) .sidebar ul li.menu-item .menu-item-header:hover{color:#f3f4f6;background:#374151}html:not([data-theme=light]) .sidebar ul li.menu-item .menu-item-header:hover .menu-icon,html:not([data-theme=light]) .sidebar ul li.menu-item .menu-item-header:hover .menu-arrow{color:#d1d5db}html:not([data-theme=light]) .sidebar ul li.menu-item.active .menu-item-header{color:#fff;background:#10b981}html:not([data-theme=light]) .sidebar ul li.menu-item.active .menu-item-header .menu-icon,html:not([data-theme=light]) .sidebar ul li.menu-item.active .menu-item-header .menu-arrow{color:#fff}html:not([data-theme=light]) .sidebar ul li.menu-item .submenu .submenu-item{color:#9ca3af}html:not([data-theme=light]) .sidebar ul li.menu-item .submenu .submenu-item:before{background:#6b7280}html:not([data-theme=light]) .sidebar ul li.menu-item .submenu .submenu-item:hover{color:#f3f4f6;background:#374151}html:not([data-theme=light]) .sidebar ul li.menu-item .submenu .submenu-item:hover:before{background:#d1d5db}html:not([data-theme=light]) .sidebar ul li.menu-item .submenu .submenu-item.active{color:#bfdbfe;background:#1e3a8a}html:not([data-theme=light]) .sidebar ul li.menu-item .submenu .submenu-item.active:before{background:#bfdbfe}}html[data-theme=dark] .sidebar{background:#1f2937;border-right-color:#374151}html[data-theme=dark] .sidebar .sidebar-header{background:0 0;border-bottom:none}html[data-theme=dark] .sidebar .sidebar-header h2{color:#f9fafb}html[data-theme=dark] .sidebar .sidebar-header .sidebar-toggle{color:#d1d5db;background:#4b5563}html[data-theme=dark] .sidebar .sidebar-header .sidebar-toggle:hover{color:#f3f4f6;background:#6b7280}html[data-theme=dark] .sidebar ul{background:0 0}html[data-theme=dark] .sidebar ul li{color:#d1d5db}html[data-theme=dark] .sidebar ul li:not(.menu-item) .menu-icon{color:#9ca3af}html[data-theme=dark] .sidebar ul li:not(.menu-item):hover{color:#f3f4f6;background:#374151}html[data-theme=dark] .sidebar ul li:not(.menu-item):hover .menu-icon{color:#d1d5db}html[data-theme=dark] .sidebar ul li:not(.menu-item).active{color:#fff;background:#10b981}html[data-theme=dark] .sidebar ul li:not(.menu-item).active .menu-icon{color:#fff}html[data-theme=dark] .sidebar ul li:not(.menu-item):after{background:#374151}html[data-theme=dark] .sidebar ul li.menu-item .menu-item-header .menu-icon,html[data-theme=dark] .sidebar ul li.menu-item .menu-item-header .menu-arrow{color:#9ca3af}html[data-theme=dark] .sidebar ul li.menu-item .menu-item-header:hover{color:#f3f4f6;background:#374151}html[data-theme=dark] .sidebar ul li.menu-item .menu-item-header:hover .menu-icon,html[data-theme=dark] .sidebar ul li.menu-item .menu-item-header:hover .menu-arrow{color:#d1d5db}html[data-theme=dark] .sidebar ul li.menu-item.active .menu-item-header{color:#fff;background:#10b981}html[data-theme=dark] .sidebar ul li.menu-item.active .menu-item-header .menu-icon,html[data-theme=dark] .sidebar ul li.menu-item.active .menu-item-header .menu-arrow{color:#fff}html[data-theme=dark] .sidebar ul li.menu-item .submenu .submenu-item{color:#9ca3af}html[data-theme=dark] .sidebar ul li.menu-item .submenu .submenu-item:before{background:#6b7280}html[data-theme=dark] .sidebar ul li.menu-item .submenu .submenu-item:hover{color:#f3f4f6;background:#374151}html[data-theme=dark] .sidebar ul li.menu-item .submenu .submenu-item:hover:before{background:#d1d5db}html[data-theme=dark] .sidebar ul li.menu-item .submenu .submenu-item.active{color:#bfdbfe;background:#1e3a8a}html[data-theme=dark] .sidebar ul li.menu-item .submenu .submenu-item.active:before{background:#bfdbfe}@media (width<=768px){.sidebar{z-index:1000;width:100%;min-height:auto;transition:left .3s;position:fixed;top:0;left:-100%}.sidebar.mobile-open{left:0}.sidebar.collapsed{width:100%;left:-100%}.sidebar.collapsed.mobile-open{left:0}.sidebar .sidebar-header{padding:16px 20px}.sidebar .sidebar-header h2{font-size:18px}.sidebar .sidebar-header .sidebar-toggle{padding:6px;font-size:16px}.sidebar ul{padding:12px 0}.sidebar ul li{margin:1px 8px;padding:12px 16px;font-size:14px}.sidebar ul li:not(.menu-item) .menu-icon{font-size:16px}.sidebar ul li:not(.menu-item):after{display:none}.sidebar ul li.menu-item .menu-item-header{padding:12px 16px}.sidebar ul li.menu-item .menu-item-header .menu-icon{font-size:16px}.sidebar ul li.menu-item .submenu .submenu-item{padding:10px 16px 10px 44px;font-size:13px}}@media (width<=480px){.sidebar .sidebar-header{padding:12px 16px}.sidebar .sidebar-header h2{font-size:16px}.sidebar ul li{gap:10px;margin:1px 6px;padding:10px 12px;font-size:13px}.sidebar ul li .menu-icon{width:16px;font-size:14px}}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.main-layout{flex:1;height:calc(100vh - 60px);display:flex;overflow:hidden}.main-content{scrollbar-gutter:stable;background-color:var(--app-bg);flex:1;overflow-y:auto}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .main-content{background-color:var(--app-bg)}}html[data-theme=dark] .main-content{background-color:var(--app-bg)}.parent-student-detail-page .header-actions{display:none}.parent-student-detail-page .student-course-item-readonly{cursor:default;pointer-events:none}.mypage-page{--mypage-accent:#6b7280;--mypage-accent-ink:var(--mypage-accent);background:var(--surface-1);min-height:100vh;padding:24px}.mypage-page .page-header{background:var(--surface-0);box-shadow:var(--shadow-sm);border:1px solid var(--border-muted);border-radius:12px;margin-bottom:32px;padding:24px}.mypage-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.mypage-page .page-header .header-content .header-title .header-icon{color:var(--mypage-accent-ink)}.mypage-page .page-header .header-content .header-title h1{color:var(--text-heading);margin:0 0 4px;font-size:24px;font-weight:700}.mypage-page .page-header .header-content .header-title .header-description{color:var(--text-muted);margin:0;font-size:14px}.mypage-page .user-summary{background:var(--surface-0);box-shadow:var(--shadow-sm);border:1px solid var(--border-muted);border-radius:12px;margin-bottom:24px;padding:20px}.mypage-page .user-summary p{color:var(--btn-secondary-fg);margin:0;font-size:16px;font-weight:500}.mypage-page .card-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:32px;display:grid}.mypage-page .card-grid .info-row{justify-content:space-between;align-items:flex-start;gap:12px;min-height:32px;margin-bottom:8px;display:flex}.mypage-page .card-grid .info-row p{word-wrap:break-word;word-break:break-all;overflow-wrap:anywhere;flex:1;min-width:0;margin:0;line-height:1.4}.mypage-page .card-grid .info-row .change-btn{background:var(--btn-secondary-bg);border:1px solid var(--input-border);color:var(--text-muted);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 8px;transition:all .2s;display:flex}.mypage-page .card-grid .info-row .change-btn:hover{background:var(--btn-secondary-hover-bg);border-color:var(--text-subtle);color:var(--btn-secondary-fg);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.mypage-page .card-grid .info-row .change-btn:active{transform:translateY(0)}.mypage-page .card-grid .info-row .change-btn:disabled{cursor:not-allowed;opacity:.6;color:var(--input-placeholder);background:var(--surface-1);border-color:var(--border-muted);box-shadow:none;transform:none}.mypage-page .card-grid .section-card{background:var(--surface-0);box-shadow:var(--shadow-sm);border:1px solid var(--border-muted);border-radius:12px;padding:24px;transition:all .2s}.mypage-page .card-grid .section-card:hover{box-shadow:var(--card-shadow);transform:translateY(-2px)}.mypage-page .card-grid .section-card h3{color:var(--text-heading);border-bottom:1px solid var(--border-muted);align-items:center;gap:8px;margin:0 0 16px;padding-bottom:12px;font-size:18px;font-weight:600;display:flex}.mypage-page .card-grid .section-card h3 svg{color:var(--mypage-accent-ink)}.mypage-page .card-grid .section-card h3.section-title-with-action{flex-wrap:wrap;justify-content:space-between;gap:8px}.mypage-page .card-grid .section-card h3.section-title-with-action .title-content{align-items:center;gap:8px;display:flex}.mypage-page .card-grid .section-card h3.section-title-with-action .change-btn{flex-shrink:0}.mypage-page .card-grid .section-card p{color:var(--btn-secondary-fg);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;line-height:1.5;display:flex}.mypage-page .card-grid .section-card p:last-child{margin-bottom:0}.mypage-page .card-grid .section-card p strong{color:var(--text-heading);flex-shrink:0;min-width:120px;font-weight:600}.mypage-page .card-grid .section-card p svg{color:var(--text-muted);flex-shrink:0}.mypage-page .button-wrapper{border-top:1px solid var(--border-muted);justify-content:flex-end;gap:12px;padding-top:24px;display:flex}.mypage-page .button-wrapper .edit-btn{background:var(--mypage-accent);color:var(--brand-on-primary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mypage-page .button-wrapper .edit-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.mypage-page .button-wrapper .edit-btn:active{transform:translateY(0)}.mypage-page .button-wrapper .edit-btn:disabled{background:var(--btn-disabled-bg);cursor:not-allowed;box-shadow:none;transform:none}.mypage-page .button-wrapper .edit-btn svg{flex-shrink:0}.mypage-page .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.mypage-page .loading-container p{color:var(--text-muted);margin:0;font-size:16px}.mypage-edit-modal-scroll{max-height:80vh;overflow-y:auto}.mypage-edit-modal-scroll .mypage-save-spinner{border:2px solid color-mix(in srgb, currentColor 35%, transparent);border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite mypage-save-spin}.mypage-edit-modal-scroll select.form-input option{background-color:var(--surface-0);color:var(--text-primary)}.mypage-edit-modal-scroll .form-fieldset{border:1px solid var(--border-muted);border-radius:8px;margin:16px 0;padding:12px}.mypage-edit-modal-scroll .form-fieldset legend{padding:0 8px;font-weight:600}.mypage-edit-modal-scroll .form-fieldset label{margin-top:12px;display:block}.mypage-edit-modal-scroll .form-fieldset label:first-of-type{margin-top:0}@media (width<=1024px){.mypage-page .card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.mypage-page .card-grid .section-card{padding:20px}.mypage-page .card-grid .section-card .info-row p{word-break:break-all;overflow-wrap:anywhere;font-size:13px}.mypage-page .card-grid .section-card .info-row .change-btn{min-width:30px;height:30px;padding:5px 7px}}@media (width<=768px){.mypage-page{padding:16px}.mypage-page .page-header{margin-bottom:24px;padding:16px}.mypage-page .page-header .header-content .header-title h1{font-size:20px}.mypage-page .user-summary{margin-bottom:20px;padding:16px}.mypage-page .user-summary p{font-size:14px}.mypage-page .card-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.mypage-page .card-grid .section-card{padding:20px}.mypage-page .card-grid .section-card h3{margin-bottom:12px;font-size:16px}.mypage-page .card-grid .section-card p{margin-bottom:10px;font-size:13px}.mypage-page .card-grid .section-card p strong{min-width:80px}.mypage-page .card-grid .section-card .info-row{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px}.mypage-page .card-grid .section-card .info-row p{word-break:break-all;overflow-wrap:anywhere;margin-bottom:0;font-size:13px}.mypage-page .card-grid .section-card .info-row .change-btn{align-self:flex-end;min-width:28px;height:28px;padding:4px 6px}.mypage-page .button-wrapper{flex-direction:column;gap:8px}.mypage-page .button-wrapper .edit-btn{justify-content:center;width:100%;padding:14px 20px;font-size:15px}}.parent-mypage-page.mypage-page{--mypage-accent:var(--mypage-parent-accent)}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .parent-mypage-page.mypage-page{--mypage-accent-ink:var(--mypage-parent-mobile-accent-dark)}}html[data-theme=dark] .parent-mypage-page.mypage-page{--mypage-accent-ink:var(--mypage-parent-mobile-accent-dark)}.parent-mypage-toast{z-index:2200;background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-fg);box-shadow:var(--card-shadow);border-radius:10px;padding:12px 16px;position:fixed;bottom:24px;right:24px}.parent-mypage-toast.is-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-fg)}.parent-children-page .parent-children-body{max-width:640px}.parent-children-page .children-policy-notice{background:var(--info-bg,#eff6ff);border:1px solid var(--info-border,#bfdbfe);color:var(--info-fg,#1e40af);border-radius:8px;align-items:flex-start;gap:8px;margin:0 0 16px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.parent-children-page .children-policy-notice svg{flex-shrink:0;margin-top:2px}.parent-children-page .section-loading,.parent-children-page .children-empty,.parent-children-page .children-error{color:var(--text-muted,#6b7280);font-size:14px}.parent-children-page .children-empty,.parent-children-page .children-error{background:var(--surface-0,#fff);border:1px solid var(--border-muted,#e5e7eb);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;display:flex}.parent-children-page .children-empty{text-align:center;align-items:center}.parent-children-page .children-empty h2{color:var(--text-heading,#1f2937);margin:0;font-size:16px;font-weight:700}.parent-children-page .children-empty p{margin:0;line-height:1.5}.parent-children-page .children-error p{color:var(--error-fg,#b91c1c);margin:0}.parent-children-page .retry-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.parent-children-page .children-grid{gap:12px;margin:0;padding:0;list-style:none;display:grid}.parent-children-page .child-card{border:1px solid var(--border-muted,#e5e7eb);background:var(--surface-0,#fff);cursor:pointer;text-align:left;width:100%;min-height:44px;color:inherit;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:16px;text-decoration:none;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 1px 2px #0000000a}.parent-children-page .child-card:hover{border-color:var(--accent-subtle-border,#93c5fd);background:var(--surface-1,#f8fafc);box-shadow:var(--card-shadow,0 1px 3px #0000001a)}.parent-children-page .child-card:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.parent-children-page .child-card .child-card-main{flex-direction:column;gap:4px;display:flex}.parent-children-page .child-card .child-card-main strong{color:var(--text-heading,#1f2937);font-size:16px}.parent-children-page .child-card .child-card-main .child-meta,.parent-children-page .child-card .child-card-main .child-relationship{color:var(--text-muted,#6b7280);font-size:13px}.parent-children-page .child-card .child-card-badges{color:var(--text-muted,#6b7280);align-items:center;gap:8px;display:flex}.parent-children-page .child-card .child-card-badges .badge.no-account{background:var(--warning-bg,#fffbeb);border:1px solid var(--warning-border,#fde68a);color:var(--pending-fg,#92400e);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}@media (width<=768px){.parent-children-page .child-card{padding:14px 16px}}.parent-schedule-page{background:#f8fafc;min-height:100vh;padding:24px}.parent-schedule-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.parent-schedule-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.parent-schedule-page .page-header .header-content .header-title .header-icon{color:#f97316}.parent-schedule-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.parent-schedule-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.parent-schedule-page .calendar-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.parent-schedule-page .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.parent-schedule-page .loading-container p{color:#6b7280;margin:0;font-size:16px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .parent-schedule-page{background:#1a202c}html:not([data-theme=light]) .parent-schedule-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .parent-schedule-page .page-header .header-content .header-title .header-icon{color:#fb923c}html:not([data-theme=light]) .parent-schedule-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .parent-schedule-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .parent-schedule-page .calendar-container{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .parent-schedule-page .loading-container p{color:#a0aec0}}html[data-theme=dark] .parent-schedule-page{background:#1a202c}html[data-theme=dark] .parent-schedule-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .parent-schedule-page .page-header .header-content .header-title .header-icon{color:#fb923c}html[data-theme=dark] .parent-schedule-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .parent-schedule-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .parent-schedule-page .calendar-container{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .parent-schedule-page .loading-container p{color:#a0aec0}@media (width<=768px){.parent-schedule-page{padding:16px}.parent-schedule-page .page-header{margin-bottom:24px;padding:16px}.parent-schedule-page .page-header .header-content .header-title h1{font-size:20px}.parent-schedule-page .calendar-container{margin-bottom:16px;padding:16px}}.parent-student-picker{flex-direction:column;gap:6px;margin:0 0 16px;display:flex}.parent-student-picker-label{color:var(--text-muted,var(--text-gray-600));font-size:13px;font-weight:600}.parent-student-picker-name,.parent-student-picker-select{font-size:15px}.parent-student-picker-select{border:1px solid var(--input-border);background:var(--surface-0);border-radius:8px;max-width:320px;height:40px;padding:0 10px}.parent-student-picker-select option{background-color:var(--surface-0);color:var(--text-heading)}.parent-student-picker.is-context{width:100%;max-width:360px;margin:0}.parent-student-picker.is-context .parent-student-picker-label{color:var(--text-gray-600);font-size:14px;font-weight:600}.parent-student-picker.is-context .parent-student-picker-name{color:var(--text-heading);font-size:16px;font-weight:600;line-height:1.4;display:block}.parent-student-picker.is-context .parent-student-picker-select{width:100%;max-width:none;height:44px;min-height:44px;color:var(--text-heading);box-sizing:border-box;padding:0 12px;font-size:15px;font-weight:600}.parent-booking-state,.parent-booking-empty{text-align:center;min-height:220px;color:var(--text-gray-600);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;display:flex}.parent-booking-state.is-error,.parent-booking-empty h2{color:var(--text-near-black)}.parent-booking-empty p{max-width:420px;margin:0;line-height:1.5}@media (width<=768px){.parent-student-picker.is-context{max-width:none}}.parent-attendance-page .parent-attendance-context{flex-wrap:wrap;align-items:flex-end;gap:16px 24px;display:flex}.parent-attendance-page .parent-attendance-context>*{flex:280px;max-width:360px}.parent-attendance-page .attendance-course-picker-error{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.parent-attendance-page .attendance-course-picker-error p{color:var(--danger-text);margin:0;font-size:14px}.parent-attendance-page .attendance-course-picker-retry,.parent-attendance-page .retry-btn{border:1px solid var(--input-border);background:var(--surface-0);color:var(--btn-secondary-fg);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.parent-attendance-page .attendance-section-title{color:var(--text-heading);margin:0 0 12px;font-size:16px;font-weight:700}.parent-attendance-page .attendance-period-card,.parent-attendance-page .attendance-summary-card,.parent-attendance-page .attendance-history-card,.parent-attendance-page .attendance-history-error{background:var(--surface-0);border:1px solid var(--border-muted);border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.parent-attendance-page .attendance-period-filters{flex-wrap:wrap;gap:8px;display:flex}.parent-attendance-page .period-preset-btn{border:1px solid var(--input-border);background:var(--surface-0);color:var(--btn-secondary-fg);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px}.parent-attendance-page .period-preset-btn.is-active{border-color:var(--accent);background:var(--accent-subtle-bg);color:var(--accent-subtle-fg);font-weight:600}.parent-attendance-page .attendance-custom-range{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.parent-attendance-page .attendance-custom-range label{color:var(--text-gray-600);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.parent-attendance-page .attendance-custom-range input[type=date]{border:1px solid var(--input-border);border-radius:8px;padding:8px 10px;font-size:14px}.parent-attendance-page .attendance-summary-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.parent-attendance-page .attendance-summary-item{border:1px solid var(--border-muted);background:var(--surface-subtle);border-left-width:4px;border-radius:10px;padding:14px 16px}.parent-attendance-page .attendance-summary-item.status-present{border-left-color:var(--success-dot)}.parent-attendance-page .attendance-summary-item.status-absent{border-left-color:var(--danger-border)}.parent-attendance-page .attendance-summary-item.status-late{border-left-color:var(--pending-dot)}.parent-attendance-page .attendance-summary-item.status-excused{border-left-color:var(--accent)}.parent-attendance-page .attendance-summary-item.status-makeup{border-left-color:var(--student-fg)}.parent-attendance-page .attendance-summary-label{color:var(--text-gray-600);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.parent-attendance-page .attendance-summary-value{color:var(--text-near-black);font-size:24px;font-weight:700}.parent-attendance-page .attendance-history-loading-hint{color:var(--text-gray-600);margin-left:8px;font-size:13px;font-weight:500}.parent-attendance-page .attendance-empty-all{background:var(--btn-secondary-bg);color:var(--text-gray-600);border-radius:8px;margin:0;padding:12px 14px;font-size:14px}.parent-attendance-page .attendance-history-skeleton-row{background:var(--btn-secondary-bg);border-radius:8px;height:44px;margin-bottom:8px}.parent-attendance-page .attendance-history-table-wrap{overflow-x:auto}.parent-attendance-page .attendance-history-table{border-collapse:collapse;width:100%}.parent-attendance-page .attendance-history-table th,.parent-attendance-page .attendance-history-table td{text-align:left;border-bottom:1px solid var(--border-muted);vertical-align:top;padding:12px 10px}.parent-attendance-page .attendance-history-table th{color:var(--text-gray-600);font-size:13px;font-weight:700}.parent-attendance-page .attendance-history-date{color:var(--text-near-black);font-weight:600;display:block}.parent-attendance-page .attendance-history-time{color:var(--text-gray-600);margin-top:2px;font-size:13px;display:block}.parent-attendance-page .attendance-item-comment{color:var(--text-gray-700);align-items:flex-start;gap:6px;margin:8px 0 0;font-size:13px;display:flex}.parent-attendance-page .attendance-status-badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.parent-attendance-page .attendance-status-badge.status-present{background:var(--success-soft-bg);color:var(--success-text-strong)}.parent-attendance-page .attendance-status-badge.status-absent{background:var(--error-soft-bg);color:var(--error-text-strong)}.parent-attendance-page .attendance-status-badge.status-late{background:var(--warning-bg);color:var(--warning-text)}.parent-attendance-page .attendance-status-badge.status-excused{background:var(--violet-soft-bg-3);color:var(--violet-fg-strong)}.parent-attendance-page .attendance-status-badge.status-makeup{background:var(--violet-soft-bg);color:var(--violet-fg-deep)}.parent-attendance-page .attendance-history-cards{margin:0;padding:0;list-style:none;display:none}.parent-attendance-page .attendance-history-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text-strong);flex-direction:column;align-items:flex-start;gap:8px;display:flex}@media (width<=768px){.parent-attendance-page .parent-attendance-context>*{flex:100%;max-width:none}.parent-attendance-page .attendance-history-table-wrap{display:none}.parent-attendance-page .attendance-history-cards{flex-direction:column;gap:12px;display:flex}.parent-attendance-page .attendance-history-mobile-card{border:1px solid var(--border-muted);background:var(--surface-0);border-radius:10px;padding:14px}.parent-attendance-page .attendance-history-mobile-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.parent-attendance-page .attendance-history-mobile-course{color:var(--text-near-black);margin:8px 0 0;font-size:14px;font-weight:600}}.academy-management{padding:20px}.academy-management h2{margin-bottom:20px;font-size:24px}.academy-management .add-btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:5px;padding:10px 16px;font-weight:500;transition:background .2s}.academy-management .add-btn:hover{background:#0056b3}.academy-management .styled-table{border-collapse:collapse;background-color:#fff;border-radius:8px;width:100%;margin-top:20px;font-size:15px;overflow:hidden;box-shadow:0 2px 6px #0000000d}.academy-management .styled-table thead{color:#fff;background-color:#007bff}.academy-management .styled-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:14px;font-weight:600}.academy-management .styled-table tbody tr{border-bottom:1px solid #e9ecef}.academy-management .styled-table tbody tr:hover{background-color:#f8f9fa}.academy-management .styled-table tbody tr td{color:#212529;padding:14px 16px;font-size:14px}.academy-management .styled-table .action-buttons{gap:8px;display:flex}.academy-management .styled-table .action-buttons button{cursor:pointer;border:none;border-radius:5px;padding:6px 12px;font-size:13px;transition:background .2s}.academy-management .styled-table .action-buttons button.edit-btn{color:#fff;background-color:#17a2b8}.academy-management .styled-table .action-buttons button.edit-btn:hover{background-color:#138496}.academy-management .styled-table .action-buttons button.delete-btn{color:#fff;background-color:#dc3545}.academy-management .styled-table .action-buttons button.delete-btn:hover{background-color:#c82333}.academy-management .modal{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.academy-management .modal .modal-content{background:#fff;border-radius:8px;width:400px;padding:24px;box-shadow:0 4px 10px #00000026}.academy-management .modal .modal-content h3{margin-bottom:16px;font-size:20px}.academy-management .modal .modal-content input{border:1px solid #ccc;border-radius:5px;width:100%;margin-bottom:10px;padding:10px;font-size:16px}.academy-management .modal .modal-content input:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff4d}.academy-management .modal .modal-content .modal-actions{justify-content:space-between;margin-top:15px;display:flex}.academy-management .modal .modal-content .modal-actions button{cursor:pointer;border:none;border-radius:5px;padding:10px 16px;font-weight:500;transition:background .2s}.academy-management .modal .modal-content .modal-actions button:first-child{color:#fff;background-color:#28a745}.academy-management .modal .modal-content .modal-actions button:first-child:hover{background:#218838}.academy-management .modal .modal-content .modal-actions button:last-child{color:#fff;background-color:#dc3545}.academy-management .modal .modal-content .modal-actions button:last-child:hover{background:#c82333}.password-display .view-btn{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:4px;padding:6px 10px;font-size:13px}.password-display .view-btn:hover{background-color:#5a6268}.password-display .password-reveal{align-items:center;gap:8px;display:flex}.password-display .password-reveal .password-text{font-family:Courier New,Courier,monospace;font-size:15px}.password-display .password-reveal .icon-btn{cursor:pointer;background:0 0;border:none;font-size:18px}.password-display .password-reveal .icon-btn:hover{transform:scale(1.1)}.admin-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal-overlay .modal{background:#fff;border-radius:12px;width:400px;padding:2rem;box-shadow:0 4px 12px #0003}.admin-modal-overlay .modal h3{margin-bottom:1rem}.admin-modal-overlay .modal label{margin:.5rem 0 .25rem;display:block}.admin-modal-overlay .modal input{border:1px solid #ccc;border-radius:6px;width:100%;margin-bottom:.75rem;padding:.5rem}.admin-modal-overlay .modal .modal-actions{justify-content:flex-end;gap:10px;display:flex}.admin-modal-overlay .modal .modal-actions button{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:700}.admin-modal-overlay .modal .modal-actions button:first-of-type{color:#fff;background-color:#2563eb}.admin-modal-overlay .modal .modal-actions button:last-of-type{background-color:#f3f4f6}.account-management{padding:20px}.account-management h2{margin-bottom:20px;font-size:24px}.account-management .add-account-form{background:#fff;border-radius:8px;max-width:600px;margin-bottom:30px;padding:20px;box-shadow:0 2px 10px #0000001a}.account-management .add-account-form h3{margin-bottom:15px;font-size:20px}.account-management .add-account-form select,.account-management .add-account-form input{border:1px solid #ccc;border-radius:5px;width:100%;margin-bottom:12px;padding:10px;font-size:16px;transition:all .2s}.account-management .add-account-form select:focus,.account-management .add-account-form input:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff4d}.account-management .add-account-form button{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:5px;width:100%;padding:10px;font-size:16px;transition:background .2s,transform .1s}.account-management .add-account-form button:hover{background:#218838}.account-management .add-account-form button:active{transform:scale(.98)}.account-management .account-table{border-collapse:collapse;width:100%;margin-top:20px}.account-management .account-table th,.account-management .account-table td{text-align:left;border:1px solid #dee2e6;padding:12px}.account-management .account-table th{background-color:#f8f9fa;font-weight:700}.account-management .account-table tr:nth-child(2n){background-color:#f2f2f2}.account-management .account-table .action-cell{gap:10px;display:flex}.account-management .account-table .action-cell button{cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:14px}.account-management .account-table .action-cell button.edit-btn{color:#fff;background-color:#007bff}.account-management .account-table .action-cell button.edit-btn:hover{background-color:#0056b3}.account-management .account-table .action-cell button.delete-btn{color:#fff;background-color:#dc3545}.account-management .account-table .action-cell button.delete-btn:hover{background-color:#b52d3a}.account-management .account-list{padding:20px}.account-management .account-list h3{margin-bottom:16px;font-size:22px}.account-management .account-list select{background:#fff;border:1.5px solid #ccc;border-radius:6px;width:100%;max-width:400px;margin-bottom:20px;padding:10px;font-size:15px;transition:all .2s}.account-management .account-list select:focus{border-color:#007bff;outline:none;box-shadow:0 0 4px #007bff4d}.account-management .account-list .styled-table{border-collapse:collapse;border-radius:6px;width:100%;font-size:15px;overflow:hidden;box-shadow:0 2px 5px #0000000d}.account-management .account-list .styled-table thead{color:#fff;background-color:#007bff}.account-management .account-list .styled-table thead th{text-align:left;padding:12px}.account-management .account-list .styled-table tbody tr{border-bottom:1px solid #eaeaea}.account-management .account-list .styled-table tbody tr:hover{background-color:#f5f5f5}.account-management .account-list .styled-table tbody tr td{color:#333;padding:12px}@media (width<=768px){.account-management .account-list select{width:100%;font-size:14px}.account-management .account-list .styled-table{font-size:14px}}.no-data-message{color:#666;text-align:center;margin-top:20px;font-size:15px}.academy-join-code-management{padding:20px}.academy-join-code-management .header-section{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.academy-join-code-management .header-section h2{margin:0;font-size:24px}.academy-join-code-management .header-section .issue-code-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #667eea4d}.academy-join-code-management .header-section .issue-code-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.academy-join-code-management .header-section .issue-code-btn:active{transform:translateY(0)}.academy-join-code-management .header-section .issue-code-btn svg{flex-shrink:0}.join-code-list{padding:20px}.join-code-list h3{margin-bottom:16px;font-size:22px}.join-code-list select{background:#fff;border:1.5px solid #ccc;border-radius:6px;width:100%;max-width:400px;margin-bottom:12px;padding:10px;font-size:15px;transition:all .2s}.join-code-list select:focus{border-color:#007bff;outline:none;box-shadow:0 0 4px #007bff4d}.join-code-list .filters{gap:12px;margin-bottom:20px;display:flex}.join-code-list .filters select{max-width:200px}.join-code-list .loading-container{text-align:center;color:#666;padding:40px}.join-code-list .table-container{margin-bottom:20px;overflow-x:auto}.join-code-list .styled-table{border-collapse:collapse;border-radius:6px;width:100%;font-size:14px;overflow:hidden;box-shadow:0 2px 5px #0000000d}.join-code-list .styled-table thead{color:#fff;background-color:#007bff}.join-code-list .styled-table thead th{text-align:left;white-space:nowrap;padding:12px}.join-code-list .styled-table tbody tr{border-bottom:1px solid #eaeaea}.join-code-list .styled-table tbody tr:hover{background-color:#f5f5f5}.join-code-list .styled-table tbody tr td{color:#333;padding:12px}.join-code-list .styled-table .code-cell{align-items:center;gap:8px;display:flex}.join-code-list .styled-table .code-cell .code-hint{letter-spacing:1px;color:#007bff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;font-weight:600}.join-code-list .styled-table .code-cell .copy-btn{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:4px;align-items:center;padding:4px 8px;transition:all .2s;display:flex}.join-code-list .styled-table .code-cell .copy-btn:hover{background:#f0f0f0;border-color:#007bff}.join-code-list .styled-table .code-cell .copy-btn svg{color:#666}.join-code-list .styled-table .status-cell{align-items:center;gap:6px;display:flex}.join-code-list .styled-table .status-cell .status-icon.active{color:#28a745}.join-code-list .styled-table .status-cell .status-icon.expired{color:#ffc107}.join-code-list .styled-table .status-cell .status-icon.revoked{color:#dc3545}.join-code-list .styled-table .action-buttons{align-items:center;gap:8px;display:flex}.join-code-list .styled-table .action-buttons .revoke-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.join-code-list .styled-table .action-buttons .revoke-btn:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.join-code-list .styled-table .action-buttons .revoke-btn:active{transform:translateY(0)}.join-code-list .styled-table .action-buttons .revoke-btn svg{flex-shrink:0}.join-code-list .no-data-message{color:#666;text-align:center;margin-top:40px;padding:40px;font-size:15px}@media (width<=768px){.join-code-list{padding:12px}.join-code-list select{width:100%;max-width:100%;font-size:14px}.join-code-list .filters{flex-direction:column;gap:8px}.join-code-list .filters select{max-width:100%}.join-code-list .styled-table{font-size:12px}.join-code-list .styled-table thead th,.join-code-list .styled-table tbody td{padding:8px}}.superadmin-backfill-page{background:#f8fafc;min-height:100vh;padding:24px}.superadmin-backfill-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000001a}.superadmin-backfill-page .page-header .header-content .header-title{align-items:center;gap:16px;display:flex}.superadmin-backfill-page .page-header .header-content .header-title .header-icon{color:#8b5cf6}.superadmin-backfill-page .page-header .header-content .header-title h1{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.superadmin-backfill-page .page-header .header-content .header-title .header-description{color:#6b7280;margin:0;font-size:14px}.superadmin-backfill-page .backfill-form-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.superadmin-backfill-page .backfill-form-section .form-container{flex-direction:column;gap:20px;display:flex}.superadmin-backfill-page .backfill-form-section .form-container .form-group{flex-direction:column;gap:8px;display:flex}.superadmin-backfill-page .backfill-form-section .form-container .form-group label{color:#374151;font-size:14px;font-weight:600}.superadmin-backfill-page .backfill-form-section .form-container .form-group input[type=number]{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:14px;transition:all .2s}.superadmin-backfill-page .backfill-form-section .form-container .form-group input[type=number]:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.superadmin-backfill-page .backfill-form-section .form-container .form-group input[type=number]:disabled{cursor:not-allowed;background:#f3f4f6}.superadmin-backfill-page .backfill-form-section .form-container .form-group input[type=number]::placeholder{color:#9ca3af}.superadmin-backfill-page .backfill-form-section .form-container .form-group .checkbox-label{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.superadmin-backfill-page .backfill-form-section .form-container .form-group .checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#8b5cf6;width:18px;height:18px}.superadmin-backfill-page .backfill-form-section .form-container .form-group .form-help{color:#6b7280;margin:0;font-size:12px}.superadmin-backfill-page .backfill-form-section .form-container .form-actions{gap:12px;display:flex}.superadmin-backfill-page .backfill-form-section .form-container .form-actions .execute-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:1px solid #8b5cf6;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.superadmin-backfill-page .backfill-form-section .form-container .form-actions .execute-btn:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.superadmin-backfill-page .backfill-form-section .form-container .form-actions .execute-btn:disabled{opacity:.5;cursor:not-allowed}.superadmin-backfill-page .backfill-form-section .form-container .form-actions .execute-btn .spinning{animation:1s linear infinite spin}.superadmin-backfill-page .error-section{margin-bottom:24px}.superadmin-backfill-page .error-section .error-alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:12px;padding:16px;font-size:14px;display:flex}.superadmin-backfill-page .result-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.superadmin-backfill-page .result-section h2{color:#1f2937;margin:0 0 20px;font-size:20px;font-weight:700}.superadmin-backfill-page .result-section h3{color:#1f2937;margin:24px 0 16px;font-size:18px;font-weight:700}.superadmin-backfill-page .result-section .result-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.superadmin-backfill-page .result-section .result-stats .stat-card{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.superadmin-backfill-page .result-section .result-stats .stat-card .stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.superadmin-backfill-page .result-section .result-stats .stat-card .stat-value{color:#1f2937;font-size:32px;font-weight:700}.superadmin-backfill-page .result-section .result-details .details-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.superadmin-backfill-page .result-section .result-details .details-table{border-collapse:collapse;width:100%;font-size:14px}.superadmin-backfill-page .result-section .result-details .details-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.superadmin-backfill-page .result-section .result-details .details-table thead th{text-align:left;color:#374151;white-space:nowrap;padding:12px;font-weight:600}.superadmin-backfill-page .result-section .result-details .details-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.superadmin-backfill-page .result-section .result-details .details-table tbody tr:hover{background:#f9fafb}.superadmin-backfill-page .result-section .result-details .details-table tbody tr:last-child{border-bottom:none}.superadmin-backfill-page .result-section .result-details .details-table tbody tr td{color:#374151;word-break:break-word;padding:12px}.superadmin-backfill-page .result-section .result-details .action-badge{text-align:center;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.superadmin-backfill-page .result-section .result-details .action-badge.badge-success{color:#065f46;background:#d1fae5;border:1px solid #10b981}.superadmin-backfill-page .result-section .result-details .action-badge.badge-warning{color:#92400e;background:#fef3c7;border:1px solid #fbbf24}.superadmin-backfill-page .result-section .result-details .action-badge.badge-info{color:#1e40af;background:#dbeafe;border:1px solid #3b82f6}.superadmin-backfill-page .result-section .result-details .action-badge.badge-neutral{color:#374151;background:#f3f4f6;border:1px solid #9ca3af}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .superadmin-backfill-page{background:#1a1a2e}html:not([data-theme=light]) .superadmin-backfill-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .superadmin-backfill-page .page-header .header-content .header-title .header-icon{color:#a78bfa}html:not([data-theme=light]) .superadmin-backfill-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .superadmin-backfill-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .superadmin-backfill-page .backfill-form-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .superadmin-backfill-page .backfill-form-section .form-container .form-group label{color:#e2e8f0}html:not([data-theme=light]) .superadmin-backfill-page .backfill-form-section .form-container .form-group input[type=number]{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html:not([data-theme=light]) .superadmin-backfill-page .backfill-form-section .form-container .form-group input[type=number]:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}html:not([data-theme=light]) .superadmin-backfill-page .backfill-form-section .form-container .form-group input[type=number]:disabled{background:#374151}html:not([data-theme=light]) .superadmin-backfill-page .backfill-form-section .form-container .form-group .checkbox-label{color:#e2e8f0}html:not([data-theme=light]) .superadmin-backfill-page .backfill-form-section .form-container .form-group .form-help{color:#9ca3af}html:not([data-theme=light]) .superadmin-backfill-page .error-section .error-alert{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}html:not([data-theme=light]) .superadmin-backfill-page .result-section{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .superadmin-backfill-page .result-section h2,html:not([data-theme=light]) .superadmin-backfill-page .result-section h3{color:#f1f5f9}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-stats .stat-card{background:#374151;border-color:#4a5568}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-stats .stat-card .stat-label{color:#9ca3af}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-stats .stat-card .stat-value{color:#f1f5f9}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-details .details-table-wrapper{border-color:#4a5568}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-details .details-table thead{background:#374151;border-bottom-color:#4a5568}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-details .details-table thead th{color:#e2e8f0}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-details .details-table tbody tr{border-bottom-color:#4a5568}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-details .details-table tbody tr:hover{background:#374151}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-details .details-table tbody tr td{color:#e2e8f0}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-details .action-badge.badge-success{color:#6ee7b7;background:#064e3b;border-color:#10b981}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-details .action-badge.badge-warning{color:#fde047;background:#78350f;border-color:#f59e0b}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-details .action-badge.badge-info{color:#93c5fd;background:#1e3a8a;border-color:#3b82f6}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-details .action-badge.badge-neutral{color:#d1d5db;background:#374151;border-color:#6b7280}}html[data-theme=dark] .superadmin-backfill-page{background:#1a1a2e}html[data-theme=dark] .superadmin-backfill-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .superadmin-backfill-page .page-header .header-content .header-title .header-icon{color:#a78bfa}html[data-theme=dark] .superadmin-backfill-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .superadmin-backfill-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .superadmin-backfill-page .backfill-form-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .superadmin-backfill-page .backfill-form-section .form-container .form-group label{color:#e2e8f0}html[data-theme=dark] .superadmin-backfill-page .backfill-form-section .form-container .form-group input[type=number]{color:#e2e8f0;background:#1f2937;border-color:#4a5568}html[data-theme=dark] .superadmin-backfill-page .backfill-form-section .form-container .form-group input[type=number]:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}html[data-theme=dark] .superadmin-backfill-page .backfill-form-section .form-container .form-group input[type=number]:disabled{background:#374151}html[data-theme=dark] .superadmin-backfill-page .backfill-form-section .form-container .form-group .checkbox-label{color:#e2e8f0}html[data-theme=dark] .superadmin-backfill-page .backfill-form-section .form-container .form-group .form-help{color:#9ca3af}html[data-theme=dark] .superadmin-backfill-page .error-section .error-alert{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}html[data-theme=dark] .superadmin-backfill-page .result-section{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .superadmin-backfill-page .result-section h2,html[data-theme=dark] .superadmin-backfill-page .result-section h3{color:#f1f5f9}html[data-theme=dark] .superadmin-backfill-page .result-section .result-stats .stat-card{background:#374151;border-color:#4a5568}html[data-theme=dark] .superadmin-backfill-page .result-section .result-stats .stat-card .stat-label{color:#9ca3af}html[data-theme=dark] .superadmin-backfill-page .result-section .result-stats .stat-card .stat-value{color:#f1f5f9}html[data-theme=dark] .superadmin-backfill-page .result-section .result-details .details-table-wrapper{border-color:#4a5568}html[data-theme=dark] .superadmin-backfill-page .result-section .result-details .details-table thead{background:#374151;border-bottom-color:#4a5568}html[data-theme=dark] .superadmin-backfill-page .result-section .result-details .details-table thead th{color:#e2e8f0}html[data-theme=dark] .superadmin-backfill-page .result-section .result-details .details-table tbody tr{border-bottom-color:#4a5568}html[data-theme=dark] .superadmin-backfill-page .result-section .result-details .details-table tbody tr:hover{background:#374151}html[data-theme=dark] .superadmin-backfill-page .result-section .result-details .details-table tbody tr td{color:#e2e8f0}html[data-theme=dark] .superadmin-backfill-page .result-section .result-details .action-badge.badge-success{color:#6ee7b7;background:#064e3b;border-color:#10b981}html[data-theme=dark] .superadmin-backfill-page .result-section .result-details .action-badge.badge-warning{color:#fde047;background:#78350f;border-color:#f59e0b}html[data-theme=dark] .superadmin-backfill-page .result-section .result-details .action-badge.badge-info{color:#93c5fd;background:#1e3a8a;border-color:#3b82f6}html[data-theme=dark] .superadmin-backfill-page .result-section .result-details .action-badge.badge-neutral{color:#d1d5db;background:#374151;border-color:#6b7280}@media (width<=768px){.superadmin-backfill-page{padding:16px}.superadmin-backfill-page .page-header{margin-bottom:24px;padding:16px}.superadmin-backfill-page .backfill-form-section{margin-bottom:16px;padding:16px}.superadmin-backfill-page .result-section{padding:16px}.superadmin-backfill-page .result-section .result-stats{grid-template-columns:1fr}.superadmin-backfill-page .result-section .result-details .details-table-wrapper{overflow-x:scroll}.superadmin-backfill-page .result-section .result-details .details-table{font-size:12px}.superadmin-backfill-page .result-section .result-details .details-table thead th,.superadmin-backfill-page .result-section .result-details .details-table tbody td{padding:8px}}.app-toast-host{z-index:1400;pointer-events:none;flex-direction:column;gap:10px;width:min(100% - 32px,380px);display:flex;position:fixed;bottom:20px;right:20px}.app-toast{pointer-events:auto;color:#111827;background:#fff;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;animation:.18s ease-out app-toast-in;display:flex;box-shadow:0 10px 30px #0f172a29}.app-toast-icon{flex-shrink:0;margin-top:1px}.app-toast-message{word-break:break-word;flex:1;min-width:0;font-size:14px;line-height:1.45}.app-toast-dismiss{color:inherit;opacity:.65;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:2px}.app-toast-dismiss:hover{opacity:1;background:#0000000d}.app-toast--success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.app-toast--success .app-toast-icon{color:#059669}.app-toast--error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.app-toast--error .app-toast-icon{color:#dc2626}.app-toast--info{color:#1e3a8a;background:#eff6ff;border-color:#bfdbfe}.app-toast--info .app-toast-icon{color:#2563eb}.app-toast--warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.app-toast--warning .app-toast-icon{color:#d97706}@keyframes app-toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.app-toast-host{width:auto;bottom:80px;left:16px;right:16px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .app-toast{box-shadow:0 10px 30px #0006}html:not([data-theme=light]) .app-toast--success{color:#a7f3d0;background:#064e3b;border-color:#059669}html:not([data-theme=light]) .app-toast--error{color:#fecaca;background:#7f1d1d;border-color:#dc2626}html:not([data-theme=light]) .app-toast--info{color:#bfdbfe;background:#1e3a8a;border-color:#3b82f6}html:not([data-theme=light]) .app-toast--warning{color:#fde68a;background:#78350f;border-color:#d97706}}html[data-theme=dark] .app-toast{box-shadow:0 10px 30px #0006}html[data-theme=dark] .app-toast--success{color:#a7f3d0;background:#064e3b;border-color:#059669}html[data-theme=dark] .app-toast--error{color:#fecaca;background:#7f1d1d;border-color:#dc2626}html[data-theme=dark] .app-toast--info{color:#bfdbfe;background:#1e3a8a;border-color:#3b82f6}html[data-theme=dark] .app-toast--warning{color:#fde68a;background:#78350f;border-color:#d97706}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--app-bg:#1a1a2e;--app-fg:#e2e8f0;--surface-0:#1e293b;--surface-1:#0f172a;--surface-2:#111827;--border-default:#334155;--border-muted:#374151;--text-primary:#f1f5f9;--text-heading:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-subtle:#64748b;--accent:#818cf8;--accent-hover:#6366f1;--accent-subtle-bg:#6366f126;--accent-subtle-border:#818cf859;--accent-subtle-fg:#c7d2fe;--success-fg:#6ee7b7;--success-bg:#10b9811f;--success-border:#34d39959;--success-dot:#34d399;--error-fg:#fca5a5;--error-bg:#f871711f;--inactive-fg:#94a3b8;--inactive-dot:#64748b;--pending-fg:#fcd34d;--pending-dot:#fbbf24;--overlay:#000000a6;--hover-bg:#ffffff0a;--bulk-bar-bg:#0f172a;--input-bg:#111827;--skeleton-from:#1e293b;--skeleton-to:#334155;--avatar-bg:linear-gradient(135deg, #6366f140, #1e293b);--avatar-fg:#c7d2fe;--shadow-sm:0 1px 3px #00000059;--card-shadow:0 1px 3px #0000004d;--auth-gradient:linear-gradient(135deg, #312e81 0%, #4c1d95 50%, #1e1b4b 100%);--auth-gradient-overlay-a:radial-gradient(circle at 20% 30%, #818cf81f 0%, transparent 40%);--auth-gradient-overlay-b:radial-gradient(circle at 80% 50%, #a78bfa14 0%, transparent 40%);--auth-page-bg:#1a1a2e;--auth-card-glass:#1e293beb;--auth-card-border:#94a3b826;--auth-card-shadow:0 20px 40px #00000073;--auth-btn-primary-gradient:linear-gradient(135deg, #6366f1 0%, #4338ca 100%);--auth-btn-primary-shadow:0 10px 20px #6366f159;--input-border:#475569;--input-focus-border:#818cf8;--input-focus-ring:#818cf833;--input-placeholder:#64748b;--btn-secondary-bg:#334155;--btn-secondary-fg:#e2e8f0;--btn-secondary-border:#475569;--btn-secondary-hover-bg:#475569;--btn-disabled-bg:#475569;--btn-disabled-fg:#94a3b8;--error-border:#f8717173;--info-bg:#38bdf81f;--info-border:#38bdf859;--info-fg:#7dd3fc;--warning-bg:#fbbf241f;--warning-border:#fbbf2459;--progress-inactive:#475569;--progress-active:#818cf8;--terms-scrollbar-track:#1e293b;--terms-scrollbar-thumb:#475569;--brand-on-primary:#fff;--text-disabled:#64748b;--datepicker-range-bg:#818cf838;--link-primary:#7dd3fc;--link-visited:#a78bfa;--code-surface:#111827;--mypage-student-mobile-gradient:linear-gradient(135deg, #4c1d95 0%, #5b21b6 100%);--mypage-student-mobile-accent-dark:#a78bfa;--mypage-student-accent-subtle-bg:#6366f126;--mypage-student-accent-subtle-fg:#c7d2fe;--mypage-mobile-header-overlay-a:radial-gradient(circle at 20% 30%, #a78bfa1f 0%, transparent 40%);--mypage-mobile-header-overlay-b:radial-gradient(circle at 80% 50%, #818cf814 0%, transparent 40%);--mypage-mobile-avatar-ring:#ffffff1f;--mypage-mobile-avatar-border:#ffffff26;--mypage-instructor-mobile-gradient:linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);--mypage-instructor-mobile-accent-dark:#60a5fa;--mypage-parent-mobile-gradient:linear-gradient(135deg, #9a3412 0%, #c2410c 100%);--mypage-parent-mobile-accent-dark:#fb923c;--mypage-admin-mobile-gradient:linear-gradient(135deg, #064e3b 0%, #022c22 100%);--mypage-admin-mobile-accent-dark:#34d399;--mypage-student-accent:#7c3aed;--mypage-badge-gradient:linear-gradient(135deg, #b45309 0%, #92400e 100%);--mypage-instructor-accent:#2563eb;--mypage-parent-accent:#c2410c;--mypage-admin-accent:#047857;--auth-submit-bg:#4f46e5;--auth-submit-bg-hover:#4338ca;--auth-submit-bg-active:#1d4ed8;--form-save-bg:#047857;--form-save-bg-hover:#065f46;--blue-solid:#1d4ed8;--blue-solid-hover:#1e40af;--blue-solid-gradient:linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);--indigo-violet-gradient:linear-gradient(135deg, #4f46e5 0%, #6d28d9 100%);--success-text:#6ee7b7;--success-text-strong:#6ee7b7;--success-soft-bg:#10b98129;--success-soft-border:#34d39973;--success-pale-bg:#10b9811f;--success-fg-mid:#6ee7b7;--success-on-inverse:#4ade80;--warning-text:#fcd34d;--warning-text-strong:#fcd34d;--warning-soft-bg:#fbbf241f;--warning-soft-border:#fbbf2466;--warning-mark:#fbbf24;--warning-inverse-bg:#78350f;--warning-on-inverse:#fde68a;--error-text-strong:#fca5a5;--error-soft-bg:#f8717129;--error-inverse-bg:#7f1d1d;--error-on-inverse:#fecaca;--error-soft-border:#fca5a5;--danger-text:#fca5a5;--danger-border:#f87171;--info-text-strong:#7dd3fc;--info-soft-bg:#38bdf829;--info-tint-bg:#38bdf81f;--link-strong:#93c5fd;--link-blue:#7dd3fc;--brand-indigo:#a5b4fc;--violet-fg:#c4b5fd;--violet-fg-strong:#c7d2fe;--violet-fg-deep:#c4b5fd;--violet-soft-bg:#8b5cf62e;--violet-soft-bg-2:#8b5cf61f;--violet-soft-bg-3:#6366f12e;--student-fg:#c4b5fd;--teal-fg:#5eead4;--slate-fg:#cbd5e1;--text-strong:#f1f5f9;--text-near-black:#f8fafc;--text-ink:#f1f5f9;--text-gray:#cbd5e1;--text-gray-600:#94a3b8;--text-gray-700:#cbd5e1;--text-on-inverse:#f8fafc;--text-on-inverse-muted:#e2e8f0;--icon-muted:#94a3b8;--neutral-400:#94a3b8;--neutral-line:#475569;--neutral-fill:#334155;--canvas-muted:#1a1a2e;--surface-subtle:#0f172a;--avatar-placeholder-from:#334155;--avatar-placeholder-to:#1e293b;--schedule-fallback:#64748b;--divider:#64748b;--border-legacy:#475569}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.4rem}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.4rem}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.3rem;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + .85rem);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (width<=400px),(height<=550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}:root,html[data-theme=light]{--app-bg:#f8f9fa;--app-fg:#333;--surface-0:#fff;--surface-1:#f8fafc;--surface-2:#f1f5f9;--border-default:#e2e8f0;--border-muted:#e5e7eb;--text-primary:#0f172a;--text-heading:#1f2937;--text-secondary:#475569;--text-muted:#64748b;--text-subtle:#94a3b8;--accent:#6366f1;--accent-hover:#4f46e5;--accent-subtle-bg:#eef2ff;--accent-subtle-border:#c7d2fe;--accent-subtle-fg:#4338ca;--success-fg:#047857;--success-bg:#ecfdf5;--success-border:#bbf7d0;--success-dot:#10b981;--error-fg:#dc2626;--error-bg:#fef2f2;--inactive-fg:#64748b;--inactive-dot:#94a3b8;--pending-fg:#b45309;--pending-dot:#f59e0b;--overlay:#0f172a8c;--hover-bg:#00000005;--bulk-bar-bg:#1e293b;--input-bg:#f8fafc;--skeleton-from:#f1f5f9;--skeleton-to:#e2e8f0;--avatar-bg:linear-gradient(135deg, #e0e7ff, #f1f5f9);--avatar-fg:#4338ca;--shadow-sm:0 1px 3px #0000001a;--card-shadow:0 1px 3px #00000014;--auth-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--auth-gradient-overlay-a:radial-gradient(circle at 20% 30%, #ffffff26 0%, transparent 40%);--auth-gradient-overlay-b:radial-gradient(circle at 80% 50%, #ffffff1a 0%, transparent 40%);--auth-page-bg:#fafafa;--auth-card-glass:#fffffff2;--auth-card-border:#fff3;--auth-card-shadow:0 20px 40px #0000001a;--auth-btn-primary-gradient:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--auth-btn-primary-shadow:0 10px 20px #3b82f64d;--input-border:#d1d5db;--input-focus-border:#6366f1;--input-focus-ring:#6366f126;--input-placeholder:#9ca3af;--btn-secondary-bg:#f3f4f6;--btn-secondary-fg:#374151;--btn-secondary-border:#d1d5db;--btn-secondary-hover-bg:#e5e7eb;--btn-disabled-bg:#9ca3af;--btn-disabled-fg:#e5e7eb;--error-border:#fecaca;--info-bg:#f0f9ff;--info-border:#bae6fd;--info-fg:#0369a1;--warning-bg:#fef3c7;--warning-border:#fbbf24;--progress-inactive:#e5e7eb;--progress-active:#3b82f6;--terms-scrollbar-track:#f1f5f9;--terms-scrollbar-thumb:#cbd5e1;--brand-on-primary:#fff;--text-disabled:#9ca3af;--datepicker-range-bg:#6366f11f;--link-primary:#2563eb;--link-visited:#4338ca;--code-surface:#f1f5f9;--mypage-student-accent:#8b5cf6;--mypage-student-mobile-gradient:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--mypage-student-mobile-accent-dark:#a78bfa;--mypage-student-accent-subtle-bg:#eef2ff;--mypage-student-accent-subtle-fg:#4c1d95;--mypage-mobile-header-overlay-a:radial-gradient(circle at 20% 30%, #ffffff26 0%, transparent 40%);--mypage-mobile-header-overlay-b:radial-gradient(circle at 80% 50%, #ffffff1a 0%, transparent 40%);--mypage-mobile-avatar-ring:#ffffff4d;--mypage-mobile-avatar-border:#ffffff80;--mypage-badge-gradient:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--mypage-instructor-accent:#3b82f6;--mypage-instructor-mobile-gradient:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--mypage-instructor-mobile-accent-dark:#60a5fa;--mypage-parent-accent:#f97316;--mypage-parent-mobile-gradient:linear-gradient(135deg, #f97316 0%, #ea580c 100%);--mypage-parent-mobile-accent-dark:#fb923c;--mypage-admin-accent:#10b981;--mypage-admin-mobile-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--mypage-admin-mobile-accent-dark:#34d399;--auth-submit-bg:#6366f1;--auth-submit-bg-hover:#4f46e5;--auth-submit-bg-active:#1d4ed8;--form-save-bg:#10b981;--form-save-bg-hover:#059669;--blue-solid:#3b82f6;--blue-solid-hover:#2563eb;--blue-solid-gradient:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--indigo-violet-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--success-text:#059669;--success-text-strong:#065f46;--success-soft-bg:#d1fae5;--success-soft-border:#a7f3d0;--success-pale-bg:#f0fdf4;--success-fg-mid:#16a34a;--success-on-inverse:#4ade80;--warning-text:#92400e;--warning-text-strong:#78350f;--warning-soft-bg:#fffbeb;--warning-soft-border:#fde68a;--warning-mark:#fcd34d;--warning-inverse-bg:#78350f;--warning-on-inverse:#fde68a;--error-text-strong:#991b1b;--error-soft-bg:#fee2e2;--error-inverse-bg:#7f1d1d;--error-on-inverse:#fecaca;--error-soft-border:#fca5a5;--danger-text:#b91c1c;--danger-border:#ef4444;--info-text-strong:#0c4a6e;--info-soft-bg:#e0f2fe;--info-tint-bg:#eff6ff;--link-strong:#1d4ed8;--link-blue:#007bff;--brand-indigo:#667eea;--violet-fg:#7c3aed;--violet-fg-strong:#3730a3;--violet-fg-deep:#5b21b6;--violet-soft-bg:#ede9fe;--violet-soft-bg-2:#f5f3ff;--violet-soft-bg-3:#e0e7ff;--student-fg:#8b5cf6;--teal-fg:#0f766e;--slate-fg:#334155;--text-strong:#1e293b;--text-near-black:#111827;--text-ink:#222;--text-gray:#666;--text-gray-600:#6b7280;--text-gray-700:#4b5563;--text-on-inverse:#f8fafc;--text-on-inverse-muted:#e2e8f0;--icon-muted:#cbd5e1;--neutral-400:#adb5bd;--neutral-line:#ddd;--neutral-fill:#eee;--canvas-muted:#f7f7f7;--surface-subtle:#f9fafb;--avatar-placeholder-from:#f1f3f4;--avatar-placeholder-to:#e9ecef;--schedule-fallback:#bdbdbd;--divider:#f1f5f9;--border-legacy:#ccc}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--app-bg:#1a1a2e;--app-fg:#e2e8f0;--surface-0:#1e293b;--surface-1:#0f172a;--surface-2:#111827;--border-default:#334155;--border-muted:#374151;--text-primary:#f1f5f9;--text-heading:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-subtle:#64748b;--accent:#818cf8;--accent-hover:#6366f1;--accent-subtle-bg:#6366f126;--accent-subtle-border:#818cf859;--accent-subtle-fg:#c7d2fe;--success-fg:#6ee7b7;--success-bg:#10b9811f;--success-border:#34d39959;--success-dot:#34d399;--error-fg:#fca5a5;--error-bg:#f871711f;--inactive-fg:#94a3b8;--inactive-dot:#64748b;--pending-fg:#fcd34d;--pending-dot:#fbbf24;--overlay:#000000a6;--hover-bg:#ffffff0a;--bulk-bar-bg:#0f172a;--input-bg:#111827;--skeleton-from:#1e293b;--skeleton-to:#334155;--avatar-bg:linear-gradient(135deg, #6366f140, #1e293b);--avatar-fg:#c7d2fe;--shadow-sm:0 1px 3px #00000059;--card-shadow:0 1px 3px #0000004d;--auth-gradient:linear-gradient(135deg, #312e81 0%, #4c1d95 50%, #1e1b4b 100%);--auth-gradient-overlay-a:radial-gradient(circle at 20% 30%, #818cf81f 0%, transparent 40%);--auth-gradient-overlay-b:radial-gradient(circle at 80% 50%, #a78bfa14 0%, transparent 40%);--auth-page-bg:#1a1a2e;--auth-card-glass:#1e293beb;--auth-card-border:#94a3b826;--auth-card-shadow:0 20px 40px #00000073;--auth-btn-primary-gradient:linear-gradient(135deg, #6366f1 0%, #4338ca 100%);--auth-btn-primary-shadow:0 10px 20px #6366f159;--input-border:#475569;--input-focus-border:#818cf8;--input-focus-ring:#818cf833;--input-placeholder:#64748b;--btn-secondary-bg:#334155;--btn-secondary-fg:#e2e8f0;--btn-secondary-border:#475569;--btn-secondary-hover-bg:#475569;--btn-disabled-bg:#475569;--btn-disabled-fg:#94a3b8;--error-border:#f8717173;--info-bg:#38bdf81f;--info-border:#38bdf859;--info-fg:#7dd3fc;--warning-bg:#fbbf241f;--warning-border:#fbbf2459;--progress-inactive:#475569;--progress-active:#818cf8;--terms-scrollbar-track:#1e293b;--terms-scrollbar-thumb:#475569;--brand-on-primary:#fff;--text-disabled:#64748b;--datepicker-range-bg:#818cf838;--link-primary:#7dd3fc;--link-visited:#a78bfa;--code-surface:#111827;--mypage-student-mobile-gradient:linear-gradient(135deg, #4c1d95 0%, #5b21b6 100%);--mypage-student-mobile-accent-dark:#a78bfa;--mypage-student-accent-subtle-bg:#6366f126;--mypage-student-accent-subtle-fg:#c7d2fe;--mypage-mobile-header-overlay-a:radial-gradient(circle at 20% 30%, #a78bfa1f 0%, transparent 40%);--mypage-mobile-header-overlay-b:radial-gradient(circle at 80% 50%, #818cf814 0%, transparent 40%);--mypage-mobile-avatar-ring:#ffffff1f;--mypage-mobile-avatar-border:#ffffff26;--mypage-instructor-mobile-gradient:linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);--mypage-instructor-mobile-accent-dark:#60a5fa;--mypage-parent-mobile-gradient:linear-gradient(135deg, #9a3412 0%, #c2410c 100%);--mypage-parent-mobile-accent-dark:#fb923c;--mypage-admin-mobile-gradient:linear-gradient(135deg, #064e3b 0%, #022c22 100%);--mypage-admin-mobile-accent-dark:#34d399;--mypage-student-accent:#7c3aed;--mypage-badge-gradient:linear-gradient(135deg, #b45309 0%, #92400e 100%);--mypage-instructor-accent:#2563eb;--mypage-parent-accent:#c2410c;--mypage-admin-accent:#047857;--auth-submit-bg:#4f46e5;--auth-submit-bg-hover:#4338ca;--auth-submit-bg-active:#1d4ed8;--form-save-bg:#047857;--form-save-bg-hover:#065f46;--blue-solid:#1d4ed8;--blue-solid-hover:#1e40af;--blue-solid-gradient:linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);--indigo-violet-gradient:linear-gradient(135deg, #4f46e5 0%, #6d28d9 100%);--success-text:#6ee7b7;--success-text-strong:#6ee7b7;--success-soft-bg:#10b98129;--success-soft-border:#34d39973;--success-pale-bg:#10b9811f;--success-fg-mid:#6ee7b7;--success-on-inverse:#4ade80;--warning-text:#fcd34d;--warning-text-strong:#fcd34d;--warning-soft-bg:#fbbf241f;--warning-soft-border:#fbbf2466;--warning-mark:#fbbf24;--warning-inverse-bg:#78350f;--warning-on-inverse:#fde68a;--error-text-strong:#fca5a5;--error-soft-bg:#f8717129;--error-inverse-bg:#7f1d1d;--error-on-inverse:#fecaca;--error-soft-border:#fca5a5;--danger-text:#fca5a5;--danger-border:#f87171;--info-text-strong:#7dd3fc;--info-soft-bg:#38bdf829;--info-tint-bg:#38bdf81f;--link-strong:#93c5fd;--link-blue:#7dd3fc;--brand-indigo:#a5b4fc;--violet-fg:#c4b5fd;--violet-fg-strong:#c7d2fe;--violet-fg-deep:#c4b5fd;--violet-soft-bg:#8b5cf62e;--violet-soft-bg-2:#8b5cf61f;--violet-soft-bg-3:#6366f12e;--student-fg:#c4b5fd;--teal-fg:#5eead4;--slate-fg:#cbd5e1;--text-strong:#f1f5f9;--text-near-black:#f8fafc;--text-ink:#f1f5f9;--text-gray:#cbd5e1;--text-gray-600:#94a3b8;--text-gray-700:#cbd5e1;--text-on-inverse:#f8fafc;--text-on-inverse-muted:#e2e8f0;--icon-muted:#94a3b8;--neutral-400:#94a3b8;--neutral-line:#475569;--neutral-fill:#334155;--canvas-muted:#1a1a2e;--surface-subtle:#0f172a;--avatar-placeholder-from:#334155;--avatar-placeholder-to:#1e293b;--schedule-fallback:#64748b;--divider:#64748b;--border-legacy:#475569}}html[data-theme=dark]{--app-bg:#1a1a2e;--app-fg:#e2e8f0;--surface-0:#1e293b;--surface-1:#0f172a;--surface-2:#111827;--border-default:#334155;--border-muted:#374151;--text-primary:#f1f5f9;--text-heading:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-subtle:#64748b;--accent:#818cf8;--accent-hover:#6366f1;--accent-subtle-bg:#6366f126;--accent-subtle-border:#818cf859;--accent-subtle-fg:#c7d2fe;--success-fg:#6ee7b7;--success-bg:#10b9811f;--success-border:#34d39959;--success-dot:#34d399;--error-fg:#fca5a5;--error-bg:#f871711f;--inactive-fg:#94a3b8;--inactive-dot:#64748b;--pending-fg:#fcd34d;--pending-dot:#fbbf24;--overlay:#000000a6;--hover-bg:#ffffff0a;--bulk-bar-bg:#0f172a;--input-bg:#111827;--skeleton-from:#1e293b;--skeleton-to:#334155;--avatar-bg:linear-gradient(135deg, #6366f140, #1e293b);--avatar-fg:#c7d2fe;--shadow-sm:0 1px 3px #00000059;--card-shadow:0 1px 3px #0000004d;--auth-gradient:linear-gradient(135deg, #312e81 0%, #4c1d95 50%, #1e1b4b 100%);--auth-gradient-overlay-a:radial-gradient(circle at 20% 30%, #818cf81f 0%, transparent 40%);--auth-gradient-overlay-b:radial-gradient(circle at 80% 50%, #a78bfa14 0%, transparent 40%);--auth-page-bg:#1a1a2e;--auth-card-glass:#1e293beb;--auth-card-border:#94a3b826;--auth-card-shadow:0 20px 40px #00000073;--auth-btn-primary-gradient:linear-gradient(135deg, #6366f1 0%, #4338ca 100%);--auth-btn-primary-shadow:0 10px 20px #6366f159;--input-border:#475569;--input-focus-border:#818cf8;--input-focus-ring:#818cf833;--input-placeholder:#64748b;--btn-secondary-bg:#334155;--btn-secondary-fg:#e2e8f0;--btn-secondary-border:#475569;--btn-secondary-hover-bg:#475569;--btn-disabled-bg:#475569;--btn-disabled-fg:#94a3b8;--error-border:#f8717173;--info-bg:#38bdf81f;--info-border:#38bdf859;--info-fg:#7dd3fc;--warning-bg:#fbbf241f;--warning-border:#fbbf2459;--progress-inactive:#475569;--progress-active:#818cf8;--terms-scrollbar-track:#1e293b;--terms-scrollbar-thumb:#475569;--brand-on-primary:#fff;--text-disabled:#64748b;--datepicker-range-bg:#818cf838;--link-primary:#7dd3fc;--link-visited:#a78bfa;--code-surface:#111827;--mypage-student-mobile-gradient:linear-gradient(135deg, #4c1d95 0%, #5b21b6 100%);--mypage-student-mobile-accent-dark:#a78bfa;--mypage-student-accent-subtle-bg:#6366f126;--mypage-student-accent-subtle-fg:#c7d2fe;--mypage-mobile-header-overlay-a:radial-gradient(circle at 20% 30%, #a78bfa1f 0%, transparent 40%);--mypage-mobile-header-overlay-b:radial-gradient(circle at 80% 50%, #818cf814 0%, transparent 40%);--mypage-mobile-avatar-ring:#ffffff1f;--mypage-mobile-avatar-border:#ffffff26;--mypage-instructor-mobile-gradient:linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);--mypage-instructor-mobile-accent-dark:#60a5fa;--mypage-parent-mobile-gradient:linear-gradient(135deg, #9a3412 0%, #c2410c 100%);--mypage-parent-mobile-accent-dark:#fb923c;--mypage-admin-mobile-gradient:linear-gradient(135deg, #064e3b 0%, #022c22 100%);--mypage-admin-mobile-accent-dark:#34d399;--mypage-student-accent:#7c3aed;--mypage-badge-gradient:linear-gradient(135deg, #b45309 0%, #92400e 100%);--mypage-instructor-accent:#2563eb;--mypage-parent-accent:#c2410c;--mypage-admin-accent:#047857;--auth-submit-bg:#4f46e5;--auth-submit-bg-hover:#4338ca;--auth-submit-bg-active:#1d4ed8;--form-save-bg:#047857;--form-save-bg-hover:#065f46;--blue-solid:#1d4ed8;--blue-solid-hover:#1e40af;--blue-solid-gradient:linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);--indigo-violet-gradient:linear-gradient(135deg, #4f46e5 0%, #6d28d9 100%);--success-text:#6ee7b7;--success-text-strong:#6ee7b7;--success-soft-bg:#10b98129;--success-soft-border:#34d39973;--success-pale-bg:#10b9811f;--success-fg-mid:#6ee7b7;--success-on-inverse:#4ade80;--warning-text:#fcd34d;--warning-text-strong:#fcd34d;--warning-soft-bg:#fbbf241f;--warning-soft-border:#fbbf2466;--warning-mark:#fbbf24;--warning-inverse-bg:#78350f;--warning-on-inverse:#fde68a;--error-text-strong:#fca5a5;--error-soft-bg:#f8717129;--error-inverse-bg:#7f1d1d;--error-on-inverse:#fecaca;--error-soft-border:#fca5a5;--danger-text:#fca5a5;--danger-border:#f87171;--info-text-strong:#7dd3fc;--info-soft-bg:#38bdf829;--info-tint-bg:#38bdf81f;--link-strong:#93c5fd;--link-blue:#7dd3fc;--brand-indigo:#a5b4fc;--violet-fg:#c4b5fd;--violet-fg-strong:#c7d2fe;--violet-fg-deep:#c4b5fd;--violet-soft-bg:#8b5cf62e;--violet-soft-bg-2:#8b5cf61f;--violet-soft-bg-3:#6366f12e;--student-fg:#c4b5fd;--teal-fg:#5eead4;--slate-fg:#cbd5e1;--text-strong:#f1f5f9;--text-near-black:#f8fafc;--text-ink:#f1f5f9;--text-gray:#cbd5e1;--text-gray-600:#94a3b8;--text-gray-700:#cbd5e1;--text-on-inverse:#f8fafc;--text-on-inverse-muted:#e2e8f0;--icon-muted:#94a3b8;--neutral-400:#94a3b8;--neutral-line:#475569;--neutral-fill:#334155;--canvas-muted:#1a1a2e;--surface-subtle:#0f172a;--avatar-placeholder-from:#334155;--avatar-placeholder-to:#1e293b;--schedule-fallback:#64748b;--divider:#64748b;--border-legacy:#475569}.react-datepicker-wrapper{width:100%}.react-datepicker-wrapper input{background:var(--surface-0);color:var(--text-primary);border:1px solid var(--border-default)}.react-datepicker-wrapper input::placeholder{color:var(--input-placeholder)}.react-datepicker__input-container{width:100%}.react-datepicker-popper{z-index:1200}.react-datepicker{background:var(--surface-0);color:var(--text-primary);border:1px solid var(--border-default);box-shadow:var(--card-shadow);border-radius:12px;font-family:inherit;overflow:hidden}.react-datepicker__month-container{background:var(--surface-0)}.react-datepicker__header{background:var(--surface-1);border-bottom:1px solid var(--border-default);padding-top:12px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:var(--text-heading);font-weight:700}.react-datepicker__day-name{color:var(--text-muted);font-weight:600}.react-datepicker__day{color:var(--text-primary);border-radius:8px;transition:background-color .15s,color .15s}.react-datepicker__day:hover{background:var(--accent-subtle-bg);color:var(--text-primary)}.react-datepicker__day--today{border:1px solid var(--accent);color:var(--text-primary);background:0 0;font-weight:700}.react-datepicker__day--today:hover{background:var(--accent-subtle-bg)}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{border-color:#0000;background:var(--accent)!important;color:var(--brand-on-primary)!important}.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected:hover{background:var(--accent-hover)!important;color:var(--brand-on-primary)!important}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range{background:var(--datepicker-range-bg);color:var(--text-primary)}.react-datepicker__day--range-start,.react-datepicker__day--range-end,.react-datepicker__day--selecting-range-start,.react-datepicker__day--selecting-range-end{background:var(--accent);color:var(--brand-on-primary)}.react-datepicker__day--disabled,.react-datepicker__day--disabled:hover{color:var(--text-disabled);cursor:not-allowed;background:0 0}.react-datepicker__day--outside-month{color:var(--text-subtle)}.react-datepicker__navigation{top:12px}.react-datepicker__navigation .react-datepicker__navigation-icon:before{border-color:var(--text-secondary)}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--text-primary)}.react-datepicker__triangle{display:none}.react-datepicker__close-icon:after{background:var(--surface-2);color:var(--text-secondary)}.react-datepicker__close-icon:hover:after{background:var(--border-default);color:var(--text-primary)}.react-datepicker__today-button{background:var(--surface-1);border-top:1px solid var(--border-default);color:var(--accent);font-weight:600}.react-datepicker__today-button:hover{background:var(--accent-subtle-bg)}.react-datepicker__time-container{border-left:1px solid var(--border-default)}.react-datepicker__time,.react-datepicker__time-box,.react-datepicker__time-list{background:var(--surface-0)}.react-datepicker__time-list-item{color:var(--text-primary)}.react-datepicker__time-list-item:hover{background:var(--accent-subtle-bg)!important;color:var(--text-primary)!important}.react-datepicker__time-list-item--selected,.react-datepicker__time-list-item--selected:hover{font-weight:600;background:var(--accent)!important;color:var(--brand-on-primary)!important}.react-datepicker__time-list-item--disabled,.react-datepicker__time-list-item--disabled:hover{color:var(--text-disabled)!important;background:0 0!important}.react-datepicker__time-list{scrollbar-width:thin;scrollbar-color:var(--terms-scrollbar-thumb) var(--terms-scrollbar-track)}.react-datepicker__time-list::-webkit-scrollbar{width:6px}.react-datepicker__time-list::-webkit-scrollbar-track{background:var(--terms-scrollbar-track)}.react-datepicker__time-list::-webkit-scrollbar-thumb{background:var(--terms-scrollbar-thumb);border-radius:3px}.booking-date-picker-popper,.notion-date-picker-popper,.mobile-date-picker-popper{z-index:1200}.email-body-preview .preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.email-body-preview .viewport-toggle{background:var(--btn-secondary-bg);border-radius:8px;gap:4px;padding:4px;display:inline-flex}.email-body-preview .viewport-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.email-body-preview .viewport-toggle button.active{background:var(--surface-0);color:var(--text-primary);box-shadow:var(--shadow-sm)}.email-body-preview .sanitize-note{color:var(--text-muted);margin:0;font-size:12px}.email-body-preview .preview-frame-wrap{border:1px solid var(--border-default);background:var(--surface-1);border-radius:10px;justify-content:center;padding:16px;display:flex}.email-body-preview .preview-frame-wrap.is-desktop .preview-iframe{width:100%;max-width:640px;height:420px}.email-body-preview .preview-frame-wrap.is-mobile .preview-iframe{width:375px;max-width:100%;height:520px}.email-body-preview .preview-iframe{border:1px solid var(--border-default);background:#fff;border-radius:8px}.email-body-preview .preview-empty{width:100%;min-height:200px;color:var(--input-placeholder);justify-content:center;align-items:center;font-size:14px;display:flex}.preview-email .email-header{margin-bottom:16px}.preview-email .email-subject{flex-direction:column;gap:4px;display:flex}.preview-email .email-subject strong{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.preview-email .email-subject span{color:var(--text-heading);border-bottom:1px solid var(--border-default);padding:8px 0;font-size:16px;font-weight:500}.preview-email .email-body{margin-bottom:16px}.preview-email .email-text,.preview-email .preview-text{color:var(--text-secondary);white-space:pre-wrap;background:var(--surface-1);border:1px solid var(--border-default);border-radius:8px;min-height:120px;padding:16px;font-size:14px;line-height:1.6}.preview-email .email-variables .variables-note{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px;align-items:center;gap:8px;padding:12px;display:flex}.preview-email .email-variables .variables-note svg{color:var(--pending-dot);flex-shrink:0}.preview-email .email-variables .variables-note span{color:var(--pending-fg);font-size:12px;line-height:1.4}.email-preview h3,.email-preview h4,.email-preview label,.email-preview-panel h3,.email-preview-panel h4,.email-preview-panel label{color:var(--text-heading)}.email-preview .preview-text,.email-preview-panel .preview-text{color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-default);border-radius:8px;padding:12px}.attendance-preview-modal .attendance-preview-content{background:var(--surface-0);border:1px solid var(--border-default)}.attendance-preview-modal .attendance-preview-header{background:var(--surface-1);border-bottom:1px solid var(--border-default);color:var(--text-heading)}.attendance-preview-modal .attendance-preview-body .preview-label{color:var(--text-muted)}.attendance-preview-modal .attendance-preview-body p,.attendance-preview-modal .attendance-preview-body pre{color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-default)}.onboarding-initial input[type=text]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=text]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=text]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=text]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=email]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=email]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=email]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=email]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=password]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=password]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=password]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=password]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=tel]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=tel]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=tel]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=tel]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=number]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=number]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=number]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial input[type=number]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial select:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial select:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial select:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial select:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial textarea:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial textarea:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial textarea:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial textarea:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial .form-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial .form-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial .form-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial .form-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial .auth-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial .auth-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial .auth-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial .auth-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=text]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=text]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=text]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=text]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=email]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=email]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=email]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=email]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=password]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=password]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=password]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=password]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=tel]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=tel]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=tel]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=tel]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=number]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=number]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=number]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup input[type=number]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup select:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup select:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup select:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup select:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup textarea:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup textarea:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup textarea:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup textarea:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup .form-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup .form-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup .form-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup .form-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup .auth-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup .auth-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup .auth-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-profile-setup .auth-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=text]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=text]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=text]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=text]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=email]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=email]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=email]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=email]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=password]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=password]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=password]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=password]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=tel]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=tel]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=tel]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=tel]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=number]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=number]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=number]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification input[type=number]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification select:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification select:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification select:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification select:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification textarea:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification textarea:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification textarea:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification textarea:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification .form-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification .form-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification .form-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification .form-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification .auth-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification .auth-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification .auth-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.email-verification .auth-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=text]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=text]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=text]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=text]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=email]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=email]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=email]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=email]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=password]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=password]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=password]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=password]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=tel]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=tel]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=tel]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=tel]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=number]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=number]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=number]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page input[type=number]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page select:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page select:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page select:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page select:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page textarea:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page textarea:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page textarea:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page textarea:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page .form-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page .form-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page .form-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page .form-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page .auth-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page .auth-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page .auth-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-page .auth-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=text]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=text]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=text]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=text]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=email]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=email]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=email]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=email]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=password]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=password]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=password]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=password]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=tel]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=tel]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=tel]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=tel]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=number]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=number]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=number]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container input[type=number]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container select:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container select:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container select:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container select:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container textarea:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container textarea:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container textarea:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container textarea:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container .form-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container .form-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container .form-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container .form-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container .auth-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container .auth-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container .auth-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.login-container .auth-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=text]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=text]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=text]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=text]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=email]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=email]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=email]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=email]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=password]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=password]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=password]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=password]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=tel]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=tel]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=tel]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=tel]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=number]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=number]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=number]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page input[type=number]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page select:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page select:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page select:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page select:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page textarea:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page textarea:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page textarea:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page textarea:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page .form-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page .form-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page .form-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page .form-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page .auth-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page .auth-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page .auth-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.reset-password-page .auth-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=text]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=text]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=text]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=text]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=email]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=email]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=email]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=email]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=password]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=password]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=password]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=password]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=tel]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=tel]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=tel]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=tel]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=number]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=number]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=number]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page input[type=number]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page select:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page select:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page select:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page select:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page textarea:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page textarea:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page textarea:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page textarea:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page .form-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page .form-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page .form-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page .form-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page .auth-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page .auth-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page .auth-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-page .auth-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=text]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=text]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=text]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=text]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=email]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=email]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=email]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=email]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=password]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=password]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=password]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=password]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=tel]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=tel]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=tel]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=tel]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=number]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=number]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=number]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding input[type=number]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding select:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding select:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding select:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding select:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding textarea:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding textarea:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding textarea:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding textarea:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding .form-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding .form-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding .form-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding .form-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding .auth-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding .auth-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding .auth-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.sign-up-onboarding .auth-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=text]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=text]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=text]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=text]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=email]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=email]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=email]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=email]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=password]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=password]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=password]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=password]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=tel]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=tel]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=tel]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=tel]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=number]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=number]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=number]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page input[type=number]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page select:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page select:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page select:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page select:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page textarea:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page textarea:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page textarea:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page textarea:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page .form-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page .form-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page .form-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page .form-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page .auth-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page .auth-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page .auth-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-id-page .auth-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=text]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=text]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=text]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=text]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=email]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=email]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=email]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=email]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=password]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=password]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=password]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=password]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=tel]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=tel]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=tel]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=tel]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=number]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=number]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=number]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page input[type=number]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page select:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page select:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page select:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page select:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page textarea:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page textarea:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page textarea:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page textarea:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page .form-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page .form-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page .form-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page .form-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page .auth-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page .auth-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page .auth-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.find-password-page .auth-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=text]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=text]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=text]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=text]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=email]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=email]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=email]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=email]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=password]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=password]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=password]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=password]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=tel]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=tel]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=tel]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=tel]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=number]:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=number]:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=number]:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page input[type=number]:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page select:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page select:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page select:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page select:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page textarea:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page textarea:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page textarea:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page textarea:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page .form-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page .form-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page .form-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page .form-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page .auth-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page .auth-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page .auth-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.mobile-auth-page .auth-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.onboarding-initial .password-toggle,.onboarding-initial .password-toggle-btn,.onboarding-initial .show-password-btn,.onboarding-profile-setup .password-toggle,.onboarding-profile-setup .password-toggle-btn,.onboarding-profile-setup .show-password-btn,.email-verification .password-toggle,.email-verification .password-toggle-btn,.email-verification .show-password-btn,.login-page .password-toggle,.login-page .password-toggle-btn,.login-page .show-password-btn,.login-container .password-toggle,.login-container .password-toggle-btn,.login-container .show-password-btn,.reset-password-page .password-toggle,.reset-password-page .password-toggle-btn,.reset-password-page .show-password-btn,.sign-up-page .password-toggle,.sign-up-page .password-toggle-btn,.sign-up-page .show-password-btn,.sign-up-onboarding .password-toggle,.sign-up-onboarding .password-toggle-btn,.sign-up-onboarding .show-password-btn,.find-id-page .password-toggle,.find-id-page .password-toggle-btn,.find-id-page .show-password-btn,.find-password-page .password-toggle,.find-password-page .password-toggle-btn,.find-password-page .show-password-btn,.mobile-auth-page .password-toggle,.mobile-auth-page .password-toggle-btn,.mobile-auth-page .show-password-btn{color:var(--text-muted)}.onboarding-initial .password-toggle:hover,.onboarding-initial .password-toggle-btn:hover,.onboarding-initial .show-password-btn:hover,.onboarding-profile-setup .password-toggle:hover,.onboarding-profile-setup .password-toggle-btn:hover,.onboarding-profile-setup .show-password-btn:hover,.email-verification .password-toggle:hover,.email-verification .password-toggle-btn:hover,.email-verification .show-password-btn:hover,.login-page .password-toggle:hover,.login-page .password-toggle-btn:hover,.login-page .show-password-btn:hover,.login-container .password-toggle:hover,.login-container .password-toggle-btn:hover,.login-container .show-password-btn:hover,.reset-password-page .password-toggle:hover,.reset-password-page .password-toggle-btn:hover,.reset-password-page .show-password-btn:hover,.sign-up-page .password-toggle:hover,.sign-up-page .password-toggle-btn:hover,.sign-up-page .show-password-btn:hover,.sign-up-onboarding .password-toggle:hover,.sign-up-onboarding .password-toggle-btn:hover,.sign-up-onboarding .show-password-btn:hover,.find-id-page .password-toggle:hover,.find-id-page .password-toggle-btn:hover,.find-id-page .show-password-btn:hover,.find-password-page .password-toggle:hover,.find-password-page .password-toggle-btn:hover,.find-password-page .show-password-btn:hover,.mobile-auth-page .password-toggle:hover,.mobile-auth-page .password-toggle-btn:hover,.mobile-auth-page .show-password-btn:hover{color:var(--text-primary)}.code-input-wrapper .form-input{background:var(--surface-0);color:var(--text-primary);border:1px solid var(--input-border)}.code-input-wrapper .form-input::placeholder{color:var(--input-placeholder)}.code-input-wrapper .form-input:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--input-focus-ring);outline:none}.code-input-wrapper .form-input.error,.code-input-wrapper .form-input.has-error,.code-input-wrapper .form-input.invalid{border-color:var(--error-fg);box-shadow:0 0 0 3px #dc26261f}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .code-input-wrapper .form-input.error,html:not([data-theme=light]) .code-input-wrapper .form-input.has-error,html:not([data-theme=light]) .code-input-wrapper .form-input.invalid{box-shadow:0 0 0 3px #f871712e}}html[data-theme=dark] .code-input-wrapper .form-input.error,html[data-theme=dark] .code-input-wrapper .form-input.has-error,html[data-theme=dark] .code-input-wrapper .form-input.invalid{box-shadow:0 0 0 3px #f871712e}.code-input-wrapper .form-input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.code-input-wrapper .form-input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.code-input-wrapper .form-input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.code-input-wrapper .form-input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}.code-input-wrapper .resend-btn{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-fg)}.code-input-wrapper .resend-btn:hover:not(.disabled):not(:disabled){background:var(--btn-secondary-hover-bg);border-color:var(--border-muted)}.code-input-wrapper .resend-btn.disabled,.code-input-wrapper .resend-btn:disabled{background:var(--surface-1);color:var(--text-subtle);cursor:not-allowed;opacity:.85}.terms-content,.terms-scroll-container,.terms-preview-body,.terms-modal-body,.terms-text,.mobile-terms-modal-body .terms-content,.mobile-terms-modal-body .terms-scroll{scrollbar-width:thin;scrollbar-color:var(--terms-scrollbar-thumb) var(--terms-scrollbar-track)}.terms-content::-webkit-scrollbar{width:8px}.terms-scroll-container::-webkit-scrollbar{width:8px}.terms-preview-body::-webkit-scrollbar{width:8px}.terms-modal-body::-webkit-scrollbar{width:8px}.terms-text::-webkit-scrollbar{width:8px}.mobile-terms-modal-body .terms-content::-webkit-scrollbar{width:8px}.mobile-terms-modal-body .terms-scroll::-webkit-scrollbar{width:8px}.terms-content::-webkit-scrollbar-track{background:var(--terms-scrollbar-track);border-radius:4px}.terms-scroll-container::-webkit-scrollbar-track{background:var(--terms-scrollbar-track);border-radius:4px}.terms-preview-body::-webkit-scrollbar-track{background:var(--terms-scrollbar-track);border-radius:4px}.terms-modal-body::-webkit-scrollbar-track{background:var(--terms-scrollbar-track);border-radius:4px}.terms-text::-webkit-scrollbar-track{background:var(--terms-scrollbar-track);border-radius:4px}.mobile-terms-modal-body .terms-content::-webkit-scrollbar-track{background:var(--terms-scrollbar-track);border-radius:4px}.mobile-terms-modal-body .terms-scroll::-webkit-scrollbar-track{background:var(--terms-scrollbar-track);border-radius:4px}.terms-content::-webkit-scrollbar-thumb{background:var(--terms-scrollbar-thumb);border-radius:4px}.terms-scroll-container::-webkit-scrollbar-thumb{background:var(--terms-scrollbar-thumb);border-radius:4px}.terms-preview-body::-webkit-scrollbar-thumb{background:var(--terms-scrollbar-thumb);border-radius:4px}.terms-modal-body::-webkit-scrollbar-thumb{background:var(--terms-scrollbar-thumb);border-radius:4px}.terms-text::-webkit-scrollbar-thumb{background:var(--terms-scrollbar-thumb);border-radius:4px}.mobile-terms-modal-body .terms-content::-webkit-scrollbar-thumb{background:var(--terms-scrollbar-thumb);border-radius:4px}.mobile-terms-modal-body .terms-scroll::-webkit-scrollbar-thumb{background:var(--terms-scrollbar-thumb);border-radius:4px}.terms-content::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.terms-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.terms-preview-body::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.terms-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.terms-text::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.mobile-terms-modal-body .terms-content::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.mobile-terms-modal-body .terms-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.onboarding-initial button:disabled,.onboarding-initial .btn-primary:disabled,.onboarding-initial .submit-btn:disabled,.onboarding-initial .primary-btn:disabled,.onboarding-initial .next-button:disabled,.onboarding-initial .verification-button:disabled,.onboarding-profile-setup button:disabled,.onboarding-profile-setup .btn-primary:disabled,.onboarding-profile-setup .submit-btn:disabled,.onboarding-profile-setup .primary-btn:disabled,.onboarding-profile-setup .next-button:disabled,.onboarding-profile-setup .verification-button:disabled,.email-verification button:disabled,.email-verification .btn-primary:disabled,.email-verification .submit-btn:disabled,.email-verification .primary-btn:disabled,.email-verification .next-button:disabled,.email-verification .verification-button:disabled,.login-page button:disabled,.login-page .btn-primary:disabled,.login-page .submit-btn:disabled,.login-page .primary-btn:disabled,.login-page .next-button:disabled,.login-page .verification-button:disabled,.reset-password-page button:disabled,.reset-password-page .btn-primary:disabled,.reset-password-page .submit-btn:disabled,.reset-password-page .primary-btn:disabled,.reset-password-page .next-button:disabled,.reset-password-page .verification-button:disabled,.sign-up-page button:disabled,.sign-up-page .btn-primary:disabled,.sign-up-page .submit-btn:disabled,.sign-up-page .primary-btn:disabled,.sign-up-page .next-button:disabled,.sign-up-page .verification-button:disabled,.sign-up-onboarding button:disabled,.sign-up-onboarding .btn-primary:disabled,.sign-up-onboarding .submit-btn:disabled,.sign-up-onboarding .primary-btn:disabled,.sign-up-onboarding .next-button:disabled,.sign-up-onboarding .verification-button:disabled,.find-id-page button:disabled,.find-id-page .btn-primary:disabled,.find-id-page .submit-btn:disabled,.find-id-page .primary-btn:disabled,.find-id-page .next-button:disabled,.find-id-page .verification-button:disabled,.find-password-page button:disabled,.find-password-page .btn-primary:disabled,.find-password-page .submit-btn:disabled,.find-password-page .primary-btn:disabled,.find-password-page .next-button:disabled,.find-password-page .verification-button:disabled,.mobile-auth-page button:disabled,.mobile-auth-page .btn-primary:disabled,.mobile-auth-page .submit-btn:disabled,.mobile-auth-page .primary-btn:disabled,.mobile-auth-page .next-button:disabled,.mobile-auth-page .verification-button:disabled{cursor:not-allowed;opacity:1;background:var(--btn-disabled-bg)!important;color:var(--btn-disabled-fg)!important;box-shadow:none!important;transform:none!important}.mobile-auth-page{background:var(--auth-gradient)}.mobile-auth-page:before{background:var(--auth-gradient-overlay-a), var(--auth-gradient-overlay-b)}.mobile-email-verification-container{background:var(--auth-card-glass);box-shadow:var(--auth-card-shadow), 0 0 0 1px var(--auth-card-border)}.onboarding-initial input[type=text],.onboarding-initial input[type=email],.onboarding-initial input[type=password],.onboarding-initial input[type=tel],.onboarding-initial .form-input,.onboarding-profile-setup input[type=text],.onboarding-profile-setup input[type=email],.onboarding-profile-setup input[type=password],.onboarding-profile-setup input[type=tel],.onboarding-profile-setup .form-input,.email-verification input[type=text],.email-verification input[type=email],.email-verification input[type=password],.email-verification input[type=tel],.email-verification .form-input,.reset-password-page input[type=text],.reset-password-page input[type=email],.reset-password-page input[type=password],.reset-password-page input[type=tel],.reset-password-page .form-input,.sign-up-page input[type=text],.sign-up-page input[type=email],.sign-up-page input[type=password],.sign-up-page input[type=tel],.sign-up-page .form-input,.find-id-page input[type=text],.find-id-page input[type=email],.find-id-page input[type=password],.find-id-page input[type=tel],.find-id-page .form-input,.find-password-page input[type=text],.find-password-page input[type=email],.find-password-page input[type=password],.find-password-page input[type=tel],.find-password-page .form-input{background:var(--surface-0);color:var(--text-primary);border-color:var(--border-muted)}.onboarding-initial input[type=text]::placeholder,.onboarding-initial input[type=email]::placeholder,.onboarding-initial input[type=password]::placeholder,.onboarding-initial input[type=tel]::placeholder,.onboarding-initial .form-input::placeholder,.onboarding-profile-setup input[type=text]::placeholder,.onboarding-profile-setup input[type=email]::placeholder,.onboarding-profile-setup input[type=password]::placeholder,.onboarding-profile-setup input[type=tel]::placeholder,.onboarding-profile-setup .form-input::placeholder,.email-verification input[type=text]::placeholder,.email-verification input[type=email]::placeholder,.email-verification input[type=password]::placeholder,.email-verification input[type=tel]::placeholder,.email-verification .form-input::placeholder,.reset-password-page input[type=text]::placeholder,.reset-password-page input[type=email]::placeholder,.reset-password-page input[type=password]::placeholder,.reset-password-page input[type=tel]::placeholder,.reset-password-page .form-input::placeholder,.sign-up-page input[type=text]::placeholder,.sign-up-page input[type=email]::placeholder,.sign-up-page input[type=password]::placeholder,.sign-up-page input[type=tel]::placeholder,.sign-up-page .form-input::placeholder,.find-id-page input[type=text]::placeholder,.find-id-page input[type=email]::placeholder,.find-id-page input[type=password]::placeholder,.find-id-page input[type=tel]::placeholder,.find-id-page .form-input::placeholder,.find-password-page input[type=text]::placeholder,.find-password-page input[type=email]::placeholder,.find-password-page input[type=password]::placeholder,.find-password-page input[type=tel]::placeholder,.find-password-page .form-input::placeholder{color:var(--input-placeholder)}.onboarding-initial input[type=text]:focus,.onboarding-initial input[type=email]:focus,.onboarding-initial input[type=password]:focus,.onboarding-initial input[type=tel]:focus,.onboarding-initial .form-input:focus,.onboarding-profile-setup input[type=text]:focus,.onboarding-profile-setup input[type=email]:focus,.onboarding-profile-setup input[type=password]:focus,.onboarding-profile-setup input[type=tel]:focus,.onboarding-profile-setup .form-input:focus,.email-verification input[type=text]:focus,.email-verification input[type=email]:focus,.email-verification input[type=password]:focus,.email-verification input[type=tel]:focus,.email-verification .form-input:focus,.reset-password-page input[type=text]:focus,.reset-password-page input[type=email]:focus,.reset-password-page input[type=password]:focus,.reset-password-page input[type=tel]:focus,.reset-password-page .form-input:focus,.sign-up-page input[type=text]:focus,.sign-up-page input[type=email]:focus,.sign-up-page input[type=password]:focus,.sign-up-page input[type=tel]:focus,.sign-up-page .form-input:focus,.find-id-page input[type=text]:focus,.find-id-page input[type=email]:focus,.find-id-page input[type=password]:focus,.find-id-page input[type=tel]:focus,.find-id-page .form-input:focus,.find-password-page input[type=text]:focus,.find-password-page input[type=email]:focus,.find-password-page input[type=password]:focus,.find-password-page input[type=tel]:focus,.find-password-page .form-input:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--input-focus-ring)}.onboarding-initial input[type=text].disabled-input,.onboarding-initial input[type=text]:disabled,.onboarding-initial input[type=email].disabled-input,.onboarding-initial input[type=email]:disabled,.onboarding-initial input[type=password].disabled-input,.onboarding-initial input[type=password]:disabled,.onboarding-initial input[type=tel].disabled-input,.onboarding-initial input[type=tel]:disabled,.onboarding-initial .form-input.disabled-input,.onboarding-initial .form-input:disabled,.onboarding-profile-setup input[type=text].disabled-input,.onboarding-profile-setup input[type=text]:disabled,.onboarding-profile-setup input[type=email].disabled-input,.onboarding-profile-setup input[type=email]:disabled,.onboarding-profile-setup input[type=password].disabled-input,.onboarding-profile-setup input[type=password]:disabled,.onboarding-profile-setup input[type=tel].disabled-input,.onboarding-profile-setup input[type=tel]:disabled,.onboarding-profile-setup .form-input.disabled-input,.onboarding-profile-setup .form-input:disabled,.email-verification input[type=text].disabled-input,.email-verification input[type=text]:disabled,.email-verification input[type=email].disabled-input,.email-verification input[type=email]:disabled,.email-verification input[type=password].disabled-input,.email-verification input[type=password]:disabled,.email-verification input[type=tel].disabled-input,.email-verification input[type=tel]:disabled,.email-verification .form-input.disabled-input,.email-verification .form-input:disabled,.reset-password-page input[type=text].disabled-input,.reset-password-page input[type=text]:disabled,.reset-password-page input[type=email].disabled-input,.reset-password-page input[type=email]:disabled,.reset-password-page input[type=password].disabled-input,.reset-password-page input[type=password]:disabled,.reset-password-page input[type=tel].disabled-input,.reset-password-page input[type=tel]:disabled,.reset-password-page .form-input.disabled-input,.reset-password-page .form-input:disabled,.sign-up-page input[type=text].disabled-input,.sign-up-page input[type=text]:disabled,.sign-up-page input[type=email].disabled-input,.sign-up-page input[type=email]:disabled,.sign-up-page input[type=password].disabled-input,.sign-up-page input[type=password]:disabled,.sign-up-page input[type=tel].disabled-input,.sign-up-page input[type=tel]:disabled,.sign-up-page .form-input.disabled-input,.sign-up-page .form-input:disabled,.find-id-page input[type=text].disabled-input,.find-id-page input[type=text]:disabled,.find-id-page input[type=email].disabled-input,.find-id-page input[type=email]:disabled,.find-id-page input[type=password].disabled-input,.find-id-page input[type=password]:disabled,.find-id-page input[type=tel].disabled-input,.find-id-page input[type=tel]:disabled,.find-id-page .form-input.disabled-input,.find-id-page .form-input:disabled,.find-password-page input[type=text].disabled-input,.find-password-page input[type=text]:disabled,.find-password-page input[type=email].disabled-input,.find-password-page input[type=email]:disabled,.find-password-page input[type=password].disabled-input,.find-password-page input[type=password]:disabled,.find-password-page input[type=tel].disabled-input,.find-password-page input[type=tel]:disabled,.find-password-page .form-input.disabled-input,.find-password-page .form-input:disabled{background-color:var(--input-bg);color:var(--text-muted);border-color:var(--input-border)}.onboarding-initial .error-message,.onboarding-initial .form-error,.onboarding-initial .field-error,.onboarding-profile-setup .error-message,.onboarding-profile-setup .form-error,.onboarding-profile-setup .field-error,.email-verification .error-message,.email-verification .form-error,.email-verification .field-error,.reset-password-page .error-message,.reset-password-page .form-error,.reset-password-page .field-error,.sign-up-page .error-message,.sign-up-page .form-error,.sign-up-page .field-error,.find-id-page .error-message,.find-id-page .form-error,.find-id-page .field-error,.find-password-page .error-message,.find-password-page .form-error,.find-password-page .field-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-fg)}.onboarding-initial .previous-button,.onboarding-initial .retry-button,.onboarding-initial .secondary-button,.onboarding-profile-setup .previous-button,.onboarding-profile-setup .retry-button,.onboarding-profile-setup .secondary-button,.email-verification .previous-button,.email-verification .retry-button,.email-verification .secondary-button,.reset-password-page .previous-button,.reset-password-page .retry-button,.reset-password-page .secondary-button,.sign-up-page .previous-button,.sign-up-page .retry-button,.sign-up-page .secondary-button,.find-id-page .previous-button,.find-id-page .retry-button,.find-id-page .secondary-button,.find-password-page .previous-button,.find-password-page .retry-button,.find-password-page .secondary-button{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border:1px solid var(--btn-secondary-border)}.onboarding-initial .previous-button:hover:not(:disabled),.onboarding-initial .retry-button:hover:not(:disabled),.onboarding-initial .secondary-button:hover:not(:disabled),.onboarding-profile-setup .previous-button:hover:not(:disabled),.onboarding-profile-setup .retry-button:hover:not(:disabled),.onboarding-profile-setup .secondary-button:hover:not(:disabled),.email-verification .previous-button:hover:not(:disabled),.email-verification .retry-button:hover:not(:disabled),.email-verification .secondary-button:hover:not(:disabled),.reset-password-page .previous-button:hover:not(:disabled),.reset-password-page .retry-button:hover:not(:disabled),.reset-password-page .secondary-button:hover:not(:disabled),.sign-up-page .previous-button:hover:not(:disabled),.sign-up-page .retry-button:hover:not(:disabled),.sign-up-page .secondary-button:hover:not(:disabled),.find-id-page .previous-button:hover:not(:disabled),.find-id-page .retry-button:hover:not(:disabled),.find-id-page .secondary-button:hover:not(:disabled),.find-password-page .previous-button:hover:not(:disabled),.find-password-page .retry-button:hover:not(:disabled),.find-password-page .secondary-button:hover:not(:disabled){background:var(--btn-secondary-hover-bg)}.onboarding-initial .next-button,.onboarding-initial .continue-button,.onboarding-initial .submit-button,.onboarding-initial .primary-button,.onboarding-profile-setup .next-button,.onboarding-profile-setup .continue-button,.onboarding-profile-setup .submit-button,.onboarding-profile-setup .primary-button,.email-verification .next-button,.email-verification .continue-button,.email-verification .submit-button,.email-verification .primary-button,.reset-password-page .next-button,.reset-password-page .continue-button,.reset-password-page .submit-button,.reset-password-page .primary-button,.sign-up-page .next-button,.sign-up-page .continue-button,.sign-up-page .submit-button,.sign-up-page .primary-button,.find-id-page .next-button,.find-id-page .continue-button,.find-id-page .submit-button,.find-id-page .primary-button,.find-password-page .next-button,.find-password-page .continue-button,.find-password-page .submit-button,.find-password-page .primary-button{background:var(--auth-btn-primary-gradient);color:var(--surface-0)}.onboarding-initial .next-button:hover:not(:disabled),.onboarding-initial .continue-button:hover:not(:disabled),.onboarding-initial .submit-button:hover:not(:disabled),.onboarding-initial .primary-button:hover:not(:disabled),.onboarding-profile-setup .next-button:hover:not(:disabled),.onboarding-profile-setup .continue-button:hover:not(:disabled),.onboarding-profile-setup .submit-button:hover:not(:disabled),.onboarding-profile-setup .primary-button:hover:not(:disabled),.email-verification .next-button:hover:not(:disabled),.email-verification .continue-button:hover:not(:disabled),.email-verification .submit-button:hover:not(:disabled),.email-verification .primary-button:hover:not(:disabled),.reset-password-page .next-button:hover:not(:disabled),.reset-password-page .continue-button:hover:not(:disabled),.reset-password-page .submit-button:hover:not(:disabled),.reset-password-page .primary-button:hover:not(:disabled),.sign-up-page .next-button:hover:not(:disabled),.sign-up-page .continue-button:hover:not(:disabled),.sign-up-page .submit-button:hover:not(:disabled),.sign-up-page .primary-button:hover:not(:disabled),.find-id-page .next-button:hover:not(:disabled),.find-id-page .continue-button:hover:not(:disabled),.find-id-page .submit-button:hover:not(:disabled),.find-id-page .primary-button:hover:not(:disabled),.find-password-page .next-button:hover:not(:disabled),.find-password-page .continue-button:hover:not(:disabled),.find-password-page .submit-button:hover:not(:disabled),.find-password-page .primary-button:hover:not(:disabled){box-shadow:var(--auth-btn-primary-shadow)}.onboarding-initial .login-button,.onboarding-profile-setup .login-button,.email-verification .login-button,.reset-password-page .login-button,.sign-up-page .login-button,.find-id-page .login-button,.find-password-page .login-button{background:var(--success-dot);color:var(--surface-0)}.onboarding-initial .login-button:hover:not(:disabled),.onboarding-profile-setup .login-button:hover:not(:disabled),.email-verification .login-button:hover:not(:disabled),.reset-password-page .login-button:hover:not(:disabled),.sign-up-page .login-button:hover:not(:disabled),.find-id-page .login-button:hover:not(:disabled),.find-password-page .login-button:hover:not(:disabled){filter:brightness(.95)}.onboarding-initial{background:var(--auth-gradient)}.onboarding-initial .onboarding-container{background:var(--surface-0);box-shadow:var(--auth-card-shadow)}.onboarding-initial .progress-bar:before,.onboarding-initial .progress-step .step-icon{background:var(--progress-inactive)}.onboarding-initial .progress-step .step-icon svg,.onboarding-initial .progress-step .step-title{color:var(--text-subtle)}.onboarding-initial .progress-step.active .step-icon{background:var(--progress-active)}.onboarding-initial .progress-step.active .step-icon svg{color:var(--surface-0)}.onboarding-initial .progress-step.active .step-title{color:var(--progress-active)}.onboarding-initial .progress-step.completed .step-icon{background:var(--success-dot)}.onboarding-initial .progress-step.completed .step-icon svg{color:var(--surface-0)}.onboarding-initial .progress-step.completed .step-title{color:var(--success-fg)}.onboarding-initial .terms-text{background:var(--surface-1);border:1px solid var(--border-default)}.onboarding-initial .terms-text p{color:var(--text-secondary)}.onboarding-profile-setup{background:var(--auth-gradient)}.onboarding-profile-setup .setup-container{background:var(--surface-0);box-shadow:var(--auth-card-shadow)}.onboarding-profile-setup .verification-button.cooldown{background:var(--btn-secondary-bg);color:var(--text-muted);border:1px solid var(--btn-secondary-border)}.email-verification{background:var(--auth-gradient)}.email-verification .verification-container{background:var(--surface-0);box-shadow:var(--auth-card-shadow)}.email-verification .loading-icon .spinning{color:var(--accent)}.email-verification .status-icon.success{color:var(--success-dot)}.email-verification .status-icon.error{color:var(--error-fg)}.email-verification .redirect-message{color:var(--input-placeholder)}.mobile-terms-modal-close{background:var(--surface-2);color:var(--text-primary)}.mobile-terms-modal-close:hover{background:var(--border-default)}.former-enrollment-badge{color:#64748b;white-space:nowrap;background:#94a3b829;border:1px solid #cbd5e1;border-radius:999px;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .former-enrollment-badge{color:#cbd5e1;background:#94a3b82e;border-color:#94a3b857}}html[data-theme=dark] .former-enrollment-badge{color:#cbd5e1;background:#94a3b82e;border-color:#94a3b857}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--app-bg);color:var(--app-fg);-webkit-tap-highlight-color:#6366f126;font-family:Arial,sans-serif}input:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}input:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}input:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}input:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}textarea:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}textarea:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}textarea:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}textarea:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}select:-webkit-autofill{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}select:-webkit-autofill:hover{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}select:-webkit-autofill:focus{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}select:-webkit-autofill:active{caret-color:var(--text-primary);border-color:var(--input-border);transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html:not([data-theme=light]) body{-webkit-tap-highlight-color:#818cf840}}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body{-webkit-tap-highlight-color:#818cf840}.app-container{min-height:100vh;display:flex}.app-container .sidebar{color:#fff;background-color:#343a40;width:250px;min-height:100vh;padding:20px}.app-container .sidebar ul{padding:0;list-style:none}.app-container .sidebar ul li{cursor:pointer;border-radius:5px;padding:10px;transition:background .2s}.app-container .sidebar ul li:hover{background:#fff3}.app-container .sidebar ul li.active{background:#007bff}.app-container .content{flex:1;padding:20px}@media (width<=900px){.admin-course-detail-page{padding:12px;padding-bottom:max(24px, env(safe-area-inset-bottom,0px))}.admin-course-detail-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 16px;box-shadow:0 4px 12px #0000000f}.admin-course-detail-page .page-header .header-content.has-header-actions{flex-direction:column;align-items:stretch;gap:12px}.admin-course-detail-page .page-header .header-content .header-actions-slot{width:100%}.admin-course-detail-page .page-header .header-content .header-actions-slot .admin-course-duplicate-btn{border-radius:12px;justify-content:center;width:100%;min-height:44px}.admin-course-detail-page .page-header .header-content .header-title{align-items:flex-start;gap:14px;width:100%}.admin-course-detail-page .page-header .header-content .header-title.header-title--admin{flex-direction:column;align-items:stretch;gap:12px;display:flex}.admin-course-detail-page .page-header .header-content .header-title .header-title-top{flex-direction:row;align-items:baseline;gap:10px;width:100%;min-width:0;display:flex}.admin-course-detail-page .page-header .header-content .header-title .header-title-top .back-button{border-radius:12px;flex-shrink:0;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.admin-course-detail-page .page-header .header-content .header-title .header-title-top .header-summary{flex:1;align-self:stretch;width:auto;min-width:0}.admin-course-detail-page .page-header .header-content .header-title .header-title-top h1{word-break:keep-all;overflow-wrap:break-word;letter-spacing:-.02em;color:#111827;margin:0;font-size:20px;font-weight:700;line-height:1.35}.admin-course-detail-page .page-header .header-content .header-title:not(.header-title--admin) .back-button{border-radius:12px;flex-shrink:0;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.admin-course-detail-page .page-header .header-content .header-title:not(.header-title--admin) h1{word-break:keep-all;overflow-wrap:break-word;letter-spacing:-.02em;color:#111827;margin:0 0 16px;font-size:20px;font-weight:700;line-height:1.35}.admin-course-detail-page .page-header .header-content .header-title:not(.header-title--admin) .header-summary{flex:1;align-self:stretch;width:100%;min-width:0}.admin-course-detail-page .page-header .header-content .header-title .header-meta{flex-direction:column;align-items:stretch;gap:0;width:100%;display:flex}.admin-course-detail-page .page-header .header-content .header-title .header-meta-primary{color:#4b5563;width:100%;padding-bottom:2px;font-size:14px;font-weight:500;line-height:1.5;display:block}.admin-course-detail-page .page-header .header-content .header-title .header-meta-secondary{color:#9ca3af;border-top:1px solid #e5e7eb;width:100%;margin-top:10px;padding-top:12px;font-size:13px;line-height:1.5;display:block}.admin-course-detail-page .page-header .header-content .header-title .header-meta-secondary .header-extras{color:#9ca3af;width:100%;font-size:13px;line-height:1.5;display:block}.admin-course-detail-page .page-header .header-content .header-title .header-description{color:#6b7280;margin-top:6px;font-size:.875rem;line-height:1.45}.admin-course-detail-page .page-header .header-content .header-title .header-description .header-extras{color:#9ca3af;font-size:13px}.admin-course-detail-page .course-content-section .course-content{flex-direction:column;gap:0;display:flex}.admin-course-detail-page .course-content-section .course-content .course-tabs{z-index:4;background:#f8fafc;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:10px 0 12px;display:flex;position:sticky;top:0;overflow:visible;box-shadow:0 1px #0f172a0f}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn{text-align:center;border-radius:12px;flex:calc(50% - 4px);justify-content:center;gap:8px;min-width:calc(50% - 4px);max-width:100%;min-height:48px;padding:10px 12px;font-size:.8125rem;font-weight:600;box-shadow:0 1px 2px #0000000f}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn svg{flex-shrink:0;width:16px;height:16px}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn span{white-space:normal;overflow-wrap:anywhere;line-height:1.25}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn.active{box-shadow:0 2px 8px #10b98159}.admin-course-detail-page .course-content-section .course-content .course-detail-tab-content{border-radius:14px;padding:16px;overflow-x:hidden}.admin-course-detail-page .policy-table-wrapper,.admin-course-detail-page .sessions-table-wrapper,.admin-course-detail-page .attendance-table-wrapper,.admin-course-detail-page .students-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:10px;margin:0 -4px;padding:4px;overflow-x:auto}.admin-course-detail-page .policy-table-wrapper::-webkit-scrollbar{height:6px}.admin-course-detail-page .sessions-table-wrapper::-webkit-scrollbar{height:6px}.admin-course-detail-page .attendance-table-wrapper::-webkit-scrollbar{height:6px}.admin-course-detail-page .students-table-wrapper::-webkit-scrollbar{height:6px}.admin-course-detail-page .policy-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.admin-course-detail-page .sessions-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.admin-course-detail-page .attendance-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.admin-course-detail-page .students-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.admin-course-detail-page .policy-table,.admin-course-detail-page .sessions-table,.admin-course-detail-page .attendance-table,.admin-course-detail-page .students-table{min-width:520px;font-size:.8125rem}.admin-course-detail-page .policy-table th,.admin-course-detail-page .policy-table td,.admin-course-detail-page .sessions-table th,.admin-course-detail-page .sessions-table td,.admin-course-detail-page .attendance-table th,.admin-course-detail-page .attendance-table td,.admin-course-detail-page .students-table th,.admin-course-detail-page .students-table td{padding:10px 12px}.admin-course-detail-page .admin-course-overview-tab .overview-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px;padding-top:4px}.admin-course-detail-page .admin-course-overview-tab .overview-header h3{color:#64748b;letter-spacing:.03em;text-transform:none;margin:0;font-size:.8125rem;font-weight:600}.admin-course-detail-page .admin-course-overview-tab .overview-header .overview-actions{flex-direction:column;gap:10px;width:100%}.admin-course-detail-page .admin-course-overview-tab .overview-header .overview-actions .edit-btn,.admin-course-detail-page .admin-course-overview-tab .overview-header .overview-actions .delete-btn{border-radius:12px;justify-content:center;width:100%;min-height:44px;font-size:.9375rem}.admin-course-detail-page .admin-course-overview-tab .overview-grid{grid-template-columns:1fr;gap:14px}.admin-course-detail-page .admin-course-policy-tab .policy-header,.admin-course-detail-page .admin-course-policy-tab .sessions-header,.admin-course-detail-page .admin-course-policy-tab .students-header,.admin-course-detail-page .admin-course-sessions-tab .policy-header,.admin-course-detail-page .admin-course-sessions-tab .sessions-header,.admin-course-detail-page .admin-course-sessions-tab .students-header,.admin-course-detail-page .admin-course-students-tab .policy-header,.admin-course-detail-page .admin-course-students-tab .sessions-header,.admin-course-detail-page .admin-course-students-tab .students-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.admin-course-detail-page .admin-course-policy-tab .policy-header h3,.admin-course-detail-page .admin-course-policy-tab .sessions-header h3,.admin-course-detail-page .admin-course-policy-tab .students-header h3,.admin-course-detail-page .admin-course-sessions-tab .policy-header h3,.admin-course-detail-page .admin-course-sessions-tab .sessions-header h3,.admin-course-detail-page .admin-course-sessions-tab .students-header h3,.admin-course-detail-page .admin-course-students-tab .policy-header h3,.admin-course-detail-page .admin-course-students-tab .sessions-header h3,.admin-course-detail-page .admin-course-students-tab .students-header h3{font-size:1.05rem}.admin-course-detail-page .admin-course-policy-tab .policy-header .add-btn,.admin-course-detail-page .admin-course-policy-tab .sessions-header .add-btn,.admin-course-detail-page .admin-course-policy-tab .students-header .add-btn,.admin-course-detail-page .admin-course-sessions-tab .policy-header .add-btn,.admin-course-detail-page .admin-course-sessions-tab .sessions-header .add-btn,.admin-course-detail-page .admin-course-sessions-tab .students-header .add-btn,.admin-course-detail-page .admin-course-students-tab .policy-header .add-btn,.admin-course-detail-page .admin-course-students-tab .sessions-header .add-btn,.admin-course-detail-page .admin-course-students-tab .students-header .add-btn{border-radius:12px;justify-content:center;width:100%;min-height:44px}.admin-course-detail-page .admin-course-policy-tab .sessions-header .date-range,.admin-course-detail-page .admin-course-sessions-tab .sessions-header .date-range,.admin-course-detail-page .admin-course-students-tab .sessions-header .date-range{flex-wrap:wrap;justify-content:flex-start;width:100%}.admin-course-detail-page .admin-course-policy-tab .sessions-header .date-range input[type=date],.admin-course-detail-page .admin-course-sessions-tab .sessions-header .date-range input[type=date],.admin-course-detail-page .admin-course-students-tab .sessions-header .date-range input[type=date]{flex:1;min-width:140px;min-height:44px}.admin-course-detail-page .admin-course-attendance-tab .attendance-header,.admin-course-detail-page .admin-course-attendance-tab .attendance-header .attendance-controls{flex-direction:column;align-items:stretch;gap:12px}.admin-course-detail-page .admin-course-attendance-tab .attendance-header .session-selector select{width:100%;min-width:0;min-height:44px}.admin-course-detail-page .student-search-filter-bar{flex-direction:column;align-items:stretch}.admin-course-detail-page .student-search-filter-bar .search-row{min-width:0;min-height:44px}.admin-course-detail-page .student-search-filter-bar .category-filter-select{width:100%;min-height:44px}.admin-course-detail-page .cancel-session-btn{min-height:40px;padding:8px 12px}.admin-course-detail-page .mobile-session-item .badge,.admin-course-detail-page .mobile-attendance-item .badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}}@media (width<=480px){.admin-course-detail-page{padding:8px}.admin-course-detail-page .page-header{padding:14px}.admin-course-detail-page .page-header .header-title h1{font-size:1.2rem}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn{min-height:46px;padding:10px;font-size:.8125rem}.admin-course-detail-page .course-content-section .course-content .course-detail-tab-content{padding:12px}.admin-course-detail-page .policy-table,.admin-course-detail-page .sessions-table,.admin-course-detail-page .attendance-table,.admin-course-detail-page .students-table{font-size:.75rem}.admin-course-detail-page .policy-table th,.admin-course-detail-page .policy-table td,.admin-course-detail-page .sessions-table th,.admin-course-detail-page .sessions-table td,.admin-course-detail-page .attendance-table th,.admin-course-detail-page .attendance-table td,.admin-course-detail-page .students-table th,.admin-course-detail-page .students-table td{padding:8px 10px}}@media (width<=900px) and (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-course-detail-page{background:#0f172a!important}html:not([data-theme=light]) .admin-course-detail-page .page-header{background:#1e293b;border-color:#334155;box-shadow:0 4px 16px #02061773}html:not([data-theme=light]) .admin-course-detail-page .page-header .header-title .header-title-top .back-button{color:#e2e8f0;background:#111827;border:1px solid #334155}html:not([data-theme=light]) .admin-course-detail-page .page-header .header-title .header-title-top .back-button:hover{background:#1f2937;border-color:#475569}html:not([data-theme=light]) .admin-course-detail-page .page-header .header-title .header-title-top h1,html:not([data-theme=light]) .admin-course-detail-page .page-header .header-title .header-title-top .header-summary>h1,html:not([data-theme=light]) .admin-course-detail-page .page-header .header-title:not(.header-title--admin) h1,html:not([data-theme=light]) .admin-course-detail-page .page-header .header-title:not(.header-title--admin) .header-summary>h1{color:#e2e8f0;opacity:1;text-shadow:none}html:not([data-theme=light]) .admin-course-detail-page .page-header .header-title .header-meta-primary{color:#cbd5e1}html:not([data-theme=light]) .admin-course-detail-page .page-header .header-title .header-meta-secondary{color:#94a3b8;border-top-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .page-header .header-title .header-meta-secondary .header-extras,html:not([data-theme=light]) .admin-course-detail-page .page-header .header-title .header-description,html:not([data-theme=light]) .admin-course-detail-page .page-header .header-title .header-description .header-extras{color:#94a3b8}html:not([data-theme=light]) .admin-course-detail-page .course-content-section .course-content .course-tabs{background:#111827;box-shadow:0 1px #3341558c}html:not([data-theme=light]) .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn:hover{background:#273449;border-color:#475569}html:not([data-theme=light]) .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn.active{color:#ecfeff;background:#0d9488;border-color:#0d9488;box-shadow:0 2px 8px #0d948859}html:not([data-theme=light]) .admin-course-detail-page .course-content-section .course-content .course-detail-tab-content{background:#1e293b;border:1px solid #334155}html:not([data-theme=light]) .admin-course-detail-page .policy-table-wrapper::-webkit-scrollbar-thumb{background:#475569}html:not([data-theme=light]) .admin-course-detail-page .sessions-table-wrapper::-webkit-scrollbar-thumb{background:#475569}html:not([data-theme=light]) .admin-course-detail-page .attendance-table-wrapper::-webkit-scrollbar-thumb{background:#475569}html:not([data-theme=light]) .admin-course-detail-page .students-table-wrapper::-webkit-scrollbar-thumb{background:#475569}html:not([data-theme=light]) .admin-course-detail-page .policy-table,html:not([data-theme=light]) .admin-course-detail-page .sessions-table,html:not([data-theme=light]) .admin-course-detail-page .attendance-table,html:not([data-theme=light]) .admin-course-detail-page .students-table{color:#cbd5e1;background:#111827}html:not([data-theme=light]) .admin-course-detail-page .policy-table th,html:not([data-theme=light]) .admin-course-detail-page .sessions-table th,html:not([data-theme=light]) .admin-course-detail-page .attendance-table th,html:not([data-theme=light]) .admin-course-detail-page .students-table th{color:#e2e8f0;background:#1f2937}html:not([data-theme=light]) .admin-course-detail-page .policy-table td,html:not([data-theme=light]) .admin-course-detail-page .policy-table th,html:not([data-theme=light]) .admin-course-detail-page .sessions-table td,html:not([data-theme=light]) .admin-course-detail-page .sessions-table th,html:not([data-theme=light]) .admin-course-detail-page .attendance-table td,html:not([data-theme=light]) .admin-course-detail-page .attendance-table th,html:not([data-theme=light]) .admin-course-detail-page .students-table td,html:not([data-theme=light]) .admin-course-detail-page .students-table th{border-bottom-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .sessions-header .date-range input[type=date],html:not([data-theme=light]) .admin-course-detail-page .attendance-header .date-range input[type=date],html:not([data-theme=light]) .admin-course-detail-page .attendance-header .session-selector select,html:not([data-theme=light]) .admin-course-detail-page .student-search-filter-bar .search-row,html:not([data-theme=light]) .admin-course-detail-page .student-search-filter-bar .category-filter-select{color:#e2e8f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1e293b;border-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .student-search-filter-bar .search-row .search-icon{color:#94a3b8}html:not([data-theme=light]) .admin-course-detail-page .student-search-filter-bar .search-row .search-input::placeholder{color:#64748b}html:not([data-theme=light]) .admin-course-detail-page .student-search-filter-bar .category-filter-select option{color:#e2e8f0;background:#111827}html:not([data-theme=light]) .admin-course-detail-page .include-former-filter{color:#e2e8f0}html:not([data-theme=light]) .admin-course-detail-page .include-former-filter input[type=checkbox]{accent-color:var(--success-dot)}html:not([data-theme=light]) .admin-course-detail-page .attendance-header .session-selector label{color:#94a3b8}html:not([data-theme=light]) .admin-course-detail-page .attendance-header .session-selector select{color:#e2e8f0;background:#1e293b;border-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .attendance-header .session-selector select:focus{border-color:#64748b;outline:none;box-shadow:0 0 0 2px #64748b40}html:not([data-theme=light]) .admin-course-detail-page .attendance-header .session-selector select option{color:#e2e8f0;background:#111827}html:not([data-theme=light]) .admin-course-detail-page .cancel-session-btn{color:#fca5a5;background:#ef444424;border-color:#f8717166}html:not([data-theme=light]) .admin-course-detail-page .cancel-session-btn:hover:not(:disabled){background:#ef444438}html:not([data-theme=light]) .admin-course-detail-page .mobile-session-item .badge.persisted,html:not([data-theme=light]) .admin-course-detail-page .mobile-session-item .badge.confirmed,html:not([data-theme=light]) .admin-course-detail-page .mobile-attendance-item .badge.persisted,html:not([data-theme=light]) .admin-course-detail-page .mobile-attendance-item .badge.confirmed{color:#4ade80;background:#22c55e26}html:not([data-theme=light]) .admin-course-detail-page .mobile-session-item .badge.cancelled,html:not([data-theme=light]) .admin-course-detail-page .mobile-attendance-item .badge.cancelled{color:#f87171;background:#ef444426}html:not([data-theme=light]) .admin-course-detail-page .mobile-session-item .badge.projected,html:not([data-theme=light]) .admin-course-detail-page .mobile-session-item .badge.scheduled,html:not([data-theme=light]) .admin-course-detail-page .mobile-attendance-item .badge.projected,html:not([data-theme=light]) .admin-course-detail-page .mobile-attendance-item .badge.scheduled{color:#60a5fa;background:#3b82f626}html:not([data-theme=light]) .admin-course-detail-page .mobile-session-item.projected{background:#94a3b814}html:not([data-theme=light]) .admin-course-detail-page .admin-course-sessions-tab .mobile-session-list{background:#111827;border:1px solid #334155}html:not([data-theme=light]) .admin-course-detail-page .admin-course-sessions-tab .mobile-session-item{border-bottom-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .admin-course-sessions-tab .mobile-session-item .session-row-primary .date{color:#e2e8f0}html:not([data-theme=light]) .admin-course-detail-page .admin-course-sessions-tab .mobile-session-item .session-row-primary .time{color:#cbd5e1}html:not([data-theme=light]) .admin-course-detail-page .admin-course-sessions-tab .mobile-session-item .session-row-secondary .classroom{color:#94a3b8}html:not([data-theme=light]) .admin-course-detail-page .admin-course-sessions-tab .mobile-session-item.cancelled{opacity:.72}}@media (width<=900px){html[data-theme=dark] .admin-course-detail-page{background:#0f172a!important}html[data-theme=dark] .admin-course-detail-page .page-header{background:#1e293b;border-color:#334155;box-shadow:0 4px 16px #02061773}html[data-theme=dark] .admin-course-detail-page .page-header .header-title .header-title-top .back-button{color:#e2e8f0;background:#111827;border:1px solid #334155}html[data-theme=dark] .admin-course-detail-page .page-header .header-title .header-title-top .back-button:hover{background:#1f2937;border-color:#475569}html[data-theme=dark] .admin-course-detail-page .page-header .header-title .header-title-top h1,html[data-theme=dark] .admin-course-detail-page .page-header .header-title .header-title-top .header-summary>h1,html[data-theme=dark] .admin-course-detail-page .page-header .header-title:not(.header-title--admin) h1,html[data-theme=dark] .admin-course-detail-page .page-header .header-title:not(.header-title--admin) .header-summary>h1{color:#e2e8f0;opacity:1;text-shadow:none}html[data-theme=dark] .admin-course-detail-page .page-header .header-title .header-meta-primary{color:#cbd5e1}html[data-theme=dark] .admin-course-detail-page .page-header .header-title .header-meta-secondary{color:#94a3b8;border-top-color:#334155}html[data-theme=dark] .admin-course-detail-page .page-header .header-title .header-meta-secondary .header-extras,html[data-theme=dark] .admin-course-detail-page .page-header .header-title .header-description,html[data-theme=dark] .admin-course-detail-page .page-header .header-title .header-description .header-extras{color:#94a3b8}html[data-theme=dark] .admin-course-detail-page .course-content-section .course-content .course-tabs{background:#111827;box-shadow:0 1px #3341558c}html[data-theme=dark] .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}html[data-theme=dark] .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn:hover{background:#273449;border-color:#475569}html[data-theme=dark] .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn.active{color:#ecfeff;background:#0d9488;border-color:#0d9488;box-shadow:0 2px 8px #0d948859}html[data-theme=dark] .admin-course-detail-page .course-content-section .course-content .course-detail-tab-content{background:#1e293b;border:1px solid #334155}html[data-theme=dark] .admin-course-detail-page .policy-table-wrapper::-webkit-scrollbar-thumb{background:#475569}html[data-theme=dark] .admin-course-detail-page .sessions-table-wrapper::-webkit-scrollbar-thumb{background:#475569}html[data-theme=dark] .admin-course-detail-page .attendance-table-wrapper::-webkit-scrollbar-thumb{background:#475569}html[data-theme=dark] .admin-course-detail-page .students-table-wrapper::-webkit-scrollbar-thumb{background:#475569}html[data-theme=dark] .admin-course-detail-page .policy-table,html[data-theme=dark] .admin-course-detail-page .sessions-table,html[data-theme=dark] .admin-course-detail-page .attendance-table,html[data-theme=dark] .admin-course-detail-page .students-table{color:#cbd5e1;background:#111827}html[data-theme=dark] .admin-course-detail-page .policy-table th,html[data-theme=dark] .admin-course-detail-page .sessions-table th,html[data-theme=dark] .admin-course-detail-page .attendance-table th,html[data-theme=dark] .admin-course-detail-page .students-table th{color:#e2e8f0;background:#1f2937}html[data-theme=dark] .admin-course-detail-page .policy-table td,html[data-theme=dark] .admin-course-detail-page .policy-table th,html[data-theme=dark] .admin-course-detail-page .sessions-table td,html[data-theme=dark] .admin-course-detail-page .sessions-table th,html[data-theme=dark] .admin-course-detail-page .attendance-table td,html[data-theme=dark] .admin-course-detail-page .attendance-table th,html[data-theme=dark] .admin-course-detail-page .students-table td,html[data-theme=dark] .admin-course-detail-page .students-table th{border-bottom-color:#334155}html[data-theme=dark] .admin-course-detail-page .sessions-header .date-range input[type=date],html[data-theme=dark] .admin-course-detail-page .attendance-header .date-range input[type=date],html[data-theme=dark] .admin-course-detail-page .attendance-header .session-selector select,html[data-theme=dark] .admin-course-detail-page .student-search-filter-bar .search-row,html[data-theme=dark] .admin-course-detail-page .student-search-filter-bar .category-filter-select{color:#e2e8f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1e293b;border-color:#334155}html[data-theme=dark] .admin-course-detail-page .student-search-filter-bar .search-row .search-icon{color:#94a3b8}html[data-theme=dark] .admin-course-detail-page .student-search-filter-bar .search-row .search-input::placeholder{color:#64748b}html[data-theme=dark] .admin-course-detail-page .student-search-filter-bar .category-filter-select option{color:#e2e8f0;background:#111827}html[data-theme=dark] .admin-course-detail-page .include-former-filter{color:#e2e8f0}html[data-theme=dark] .admin-course-detail-page .include-former-filter input[type=checkbox]{accent-color:var(--success-dot)}html[data-theme=dark] .admin-course-detail-page .attendance-header .session-selector label{color:#94a3b8}html[data-theme=dark] .admin-course-detail-page .attendance-header .session-selector select{color:#e2e8f0;background:#1e293b;border-color:#334155}html[data-theme=dark] .admin-course-detail-page .attendance-header .session-selector select:focus{border-color:#64748b;outline:none;box-shadow:0 0 0 2px #64748b40}html[data-theme=dark] .admin-course-detail-page .attendance-header .session-selector select option{color:#e2e8f0;background:#111827}html[data-theme=dark] .admin-course-detail-page .cancel-session-btn{color:#fca5a5;background:#ef444424;border-color:#f8717166}html[data-theme=dark] .admin-course-detail-page .cancel-session-btn:hover:not(:disabled){background:#ef444438}html[data-theme=dark] .admin-course-detail-page .mobile-session-item .badge.persisted,html[data-theme=dark] .admin-course-detail-page .mobile-session-item .badge.confirmed,html[data-theme=dark] .admin-course-detail-page .mobile-attendance-item .badge.persisted,html[data-theme=dark] .admin-course-detail-page .mobile-attendance-item .badge.confirmed{color:#4ade80;background:#22c55e26}html[data-theme=dark] .admin-course-detail-page .mobile-session-item .badge.cancelled,html[data-theme=dark] .admin-course-detail-page .mobile-attendance-item .badge.cancelled{color:#f87171;background:#ef444426}html[data-theme=dark] .admin-course-detail-page .mobile-session-item .badge.projected,html[data-theme=dark] .admin-course-detail-page .mobile-session-item .badge.scheduled,html[data-theme=dark] .admin-course-detail-page .mobile-attendance-item .badge.projected,html[data-theme=dark] .admin-course-detail-page .mobile-attendance-item .badge.scheduled{color:#60a5fa;background:#3b82f626}html[data-theme=dark] .admin-course-detail-page .mobile-session-item.projected{background:#94a3b814}html[data-theme=dark] .admin-course-detail-page .admin-course-sessions-tab .mobile-session-list{background:#111827;border:1px solid #334155}html[data-theme=dark] .admin-course-detail-page .admin-course-sessions-tab .mobile-session-item{border-bottom-color:#334155}html[data-theme=dark] .admin-course-detail-page .admin-course-sessions-tab .mobile-session-item .session-row-primary .date{color:#e2e8f0}html[data-theme=dark] .admin-course-detail-page .admin-course-sessions-tab .mobile-session-item .session-row-primary .time{color:#cbd5e1}html[data-theme=dark] .admin-course-detail-page .admin-course-sessions-tab .mobile-session-item .session-row-secondary .classroom{color:#94a3b8}html[data-theme=dark] .admin-course-detail-page .admin-course-sessions-tab .mobile-session-item.cancelled{opacity:.72}}