body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-screen{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-screen .loading-screen-content{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:400px;padding:40px;text-align:center}.loading-screen .loading-screen-content .loading-spinner-wrapper{margin-bottom:32px;position:relative}.loading-screen .loading-screen-content .loading-spinner-wrapper .loading-spinner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 24px #667eea4d;color:#fff;display:flex;height:80px;justify-content:center;position:relative;width:80px;z-index:2}.loading-screen .loading-screen-content .loading-spinner-wrapper .loading-spinner .spinning{animation:spin 1s linear infinite}.loading-screen .loading-screen-content .loading-spinner-wrapper .loading-pulse{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;height:80px;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px;z-index:1}.loading-screen .loading-screen-content .loading-title{color:#1e293b;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.loading-screen .loading-screen-content .loading-message{color:#64748b;font-size:16px;font-weight:500;margin:0}@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,#1e293b)}html:not([data-theme=light]) .loading-screen .loading-screen-content .loading-spinner-wrapper .loading-spinner{background:linear-gradient(135deg,#10b981,#059669);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,#059669)}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,#1e293b)}html[data-theme=dark] .loading-screen .loading-screen-content .loading-spinner-wrapper .loading-spinner{background:linear-gradient(135deg,#10b981,#059669);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,#059669)}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(max-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{height:64px;width:64px}.loading-screen .loading-screen-content .loading-spinner-wrapper .loading-spinner svg{height:36px;width:36px}.loading-screen .loading-screen-content .loading-spinner-wrapper .loading-pulse{height:64px;width:64px}.loading-screen .loading-screen-content .loading-title{font-size:20px}.loading-screen .loading-screen-content .loading-message{font-size:14px}}.admin-mypage-page.mypage-page{--mypage-accent:var(--mypage-admin-accent)}.form-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;display:flex;flex-direction:column;gap:16px;margin:0 auto;padding:24px;position:relative;width:100%}.form-container h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.form-container label{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-textarea{height:120px;resize:none}.file-upload{display:none}.file-label{align-items:center;background:#f8fafc;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:center;margin-bottom:0;padding:12px 16px;text-align:center;transition:all .2s ease;width:100%}.file-label:hover{background:#f1f5f9;border-color:#9ca3af}.form-container label.file-label{align-items:center;display:flex;flex-direction:row;gap:0;justify-content:center;margin-bottom:0}.selected-file{color:#007bff;font-size:14px;margin-top:5px;text-align:center}.error-message{border-radius:8px;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.error-message:before{content:"⚠️";font-size:16px}.success-message{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.success-message:before{content:"✅";font-size:16px}.upload-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease;width:100%}.upload-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.upload-btn:active{transform:translateY(0)}.upload-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.close-button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.close-button:hover{background:#e5e7eb;border-color:#9ca3af}.modal-overlay{background:#0009;box-sizing:border-box;height:100vh;width:100vw}.modal-content{max-height:calc(100vh - 40px);max-width:600px;overflow-y:auto}.modal-content.auth{max-width:720px}.modal-content.post-detail-modal{max-width:768px}.modal-buttons{border-top:1px solid #e5e7eb;padding-top:20px}.modal-buttons .upload-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.modal-buttons .upload-btn.submit-btn{background:#10b981;color:#fff}.modal-buttons .upload-btn.submit-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.modal-buttons .upload-btn.submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.modal-buttons .cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.modal-buttons .cancel-btn:hover{background:#e5e7eb}.simple-form{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.simple-form .form-container label{color:#374151;font-weight:600;margin:6px 0}.simple-form .form-input{border-color:#d1d5db;height:44px}.simple-form .modal-buttons{justify-content:center}.input-wrapper{position:relative}.input-wrapper .form-input{padding-right:48px;width:100%}.input-wrapper .toggle-visibility{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.input-wrapper .toggle-visibility:hover{background:#f3f4f6;color:#374151}.error-message{color:red;font-size:.9rem;margin-top:.5rem;text-align:center}.result-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:12px;text-align:center}.datepicker-input{background:#fff;border:1.5px solid #ccc;border-radius:6px;font-size:15px;padding:12px;transition:all .2s ease-in-out;width:100%}.datepicker-input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff4d;outline:none}.form-container label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .form-container{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .form-container h2,html:not([data-theme=light]) .form-container h3{border-bottom-color:#4a5568;color:#f1f5f9}html:not([data-theme=light]) .form-input,html:not([data-theme=light]) .form-select,html:not([data-theme=light]) .form-textarea{background:#4a5568;border-color:#718096;color:#f1f5f9}html:not([data-theme=light]) .form-input:focus,html:not([data-theme=light]) .form-select:focus,html:not([data-theme=light]) .form-textarea:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html:not([data-theme=light]) .form-input::placeholder,html:not([data-theme=light]) .form-select::placeholder,html:not([data-theme=light]) .form-textarea::placeholder{color:#a0aec0}html:not([data-theme=light]) .file-label{background:#4a5568;border-color:#718096;color:#f1f5f9}html:not([data-theme=light]) .file-label:hover{background:#718096;border-color:#a0aec0}html:not([data-theme=light]) .upload-btn{background:#68d391}html:not([data-theme=light]) .upload-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}html:not([data-theme=light]) .upload-btn:disabled{background:#718096}html:not([data-theme=light]) .modal-buttons .upload-btn{background:#68d391}html:not([data-theme=light]) .modal-buttons .upload-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}html:not([data-theme=light]) .modal-buttons .upload-btn:disabled{background:#718096}html:not([data-theme=light]) .close-button{background:#4a5568;border-color:#718096;color:#f1f5f9}html:not([data-theme=light]) .close-button:hover{background:#718096;border-color:#a0aec0}html:not([data-theme=light]) .form-container label{color:#e2e8f0}html:not([data-theme=light]) .input-wrapper .toggle-visibility{color:#a0aec0}html:not([data-theme=light]) .input-wrapper .toggle-visibility:hover{background:#4a5568;color:#e2e8f0}html:not([data-theme=light]) .selected-file{color:#68d391}html:not([data-theme=light]) .modal-overlay{background:#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]) .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]) .form-container .deactivate-target{color:#e2e8f0}html:not([data-theme=light]) .form-container .optional{color:#a0aec0}html:not([data-theme=light]) .communication-modal-buttons{border-top-color:#4a5568}html:not([data-theme=light]) .communication-modal-buttons .submit-btn{background:#68d391}html:not([data-theme=light]) .communication-modal-buttons .submit-btn:hover:not(:disabled){background:#48bb78;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{background:#4a5568;border-color:#718096;color:#f1f5f9}html:not([data-theme=light]) .communication-modal-buttons .cancel-btn:hover{background:#718096}html:not([data-theme=light]) .modal-buttons{border-top-color:#4a5568}html:not([data-theme=light]) .modal-buttons .upload-btn.submit-btn{background:#68d391}html:not([data-theme=light]) .modal-buttons .upload-btn.submit-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}html:not([data-theme=light]) .modal-buttons .upload-btn.submit-btn:disabled{background:#718096}html:not([data-theme=light]) .modal-buttons .cancel-btn{background:#4a5568;border-color:#718096;color:#f1f5f9}html:not([data-theme=light]) .modal-buttons .cancel-btn:hover{background:#718096}}html[data-theme=dark] .form-container{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .form-container h2,html[data-theme=dark] .form-container h3{border-bottom-color:#4a5568;color:#f1f5f9}html[data-theme=dark] .form-input,html[data-theme=dark] .form-select,html[data-theme=dark] .form-textarea{background:#4a5568;border-color:#718096;color:#f1f5f9}html[data-theme=dark] .form-input:focus,html[data-theme=dark] .form-select:focus,html[data-theme=dark] .form-textarea:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html[data-theme=dark] .form-input::placeholder,html[data-theme=dark] .form-select::placeholder,html[data-theme=dark] .form-textarea::placeholder{color:#a0aec0}html[data-theme=dark] .file-label{background:#4a5568;border-color:#718096;color:#f1f5f9}html[data-theme=dark] .file-label:hover{background:#718096;border-color:#a0aec0}html[data-theme=dark] .upload-btn{background:#68d391}html[data-theme=dark] .upload-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}html[data-theme=dark] .upload-btn:disabled{background:#718096}html[data-theme=dark] .modal-buttons .upload-btn{background:#68d391}html[data-theme=dark] .modal-buttons .upload-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}html[data-theme=dark] .modal-buttons .upload-btn:disabled{background:#718096}html[data-theme=dark] .close-button{background:#4a5568;border-color:#718096;color:#f1f5f9}html[data-theme=dark] .close-button:hover{background:#718096;border-color:#a0aec0}html[data-theme=dark] .form-container label{color:#e2e8f0}html[data-theme=dark] .input-wrapper .toggle-visibility{color:#a0aec0}html[data-theme=dark] .input-wrapper .toggle-visibility:hover{background:#4a5568;color:#e2e8f0}html[data-theme=dark] .selected-file{color:#68d391}html[data-theme=dark] .modal-overlay{background:#000c}html[data-theme=dark] .form-container .deactivate-target{color:#e2e8f0}html[data-theme=dark] .form-container .optional{color:#a0aec0}html[data-theme=dark] .modal-buttons{border-top-color:#4a5568}html[data-theme=dark] .modal-buttons .upload-btn.submit-btn{background:#68d391}html[data-theme=dark] .modal-buttons .upload-btn.submit-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}html[data-theme=dark] .modal-buttons .upload-btn.submit-btn:disabled{background:#718096}html[data-theme=dark] .modal-buttons .cancel-btn{background:#4a5568;border-color:#718096;color:#f1f5f9}html[data-theme=dark] .modal-buttons .cancel-btn:hover{background:#718096}@media(max-width:768px){.form-container{gap:12px;padding:20px}.form-container h3{font-size:16px;margin-bottom:16px}.form-input,.form-select,.form-textarea,.upload-btn{font-size:13px;padding:10px 12px}.modal-overlay{padding:16px}.modal-content{margin:0;max-height:calc(100vh - 32px);max-width:none}.modal-buttons{flex-direction:column}.modal-buttons .cancel-btn,.modal-buttons .upload-btn{font-size:13px;padding:10px 12px;width:100%}.communication-modal-buttons{flex-direction:column}.communication-modal-buttons .cancel-btn,.communication-modal-buttons .submit-btn{align-items:center;display:flex;font-size:13px;justify-content:center;padding:10px 12px;text-align:center;width:100%}}.checkbox-group{align-items:center;display:flex;gap:12px;margin-top:8px}.checkbox-group .checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px}.checkbox-group .checkbox-label input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:16px;width:16px}.checkbox-group .checkbox-label span{-webkit-user-select:none;user-select:none}.post-form-email-section{margin-top:4px}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .checkbox-group .checkbox-label{color:#e2e8f0}html:not([data-theme=light]) .checkbox-group .checkbox-label input[type=checkbox]{accent-color:#68d391}}html[data-theme=dark] .checkbox-group .checkbox-label{color:#e2e8f0}html[data-theme=dark] .checkbox-group .checkbox-label input[type=checkbox]{accent-color:#68d391}.change-password-modal .form-input{padding-right:48px;position:relative}.change-password-modal .input-wrapper{position:relative}.change-password-modal .input-wrapper .toggle-visibility{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.change-password-modal .input-wrapper .toggle-visibility:hover{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg)}.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;display:flex;gap:8px;margin-bottom:8px}.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{background:var(--error-bg);border:1px solid var(--error-border);border-radius:6px;color:var(--error-fg);font-size:14px;font-weight:500;margin-bottom:16px;margin-top:8px;padding:8px 12px}@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{background:#4a5568;color:#e2e8f0}html:not([data-theme=light]) .change-password-modal .password-strength{background:#374151;border-color:var(--text-secondary)}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{background:#2d1b1b;border-color:#742a2a;color:#f56565}}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{background:#4a5568;color:#e2e8f0}html[data-theme=dark] .change-password-modal .password-strength{background:#374151;border-color:var(--text-secondary)}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{background:#2d1b1b;border-color:#742a2a;color:#f56565}@media(max-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{font-size:13px;padding:6px 10px}}.change-account-id-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:100%}.change-account-id-modal .modal-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px;text-align:center}.change-account-id-modal .modal-header h3{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 8px}.change-account-id-modal .modal-header .modal-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.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{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.change-account-id-modal .modal-body .form-group .form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.change-account-id-modal .modal-body .form-group .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.change-account-id-modal .modal-body .form-group .form-input::placeholder{color:#9ca3af}.change-account-id-modal .modal-body .form-group .form-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.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{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.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;font-size:12px;font-weight:500;margin:0 0 4px}.change-account-id-modal .modal-body .current-info .current-value{color:#374151;font-family:Courier New,monospace;font-size:14px;font-weight:600;margin:0}.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;display:flex;gap:8px;margin-bottom:8px}.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{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-top:16px;padding:12px 16px}.change-account-id-modal .modal-footer{border-top:1px solid #e5e7eb;padding-top:20px}.change-account-id-modal .modal-footer .button-group{display:flex;gap:12px;justify-content:flex-end}@media(max-width:480px){.change-account-id-modal .modal-footer .button-group{flex-direction:column;gap:8px}}.change-account-id-modal .modal-footer .button-group button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 20px;transition:all .2s ease}@media(max-width:480px){.change-account-id-modal .modal-footer .button-group button{padding:12px 20px;width:100%}}.change-account-id-modal .modal-footer .button-group button:disabled{cursor:not-allowed;opacity:.5}.change-account-id-modal .modal-footer .button-group button.cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.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.submit-btn,.change-account-id-modal .modal-footer .button-group button.verify-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 4px #3b82f633;color:#fff}.change-account-id-modal .modal-footer .button-group button.submit-btn:hover:not(:disabled),.change-account-id-modal .modal-footer .button-group button.verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.change-account-id-modal .modal-footer .button-group button.submit-btn:active,.change-account-id-modal .modal-footer .button-group button.verify-btn:active{transform:translateY(0)}.change-account-id-modal .modal-footer .button-group button.back-btn{background:#6b7280;color:#fff}.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{background:#374151;border-color:#4b5563;color:#f9fafb}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{background:#374151;color:#6b7280}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{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}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{background:#374151;border-color:#4b5563;color:#f3f4f6}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.submit-btn,html:not([data-theme=light]) .change-account-id-modal .modal-footer .button-group button.verify-btn{background:linear-gradient(135deg,#1d4ed8,#1e40af)}html:not([data-theme=light]) .change-account-id-modal .modal-footer .button-group button.submit-btn:hover:not(:disabled),html:not([data-theme=light]) .change-account-id-modal .modal-footer .button-group button.verify-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{background:#374151;border-color:#4b5563;color:#f9fafb}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{background:#374151;color:#6b7280}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{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}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{background:#374151;border-color:#4b5563;color:#f3f4f6}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.submit-btn,html[data-theme=dark] .change-account-id-modal .modal-footer .button-group button.verify-btn{background:linear-gradient(135deg,#1d4ed8,#1e40af)}html[data-theme=dark] .change-account-id-modal .modal-footer .button-group button.submit-btn:hover:not(:disabled),html[data-theme=dark] .change-account-id-modal .modal-footer .button-group button.verify-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(max-width:768px){.change-account-id-modal{margin:16px;max-width:calc(100% - 32px);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{font-size:13px;padding:10px 14px}}@media(max-width:480px){.modal-overlay{padding:16px}.change-account-id-modal{margin:12px;max-width:calc(100% - 24px);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:slideInUp .3s ease-out}.modal-overlay{background:#00000080;z-index:1000}.change-email-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:100%}.change-email-modal .modal-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px;text-align:center}.change-email-modal .modal-header h3{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 8px}.change-email-modal .modal-header .modal-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.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{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.change-email-modal .modal-body .form-group .form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.change-email-modal .modal-body .form-group .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.change-email-modal .modal-body .form-group .form-input::placeholder{color:#9ca3af}.change-email-modal .modal-body .form-group .form-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.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;font-size:12px;font-weight:500;margin:0 0 4px}.change-email-modal .modal-body .current-info .current-value{color:#374151;font-family:Courier New,monospace;font-size:14px;font-weight:600;margin:0}.change-email-modal .modal-body .email-info{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.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;font-size:12px;font-weight:500;margin:0 0 4px}.change-email-modal .modal-body .email-info .email-value{color:#1e40af;font-size:14px;font-weight:600;margin:0}.change-email-modal .modal-body .code-input-wrapper{display:flex;gap:8px}.change-email-modal .modal-body .code-input-wrapper .form-input{flex:1 1;font-size:16px;font-weight:600;letter-spacing:2px;text-align:center}.change-email-modal .modal-body .code-input-wrapper .resend-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.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{background:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.7}.change-email-modal .modal-body .success-step{padding:20px 0;text-align:center}.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;font-size:16px;font-weight:600;margin:0 0 8px}.change-email-modal .modal-body .success-step .new-email-display{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#374151;display:inline-block;font-family:Courier New,monospace;font-size:14px;margin:0;padding:8px 12px}.change-email-modal .modal-body .error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-top:16px;padding:12px 16px}.change-email-modal .modal-body .success-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#059669;font-size:14px;margin-top:16px;padding:12px 16px}.change-email-modal .modal-footer{border-top:1px solid #e5e7eb;padding-top:20px}.change-email-modal .modal-footer .button-group{display:flex;gap:12px;justify-content:flex-end}@media(max-width:480px){.change-email-modal .modal-footer .button-group{flex-direction:column;gap:8px}}.change-email-modal .modal-footer .button-group button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 20px;transition:all .2s ease}@media(max-width:480px){.change-email-modal .modal-footer .button-group button{padding:12px 20px;width:100%}}.change-email-modal .modal-footer .button-group button:disabled{cursor:not-allowed;opacity:.5}.change-email-modal .modal-footer .button-group button.cancel-btn,.change-email-modal .modal-footer .button-group button.close-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.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{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 4px #3b82f633;color:#fff}.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);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.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{background:#6b7280;color:#fff}.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{background:#374151;border-color:#4b5563;color:#f9fafb}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{background:#374151;color:#6b7280}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{background:#374151;border-color:#4b5563;color:#e5e7eb}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{background:#374151;color:#6b7280}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{background:#064e3b;border-color:#065f46;color:#d1fae5}html:not([data-theme=light]) .change-email-modal .modal-body .error-message{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}html:not([data-theme=light]) .change-email-modal .modal-body .success-info{background:#064e3b;border-color:#065f46;color:#d1fae5}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{background:#374151;border-color:#4b5563;color:#f3f4f6}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{background:#374151;border-color:#4b5563;color:#f9fafb}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{background:#374151;color:#6b7280}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{background:#374151;border-color:#4b5563;color:#e5e7eb}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{background:#374151;color:#6b7280}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{background:#064e3b;border-color:#065f46;color:#d1fae5}html[data-theme=dark] .change-email-modal .modal-body .error-message{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}html[data-theme=dark] .change-email-modal .modal-body .success-info{background:#064e3b;border-color:#065f46;color:#d1fae5}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{background:#374151;border-color:#4b5563;color:#f3f4f6}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(max-width:768px){.change-email-modal{margin:16px;max-width:calc(100% - 32px);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{font-size:13px;padding:10px 14px}.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(max-width:480px){.modal-overlay{padding:16px}.change-email-modal{margin:12px;max-width:calc(100% - 24px);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:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.schedule-change-request-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.schedule-change-request-form .form-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.schedule-change-request-form .form-header .form-icon{color:#3b82f6;font-size:24px}.schedule-change-request-form .form-header .form-title{color:#1f2937;font-size:20px;font-weight:600;margin:0}.schedule-change-request-form .form-description{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:24px}.schedule-change-request-form .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media(max-width:768px){.schedule-change-request-form .form-grid{gap:16px;grid-template-columns:1fr}}.schedule-change-request-form .form-group{display:flex;flex-direction:column;gap:8px}.schedule-change-request-form .form-group.full-width{grid-column:1/-1}.schedule-change-request-form .form-group .form-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:4px}.schedule-change-request-form .form-group .datepicker-input,.schedule-change-request-form .form-group .form-select,.schedule-change-request-form .form-group .form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.schedule-change-request-form .form-group .datepicker-input:focus,.schedule-change-request-form .form-group .form-select:focus,.schedule-change-request-form .form-group .form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.schedule-change-request-form .form-group .datepicker-input:hover,.schedule-change-request-form .form-group .form-select:hover,.schedule-change-request-form .form-group .form-textarea:hover{border-color:#9ca3af}.schedule-change-request-form .form-group .form-select{-webkit-appearance:none;appearance:none;background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.schedule-change-request-form .form-group .form-textarea{font-family:inherit;min-height:100px;resize:vertical}.schedule-change-request-form .form-group .datepicker-input{width:100%}.schedule-change-request-form .error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.schedule-change-request-form .error-message:before{content:"⚠️";font-size:16px}.schedule-change-request-form .success-message{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.schedule-change-request-form .success-message:before{content:"✅";font-size:16px}.schedule-change-request-form .form-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding-top:20px}.schedule-change-request-form .form-footer .submit-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.schedule-change-request-form .form-footer .submit-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.schedule-change-request-form .form-footer .submit-btn:active{transform:translateY(0)}.schedule-change-request-form .form-footer .submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;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 .datepicker-input,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{background:#374151;border-color:#4b5563;color:#f9fafb}html:not([data-theme=light]) .schedule-change-request-form .form-group .datepicker-input:focus,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{border-color:#3b82f6}html:not([data-theme=light]) .schedule-change-request-form .form-group .datepicker-input:hover,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{border-color:#6b7280}html:not([data-theme=light]) .schedule-change-request-form .error-message{background:#7f1d1d;border-color:#991b1b;color:#fecaca}html:not([data-theme=light]) .schedule-change-request-form .success-message{background:#14532d;border-color:#166534;color:#bbf7d0}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 .datepicker-input,html[data-theme=dark] .schedule-change-request-form .form-group .form-select,html[data-theme=dark] .schedule-change-request-form .form-group .form-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}html[data-theme=dark] .schedule-change-request-form .form-group .datepicker-input:focus,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{border-color:#3b82f6}html[data-theme=dark] .schedule-change-request-form .form-group .datepicker-input:hover,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{border-color:#6b7280}html[data-theme=dark] .schedule-change-request-form .error-message{background:#7f1d1d;border-color:#991b1b;color:#fecaca}html[data-theme=dark] .schedule-change-request-form .success-message{background:#14532d;border-color:#166534;color:#bbf7d0}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{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.react-modal-content,.schedule-detail-modal{animation:modalSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:calc(100vh - 40px);max-width:800px;overflow:hidden;width:100%}.react-modal-content .modal-header,.schedule-detail-modal .modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 24px}.react-modal-content .modal-header .header-content,.schedule-detail-modal .modal-header .header-content{align-items:center;display:flex;gap:16px}.react-modal-content .modal-header .header-content .header-icon,.schedule-detail-modal .modal-header .header-content .header-icon{align-items:center;background:#3b82f6;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.react-modal-content .modal-header .header-content .header-text,.schedule-detail-modal .modal-header .header-content .header-text{flex:1 1}.react-modal-content .modal-header .header-content .header-text .modal-title,.schedule-detail-modal .modal-header .header-content .header-text .modal-title{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 4px}.react-modal-content .modal-header .header-content .header-text .modal-subtitle,.schedule-detail-modal .modal-header .header-content .header-text .modal-subtitle{color:#6b7280;font-size:14px;margin:0}.react-modal-content .modal-header .header-content .close-btn,.schedule-detail-modal .modal-header .header-content .close-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.react-modal-content .modal-header .header-content .close-btn:hover,.schedule-detail-modal .modal-header .header-content .close-btn:hover{background:#e5e7eb;color:#374151}.react-modal-content .modal-body,.schedule-detail-modal .modal-body{max-height:calc(100vh - 200px);overflow-y:auto;padding:24px}.react-modal-content .modal-body .process-info-section,.react-modal-content .modal-body .request-info-section,.react-modal-content .modal-body .schedule-info-section,.schedule-detail-modal .modal-body .process-info-section,.schedule-detail-modal .modal-body .request-info-section,.schedule-detail-modal .modal-body .schedule-info-section{margin-bottom:24px}.react-modal-content .modal-body .process-info-section .section-header,.react-modal-content .modal-body .request-info-section .section-header,.react-modal-content .modal-body .schedule-info-section .section-header,.schedule-detail-modal .modal-body .process-info-section .section-header,.schedule-detail-modal .modal-body .request-info-section .section-header,.schedule-detail-modal .modal-body .schedule-info-section .section-header{margin-bottom:16px}.react-modal-content .modal-body .process-info-section .section-header .section-title,.react-modal-content .modal-body .request-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,.schedule-detail-modal .modal-body .request-info-section .section-header .section-title,.schedule-detail-modal .modal-body .schedule-info-section .section-header .section-title{align-items:center;border-bottom:1px solid #e5e7eb;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0;padding-bottom:8px}.react-modal-content .modal-body .process-info-section .section-header .section-title svg,.react-modal-content .modal-body .request-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,.schedule-detail-modal .modal-body .request-info-section .section-header .section-title svg,.schedule-detail-modal .modal-body .schedule-info-section .section-header .section-title svg{color:#3b82f6;flex-shrink:0}.react-modal-content .modal-body .process-info-section .info-grid,.react-modal-content .modal-body .request-info-section .info-grid,.react-modal-content .modal-body .schedule-info-section .info-grid,.schedule-detail-modal .modal-body .process-info-section .info-grid,.schedule-detail-modal .modal-body .request-info-section .info-grid,.schedule-detail-modal .modal-body .schedule-info-section .info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.react-modal-content .modal-body .process-info-section .info-grid .info-item,.react-modal-content .modal-body .request-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,.schedule-detail-modal .modal-body .request-info-section .info-grid .info-item,.schedule-detail-modal .modal-body .schedule-info-section .info-grid .info-item{display:flex;flex-direction:column;gap:6px}.react-modal-content .modal-body .process-info-section .info-grid .info-item.full-width,.react-modal-content .modal-body .request-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,.schedule-detail-modal .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{grid-column:1/-1}.react-modal-content .modal-body .process-info-section .info-grid .info-item .info-label,.react-modal-content .modal-body .request-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,.schedule-detail-modal .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{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.05em;text-transform:uppercase}.react-modal-content .modal-body .process-info-section .info-grid .info-item .info-label svg,.react-modal-content .modal-body .request-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,.schedule-detail-modal .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{color:#9ca3af;flex-shrink:0}.react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value,.react-modal-content .modal-body .request-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,.schedule-detail-modal .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{color:#374151;font-size:14px;font-weight:500;line-height:1.5;word-break:break-word}.react-modal-content .modal-body .process-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,.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,.schedule-detail-modal .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{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.react-modal-content .modal-body .process-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,.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,.schedule-detail-modal .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{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.react-modal-content .modal-body .process-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,.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,.schedule-detail-modal .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{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.react-modal-content .modal-body .process-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,.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,.schedule-detail-modal .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{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.react-modal-content .modal-footer,.schedule-detail-modal .modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;padding:20px 24px}.react-modal-content .modal-footer .modal-actions,.schedule-detail-modal .modal-footer .modal-actions{display:flex;justify-content:flex-end}.react-modal-content .modal-footer .modal-actions .close-btn,.schedule-detail-modal .modal-footer .modal-actions .close-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.react-modal-content .modal-footer .modal-actions .close-btn:hover,.schedule-detail-modal .modal-footer .modal-actions .close-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}.react-modal-content .modal-footer .modal-actions .close-btn:active,.schedule-detail-modal .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]) .react-modal-content,html:not([data-theme=light]) .schedule-detail-modal{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html:not([data-theme=light]) .react-modal-content .modal-header,html:not([data-theme=light]) .schedule-detail-modal .modal-header{background:#1a202c;border-bottom-color:#4a5568}html:not([data-theme=light]) .react-modal-content .modal-header .header-content .header-icon,html:not([data-theme=light]) .schedule-detail-modal .modal-header .header-content .header-icon{background:#60a5fa}html:not([data-theme=light]) .react-modal-content .modal-header .header-content .header-text .modal-title,html:not([data-theme=light]) .schedule-detail-modal .modal-header .header-content .header-text .modal-title{color:#f1f5f9}html:not([data-theme=light]) .react-modal-content .modal-header .header-content .close-btn,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]) .schedule-detail-modal .modal-header .header-content .header-text .modal-subtitle{color:#a0aec0}html:not([data-theme=light]) .react-modal-content .modal-header .header-content .close-btn:hover,html:not([data-theme=light]) .schedule-detail-modal .modal-header .header-content .close-btn:hover{background:#4a5568;color:#e2e8f0}html:not([data-theme=light]) .react-modal-content .modal-body .process-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]) .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]) .schedule-detail-modal .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{border-bottom-color:#4a5568;color:#f1f5f9}html:not([data-theme=light]) .react-modal-content .modal-body .process-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]) .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]) .schedule-detail-modal .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{color:#60a5fa}html:not([data-theme=light]) .react-modal-content .modal-body .process-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]) .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]) .schedule-detail-modal .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{color:#a0aec0}html:not([data-theme=light]) .react-modal-content .modal-body .process-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]) .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]) .schedule-detail-modal .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{color:#718096}html:not([data-theme=light]) .react-modal-content .modal-body .process-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]) .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]) .schedule-detail-modal .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{color:#e2e8f0}html:not([data-theme=light]) .react-modal-content .modal-body .process-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]) .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]) .schedule-detail-modal .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{background:#064e3b;border-color:#047857;color:#6ee7b7}html:not([data-theme=light]) .react-modal-content .modal-body .process-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]) .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]) .schedule-detail-modal .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{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}html:not([data-theme=light]) .react-modal-content .modal-body .process-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]) .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]) .schedule-detail-modal .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{background:#78350f;border-color:#d97706;color:#fbbf24}html:not([data-theme=light]) .react-modal-content .modal-footer,html:not([data-theme=light]) .schedule-detail-modal .modal-footer{background:#1a202c;border-top-color:#4a5568}html:not([data-theme=light]) .react-modal-content .modal-footer .modal-actions .close-btn,html:not([data-theme=light]) .schedule-detail-modal .modal-footer .modal-actions .close-btn{background:#6b7280}html:not([data-theme=light]) .react-modal-content .modal-footer .modal-actions .close-btn:hover,html:not([data-theme=light]) .schedule-detail-modal .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] .react-modal-content,html[data-theme=dark] .schedule-detail-modal{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}html[data-theme=dark] .react-modal-content .modal-header,html[data-theme=dark] .schedule-detail-modal .modal-header{background:#1a202c;border-bottom-color:#4a5568}html[data-theme=dark] .react-modal-content .modal-header .header-content .header-icon,html[data-theme=dark] .schedule-detail-modal .modal-header .header-content .header-icon{background:#60a5fa}html[data-theme=dark] .react-modal-content .modal-header .header-content .header-text .modal-title,html[data-theme=dark] .schedule-detail-modal .modal-header .header-content .header-text .modal-title{color:#f1f5f9}html[data-theme=dark] .react-modal-content .modal-header .header-content .close-btn,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] .schedule-detail-modal .modal-header .header-content .header-text .modal-subtitle{color:#a0aec0}html[data-theme=dark] .react-modal-content .modal-header .header-content .close-btn:hover,html[data-theme=dark] .schedule-detail-modal .modal-header .header-content .close-btn:hover{background:#4a5568;color:#e2e8f0}html[data-theme=dark] .react-modal-content .modal-body .process-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] .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] .schedule-detail-modal .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{border-bottom-color:#4a5568;color:#f1f5f9}html[data-theme=dark] .react-modal-content .modal-body .process-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] .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] .schedule-detail-modal .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{color:#60a5fa}html[data-theme=dark] .react-modal-content .modal-body .process-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] .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] .schedule-detail-modal .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{color:#a0aec0}html[data-theme=dark] .react-modal-content .modal-body .process-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] .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] .schedule-detail-modal .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{color:#718096}html[data-theme=dark] .react-modal-content .modal-body .process-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] .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] .schedule-detail-modal .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{color:#e2e8f0}html[data-theme=dark] .react-modal-content .modal-body .process-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] .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] .schedule-detail-modal .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{background:#064e3b;border-color:#047857;color:#6ee7b7}html[data-theme=dark] .react-modal-content .modal-body .process-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] .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] .schedule-detail-modal .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{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}html[data-theme=dark] .react-modal-content .modal-body .process-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] .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] .schedule-detail-modal .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{background:#78350f;border-color:#d97706;color:#fbbf24}html[data-theme=dark] .react-modal-content .modal-footer,html[data-theme=dark] .schedule-detail-modal .modal-footer{background:#1a202c;border-top-color:#4a5568}html[data-theme=dark] .react-modal-content .modal-footer .modal-actions .close-btn,html[data-theme=dark] .schedule-detail-modal .modal-footer .modal-actions .close-btn{background:#6b7280}html[data-theme=dark] .react-modal-content .modal-footer .modal-actions .close-btn:hover,html[data-theme=dark] .schedule-detail-modal .modal-footer .modal-actions .close-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d}@media(max-width:768px){.modal-overlay,.react-modal-overlay{padding:16px}.react-modal-content,.schedule-detail-modal{margin:0;max-height:calc(100vh - 32px);max-width:none}.react-modal-content .modal-header,.schedule-detail-modal .modal-header{padding:16px 20px}.react-modal-content .modal-header .header-content .header-text .modal-title,.schedule-detail-modal .modal-header .header-content .header-text .modal-title{font-size:18px}.react-modal-content .modal-body,.schedule-detail-modal .modal-body{padding:20px}.react-modal-content .modal-body .process-info-section .info-grid,.react-modal-content .modal-body .request-info-section .info-grid,.react-modal-content .modal-body .schedule-info-section .info-grid,.schedule-detail-modal .modal-body .process-info-section .info-grid,.schedule-detail-modal .modal-body .request-info-section .info-grid,.schedule-detail-modal .modal-body .schedule-info-section .info-grid{gap:12px;grid-template-columns:1fr}.react-modal-content .modal-body .process-info-section .info-grid .info-item .info-label,.react-modal-content .modal-body .request-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,.schedule-detail-modal .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{font-size:12px}.react-modal-content .modal-body .process-info-section .info-grid .info-item .info-value,.react-modal-content .modal-body .request-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,.schedule-detail-modal .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{font-size:13px}.react-modal-content .modal-footer,.schedule-detail-modal .modal-footer{padding:16px 20px}.react-modal-content .modal-footer .modal-actions .close-btn,.schedule-detail-modal .modal-footer .modal-actions .close-btn{font-size:13px;padding:10px 16px;width:100%}}.schedule-request-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.schedule-request-wrapper .table-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:20px}.schedule-request-wrapper .table-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.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{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:16px 12px;text-align:center;white-space:nowrap}.schedule-request-wrapper .styled-table tbody tr{transition:background-color .2s ease}.schedule-request-wrapper .styled-table tbody tr:hover{background-color:#f8fafc}.schedule-request-wrapper .styled-table tbody td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:16px 12px;text-align:center;vertical-align:middle}.schedule-request-wrapper .styled-table tbody .no-data{background-color:#f8fafc;color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}.schedule-request-wrapper .styled-table .status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.schedule-request-wrapper .styled-table .status-badge.pending{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e}.schedule-request-wrapper .styled-table .status-badge.approved{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.schedule-request-wrapper .styled-table .status-badge.rejected{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.schedule-request-wrapper .styled-table .detail-btn{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:block;font-size:13px;font-weight:500;margin:0 auto;padding:8px 16px;transition:all .2s ease}.schedule-request-wrapper .styled-table .detail-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.schedule-request-wrapper .status-select{font-size:14px;max-width:220px;min-width:180px}.schedule-request-wrapper .status-select .react-select__control{border-color:#d1d5db;border-radius:8px;box-shadow:none;font-size:14px;min-height:40px;transition:all .2s ease}.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{border-radius:8px;box-shadow:0 4px 6px #0000001a;font-size:14px;z-index:20}.schedule-request-wrapper .filter-bar{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:16px 20px}.schedule-request-wrapper .filter-bar .filter-label{color:#374151;font-size:14px;font-weight:600}.schedule-request-wrapper .action-buttons{display:flex;gap:8px;justify-content:center}.schedule-request-wrapper .action-buttons button{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.schedule-request-wrapper .action-buttons .btn-green{background-color:#10b981;border-color:#10b981;color:#fff}.schedule-request-wrapper .action-buttons .btn-green:hover{background-color:#059669;border-color:#059669;transform:translateY(-1px)}.schedule-request-wrapper .action-buttons .btn-red{background-color:#ef4444;border-color:#ef4444;color:#fff}.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{border-bottom-color:#4b5563;color:#f3f4f6}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{border-bottom-color:#4b5563;color:#e2e8f0}html:not([data-theme=light]) .schedule-request-wrapper .styled-table tbody .no-data{background-color:#374151;color:#9ca3af}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{background-color:#4b5563;border-color:#6b7280;color:#f3f4f6}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{background-color:#10b981;border-color:#10b981;color:#fff}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{background-color:#ef4444;border-color:#ef4444;color:#fff}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{border-bottom-color:#4b5563;color:#f3f4f6}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{border-bottom-color:#4b5563;color:#e2e8f0}html[data-theme=dark] .schedule-request-wrapper .styled-table tbody .no-data{background-color:#374151;color:#9ca3af}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{background-color:#4b5563;border-color:#6b7280;color:#f3f4f6}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{background-color:#10b981;border-color:#10b981;color:#fff}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{background-color:#ef4444;border-color:#ef4444;color:#fff}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;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.new-personal-schedule-request-form .form-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.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;font-size:20px;font-weight:600;margin:0}.new-personal-schedule-request-form .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media(max-width:768px){.new-personal-schedule-request-form .form-grid{gap:16px;grid-template-columns:1fr}}.new-personal-schedule-request-form .form-group{display:flex;flex-direction:column;gap:8px}.new-personal-schedule-request-form .form-group .form-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:4px}.new-personal-schedule-request-form .form-group .datepicker-input,.new-personal-schedule-request-form .form-group .form-select,.new-personal-schedule-request-form .form-group .form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.new-personal-schedule-request-form .form-group .datepicker-input:focus,.new-personal-schedule-request-form .form-group .form-select:focus,.new-personal-schedule-request-form .form-group .form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.new-personal-schedule-request-form .form-group .datepicker-input::placeholder,.new-personal-schedule-request-form .form-group .form-select::placeholder,.new-personal-schedule-request-form .form-group .form-textarea::placeholder{color:#9ca3af}.new-personal-schedule-request-form .form-group .form-textarea{font-family:inherit;min-height:100px;resize:vertical}.new-personal-schedule-request-form .form-group.checkbox-group{align-items:center;flex-direction:row;gap:8px}.new-personal-schedule-request-form .form-group.checkbox-group .checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:0}.new-personal-schedule-request-form .form-group.checkbox-group .checkbox-label input[type=checkbox]{accent-color:#3b82f6;height:16px;width:16px}.new-personal-schedule-request-form .form-group.full-width{grid-column:1/-1}.new-personal-schedule-request-form .error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.new-personal-schedule-request-form .error-message:before{content:"⚠️";font-size:16px}.new-personal-schedule-request-form .success-message{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.new-personal-schedule-request-form .success-message:before{content:"✅";font-size:16px}.new-personal-schedule-request-form .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.new-personal-schedule-request-form .form-actions .submit-btn{align-items:center;background:#3b82f6;border:1px solid #3b82f6;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.new-personal-schedule-request-form .form-actions .submit-btn:hover{background:#2563eb;border-color:#1d4ed8;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.new-personal-schedule-request-form .form-actions .submit-btn:active{box-shadow:0 2px 4px #3b82f633;transform:translateY(0)}.new-personal-schedule-request-form .form-actions .submit-btn:disabled{background:#9ca3af;border-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.new-personal-schedule-request-form .form-actions .cancel-btn{background:#f8fafc;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.new-personal-schedule-request-form .form-actions .cancel-btn:hover{background:#f1f5f9;border-color:#9ca3af;color:#4b5563}.new-personal-schedule-request-form .form-description{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:20px;padding:12px 16px}@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 .datepicker-input,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{background:#374151;border-color:#4b5563;color:#f3f4f6}html:not([data-theme=light]) .new-personal-schedule-request-form .form-group .datepicker-input:focus,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{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html:not([data-theme=light]) .new-personal-schedule-request-form .form-group .datepicker-input::placeholder,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{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{background:#3b82f6;border-color:#3b82f6;color:#fff}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{background:#374151;border-color:#4b5563;color:#9ca3af}html:not([data-theme=light]) .new-personal-schedule-request-form .form-actions .cancel-btn:hover{background:#4b5563;border-color:#6b7280;color:#d1d5db}html:not([data-theme=light]) .new-personal-schedule-request-form .form-description{background:#374151;border-left-color:#60a5fa;color:#9ca3af}}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 .datepicker-input,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{background:#374151;border-color:#4b5563;color:#f3f4f6}html[data-theme=dark] .new-personal-schedule-request-form .form-group .datepicker-input:focus,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{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}html[data-theme=dark] .new-personal-schedule-request-form .form-group .datepicker-input::placeholder,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{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{background:#3b82f6;border-color:#3b82f6;color:#fff}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{background:#374151;border-color:#4b5563;color:#9ca3af}html[data-theme=dark] .new-personal-schedule-request-form .form-actions .cancel-btn:hover{background:#4b5563;border-color:#6b7280;color:#d1d5db}html[data-theme=dark] .new-personal-schedule-request-form .form-description{background:#374151;border-left-color:#60a5fa;color:#9ca3af}@media(max-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 .datepicker-input,.new-personal-schedule-request-form .form-group .form-select,.new-personal-schedule-request-form .form-group .form-textarea{font-size:13px;padding:10px 12px}.new-personal-schedule-request-form .form-actions{flex-direction:column;gap:8px}.new-personal-schedule-request-form .form-actions .cancel-btn,.new-personal-schedule-request-form .form-actions .submit-btn{justify-content:center;width:100%}}.new-personal-schedule-request-page{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:24px;padding:24px}.new-personal-schedule-request-page .page-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.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;font-size:24px;font-weight:700;margin:0}.new-personal-schedule-request-page .page-description{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:24px}.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{align-items:center;color:#374151;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.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{align-items:center;color:#374151;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.new-personal-schedule-request-page .list-section .section-title:before{content:"📋";font-size:20px}.new-personal-schedule-request-page .loading-message{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;padding:40px 20px;text-align:center}@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{background:#374151;border-color:#4b5563;color:#9ca3af}}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{background:#374151;border-color:#4b5563;color:#9ca3af}@media(max-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{animation:modalSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;font-family:Segoe UI,sans-serif;left:50%;max-width:800px;min-height:600px;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1000}.edit-modal .modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 24px}.edit-modal .modal-header .header-content{align-items:center;display:flex;justify-content:space-between}.edit-modal .modal-header .header-content .modal-title{color:#1f2937;font-size:20px;font-weight:700;margin:0}.edit-modal .modal-header .header-content .close-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.edit-modal .modal-header .header-content .close-btn:hover{background:#e5e7eb;color:#374151}.edit-modal .modal-body{max-height:calc(100vh - 300px);overflow-y:auto;padding:24px}.edit-modal .modal-body .form-section{display:flex;flex-direction:column;gap:20px}.edit-modal .modal-body .form-section .form-group{display:flex;flex-direction:column;gap:8px}.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;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.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;box-shadow:0 0 0 3px #3b82f61a;outline:none}.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{font-family:inherit;min-height:120px;resize:vertical}.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{left:-9999px;opacity:0;pointer-events:none;position:absolute}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:3px dashed #d1d5db;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:180px;overflow:hidden;padding:30px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:before{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#3b82f6;box-shadow:0 10px 25px #3b82f626;transform:translateY(-2px)}.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,#d1fae5);border-color:#10b981;box-shadow:0 15px 35px #10b98133;transform:scale(1.02)}.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 rgba(0,0,0,.1));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{position:relative;text-align:center;z-index:1}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px;transition:color .3s ease}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 12px}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:16px;color:#9ca3af;display:inline-block;font-size:11px;font-weight:500;margin:0;padding:6px 12px}.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;font-size:13px;font-weight:600;margin:0 0 12px}.edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-list{display:flex;flex-direction:column;gap:8px}.edit-modal .modal-body .form-section .form-group .file-upload-container .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s ease}.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]{accent-color:#3b82f6;cursor:pointer;height:18px;width: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;font-size:13px;word-break:break-all}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-files{display:flex;flex-direction:column;gap:12px;margin-top:16px}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-files .new-files-label{color:#374151;font-size:13px;font-weight:600;margin:0 0 8px}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file{align-items:center;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:2px solid #0ea5e9;border-radius:12px;box-shadow:0 4px 12px #0ea5e926;display:flex;justify-content:space-between;padding:12px 16px}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info{align-items:center;display:flex;flex:1 1;gap:10px}.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{display:flex;flex-direction:column;gap:2px}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info .file-details .file-name{color:#0c4a6e;font-size:13px;font-weight:600;word-break:break-all}.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{align-items:center;background:#fef2f2;border:none;color:#dc2626;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .remove-file-btn:hover{background:#dc2626;color:#fff;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{display:flex;gap:12px;justify-content:flex-end}.edit-modal .modal-footer .modal-buttons .cancel-btn,.edit-modal .modal-footer .modal-buttons .submit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.edit-modal .modal-footer .modal-buttons .cancel-btn:hover,.edit-modal .modal-footer .modal-buttons .submit-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.edit-modal .modal-footer .modal-buttons .cancel-btn:active,.edit-modal .modal-footer .modal-buttons .submit-btn:active{transform:translateY(0)}.edit-modal .modal-footer .modal-buttons .submit-btn{background:#10b981;color:#fff}.edit-modal .modal-footer .modal-buttons .submit-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.edit-modal .modal-footer .modal-buttons .cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.edit-modal .modal-footer .modal-buttons .cancel-btn:hover{background:#e5e7eb}.modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:768px;padding:24px;position:relative;width:100%}.communication-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:9999}.communication-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:calc(100vh - 40px);max-width:600px;overflow-y:auto;position:relative;width:100%}.communication-modal-buttons{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.communication-modal-buttons .submit-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.communication-modal-buttons .submit-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.communication-modal-buttons .submit-btn:active{transform:translateY(0)}.communication-modal-buttons .submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.communication-modal-buttons .cancel-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:12px 24px;transition:all .2s ease}.communication-modal-buttons .cancel-btn:hover{background:#e5e7eb}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-buttons .btn-red:disabled{cursor:not-allowed}.modal-content.reject{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:768px;padding:24px;position:relative;width:100%}.modal-content.reject h4{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:8px}.modal-content.reject p{color:#6b7280;font-size:1rem;line-height:1.5;margin-bottom:16px}@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{background:#4a5568;color:#e2e8f0}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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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,#2d3748);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,#a78bfa0d)}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,#1e40af);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,#065f46);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{background:#2d3748cc;color:#718096}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,#1e40af);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{background:#7f1d1d;color:#fca5a5}html:not([data-theme=light]) .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .remove-file-btn:hover{background:#dc2626;color:#fff}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:#68d391}html:not([data-theme=light]) .edit-modal .modal-footer .modal-buttons .submit-btn:hover{background:#48bb78;box-shadow:0 4px 12px #68d3914d}html:not([data-theme=light]) .edit-modal .modal-footer .modal-buttons .cancel-btn{background:#4a5568;border-color:#718096;color:#f1f5f9}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:#68d391}html:not([data-theme=light]) .communication-modal-buttons .submit-btn:hover:not(:disabled){background:#48bb78;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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;color:#e2e8f0}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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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,#2d3748);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,#a78bfa0d)}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#1e3a8a,#1e40af);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,#065f46);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{background:#2d3748cc;color:#718096}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,#1e40af);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{background:#7f1d1d;color:#fca5a5}html[data-theme=dark] .edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .remove-file-btn:hover{background:#dc2626;color:#fff}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:#68d391}html[data-theme=dark] .edit-modal .modal-footer .modal-buttons .submit-btn:hover{background:#48bb78;box-shadow:0 4px 12px #68d3914d}html[data-theme=dark] .edit-modal .modal-footer .modal-buttons .cancel-btn{background:#4a5568;border-color:#718096;color:#f1f5f9}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:#68d391}html[data-theme=dark] .communication-modal-buttons .submit-btn:hover:not(:disabled){background:#48bb78;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{background:#4a5568;border-color:#718096;color:#f1f5f9}html[data-theme=dark] .communication-modal-buttons .cancel-btn:hover{background:#718096}@media(max-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{font-size:10px;padding:4px 8px}.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{font-size:14px;height:24px;width:24px}.edit-modal .modal-footer{padding:16px 20px}.edit-modal .modal-footer .modal-buttons{flex-direction:column;gap:8px}.edit-modal .modal-footer .modal-buttons .cancel-btn,.edit-modal .modal-footer .modal-buttons .submit-btn{font-size:13px;padding:10px 16px;width:100%}.modal-overlay{padding:16px}.modal-content{margin:0;max-width:none}.communication-modal-overlay{padding:16px}.communication-modal-content{margin:0;max-height:calc(100vh - 32px);max-width:none}.communication-modal-buttons{flex-direction:column}.communication-modal-buttons .cancel-btn,.communication-modal-buttons .submit-btn{font-size:13px;justify-content:center;padding:10px 12px;text-align:center;width:100%}}.schedule-tab-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.schedule-tab-container h2{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;margin-bottom:20px}.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{background:none;border:none;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:16px 20px;transition:all .2s ease}.schedule-tab-container .tabs-header .tab-button:hover{background-color:#f3f4f6;color:#374151}.schedule-tab-container .tabs-header .tab-button.active{background-color:#fff;border-bottom:3px solid #10b981;color:#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{background-color:#4b5563;color:#f3f4f6}html:not([data-theme=light]) .schedule-tab-container .tabs-header .tab-button.active{background-color:#1f2937;border-bottom-color:#10b981;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{background-color:#4b5563;color:#f3f4f6}html[data-theme=dark] .schedule-tab-container .tabs-header .tab-button.active{background-color:#1f2937;border-bottom-color:#10b981;color:#10b981}html[data-theme=dark] .schedule-tab-container .tabs-content{background-color:#1f2937}.color-picker-popover{animation:popoverSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;font-family:Noto Sans KR,sans-serif;padding:20px;position:absolute;transition:all .3s ease;width:280px;z-index:9999}.color-picker-popover .react-colorful{display:flex!important;flex-direction:column!important;gap:12px;height:auto!important;width:100%!important}.color-picker-popover.custom-mode{min-height:420px;width:360px}.color-picker-popover .preset-colors{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.color-picker-popover .preset-colors .preset-color{border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.color-picker-popover .preset-colors .preset-color.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;transform:scale(1.05)}.color-picker-popover .preset-colors .preset-color:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.1)}.color-picker-popover .custom-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease;width:100%}.color-picker-popover .custom-btn:hover{background:#e5e7eb;border-color:#9ca3af}.color-picker-popover .custom-picker-wrapper{display:flex;flex-direction:column;gap:14px}.color-picker-popover .custom-picker-wrapper .react-colorful__saturation{border:1px solid #e5e7eb;border-radius:12px!important;height:200px!important;overflow:hidden;width:100%!important}.color-picker-popover .custom-picker-wrapper .react-colorful__hue{background:linear-gradient(90deg,red,#ff0,lime,cyan,blue,#f0f,red)!important;border:1px solid #e5e7eb;border-radius:12px!important;height:24px!important;margin-top:16px;position:relative;width:100%!important}.color-picker-popover .custom-picker-wrapper .react-colorful__pointer{border:3px solid #fff!important;border-radius:50%!important;box-shadow:0 2px 8px #0000004d!important;height:20px!important;transform:translate(-50%,-50%)!important;width:20px!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;box-shadow:0 2px 8px #0000004d!important;height:28px!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:8px!important}.color-picker-popover .custom-picker-wrapper .color-preview{align-items:center;border:1px solid #e5e7eb;border-radius:8px;box-shadow:inset 0 0 0 1px #0000001a;display:flex;font-size:14px;font-weight:600;height:48px;justify-content:center;text-transform:uppercase;width:100%}.color-picker-popover .custom-color-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-family:Roboto Mono,monospace;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.color-picker-popover .custom-color-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.color-picker-popover .color-btn-group{display:flex;gap:12px;justify-content:space-between;margin-top:16px}.color-picker-popover .color-btn-group button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.color-picker-popover .color-btn-group .cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.color-picker-popover .color-btn-group .cancel-btn:hover{background:#e5e7eb}.color-picker-popover .color-btn-group .apply-btn{background:#3b82f6;color:#fff}.color-picker-popover .color-btn-group .apply-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.color-picker-popover .color-btn-group .apply-btn:active{transform:translateY(0)}.color-picker-popover .color-btn-group .apply-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;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{background:#4a5568;border-color:#718096;color:#e2e8f0}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 .color-preview,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 .react-colorful__saturation{border-color:#4a5568}html:not([data-theme=light]) .color-picker-popover .custom-color-input{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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 .color-preview,html[data-theme=dark] .color-picker-popover .custom-picker-wrapper .react-colorful__hue,html[data-theme=dark] .color-picker-popover .custom-picker-wrapper .react-colorful__saturation{border-color:#4a5568}html[data-theme=dark] .color-picker-popover .custom-color-input{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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(max-width:768px){.color-picker-popover{margin:16px;max-width:none;padding:16px;width:calc(100vw - 32px)}.color-picker-popover.custom-mode{min-height:380px;width:calc(100vw - 32px)}.color-picker-popover .preset-colors{gap:10px;grid-template-columns:repeat(4,1fr)}.color-picker-popover .preset-colors .preset-color{height:28px;width: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{padding:12px;width:100%}}.add-schedule-popover{animation:popoverSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;font-family:Noto Sans KR,sans-serif;font-size:14px;max-width:95%;padding:24px;position:absolute;width:480px;z-index:2000}.add-schedule-popover .popover-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.add-schedule-popover .popover-header h4{color:#1f2937;font-size:18px;font-weight:600;margin:0}.add-schedule-popover .popover-header .btn-close{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.add-schedule-popover .popover-header .btn-close:hover{background:#e5e7eb;color:#374151}.add-schedule-popover .title-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:16px;font-weight:500;margin-bottom:16px;padding:12px 16px;transition:all .2s ease;width:100%}.add-schedule-popover .title-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-schedule-popover .title-input::placeholder{color:#9ca3af}.add-schedule-popover .row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.add-schedule-popover .row svg{color:#6b7280;flex-shrink:0}.add-schedule-popover .row .react-datepicker-wrapper,.add-schedule-popover .row input{flex:1 1;font-size:14px}.add-schedule-popover .row .react-datepicker-wrapper input,.add-schedule-popover .row input input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;padding:10px 12px;transition:all .2s ease;width:100%}.add-schedule-popover .row .react-datepicker-wrapper input:focus,.add-schedule-popover .row input input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-schedule-popover .row span{color:#6b7280;font-size:14px;font-weight:500}.add-schedule-popover .row textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;flex:1 1;font-size:14px;min-height:80px;padding:10px 12px;resize:vertical;transition:all .2s ease}.add-schedule-popover .row textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-schedule-popover .row textarea::placeholder{color:#9ca3af}.add-schedule-popover .checkbox-row{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;margin-bottom:16px}.add-schedule-popover .checkbox-row label{align-items:center;cursor:pointer;display:inline-flex;gap:8px}.add-schedule-popover .checkbox-row label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:16px;margin:0;width:16px}.add-schedule-popover .checkbox-row label span{color:#374151}.add-schedule-popover .btn-group{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.add-schedule-popover .btn-group button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.add-schedule-popover .btn-group button:first-child{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.add-schedule-popover .btn-group button:first-child:hover{background:#e5e7eb}.add-schedule-popover .btn-group button:last-child{background:#3b82f6;color:#fff}.add-schedule-popover .btn-group button:last-child:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.add-schedule-popover .btn-group button:last-child:active{transform:translateY(0)}.add-schedule-popover .select-row{align-items:stretch;flex-direction:column;gap:8px}.add-schedule-popover .select-row .select-label{color:#374151;font-size:14px;font-weight:600;margin:0}.add-schedule-popover .select-row .form-select{appearance:none;-webkit-appearance:none;background-color:#f9fafb;background-image:linear-gradient(135deg,#0000 50%,var(--text-muted) 50%),linear-gradient(225deg,#0000 50%,var(--text-muted) 50%);background-position:calc(100% - 17px) calc(50% - .6px),calc(100% - 12px) calc(50% - .6px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:500;padding:10px 40px 10px 12px;transition:all .2s ease;width:100%}.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;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-schedule-popover .select-row .form-select option{background:#fff;color:#1f2937}.add-schedule-popover .type-select{flex:1 1}.add-schedule-popover .type-select .react-select__control{background:#fff;border-color:#d1d5db;border-radius:8px;box-shadow:none;font-size:14px;min-height:40px}.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{border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:3000}.add-schedule-popover .type-select .react-select__single-value{color:#1f2937}.add-schedule-popover .type-select .react-select__option{font-size:14px;padding:10px 12px}.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{background:#4a5568;border-color:#718096;color:#a0aec0}html:not([data-theme=light]) .add-schedule-popover .popover-header .btn-close:hover{background:#718096;color:#e2e8f0}html:not([data-theme=light]) .add-schedule-popover .title-input{background:#4a5568;border-color:#718096;color:#f1f5f9}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 .row span,html:not([data-theme=light]) .add-schedule-popover .row svg,html:not([data-theme=light]) .add-schedule-popover .title-input::placeholder{color:#a0aec0}html:not([data-theme=light]) .add-schedule-popover .row input{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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{background-color:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#2d3748;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#a0aec0}html[data-theme=dark] .add-schedule-popover .popover-header .btn-close:hover{background:#718096;color:#e2e8f0}html[data-theme=dark] .add-schedule-popover .title-input{background:#4a5568;border-color:#718096;color:#f1f5f9}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 .row span,html[data-theme=dark] .add-schedule-popover .row svg,html[data-theme=dark] .add-schedule-popover .title-input::placeholder{color:#a0aec0}html[data-theme=dark] .add-schedule-popover .row input{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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{background-color:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#2d3748;color:#f1f5f9}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(max-width:768px){.add-schedule-popover{margin:16px;max-width:none;padding:20px;width:calc(100vw - 32px)}.add-schedule-popover .popover-header h4{font-size:16px}.add-schedule-popover .title-input{font-size:14px;padding:10px 12px}.add-schedule-popover .row{align-items:stretch;flex-direction:column;gap:8px}.add-schedule-popover .row svg{display:none}.add-schedule-popover .row span{font-size:12px;text-align:center}.add-schedule-popover .btn-group{flex-direction:column}.add-schedule-popover .btn-group button{padding:12px;width:100%}}.event-popover{animation:popoverSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;font-family:Noto Sans KR,sans-serif;font-size:14px;line-height:1.5;max-width:95%;padding:24px;pointer-events:auto;position:absolute;width:400px;z-index:2000}@keyframes popoverSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.event-popover .popover-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.event-popover .popover-header h4{color:#1f2937;font-size:18px;font-weight:600;margin:0}.event-popover .popover-header .btn-close{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.event-popover .popover-header .btn-close:hover{background:#e5e7eb;color:#374151}.event-popover .popover-body{display:flex;flex-direction:column;gap:12px}.event-popover .popover-body p{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px;line-height:1.5;margin:0}.event-popover .popover-body p svg{color:#6b7280;flex-shrink:0}.event-popover .popover-body .schedule-content-block{display:flex;flex-direction:column;gap:6px}.event-popover .popover-body .schedule-content-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.event-popover .popover-body .schedule-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;font-weight:500;line-height:1.5;margin:0;padding:12px;white-space:pre-wrap;word-break:break-word}.event-popover .popover-footer{border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px}.event-popover .popover-footer .btn-edit{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;color:#4338ca;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.event-popover .popover-footer .btn-edit:hover{background:#e0e7ff}.event-popover .popover-footer .btn-delete{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.event-popover .popover-footer .btn-delete:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.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{background:#4a5568;border-color:#718096;color:#a0aec0}html:not([data-theme=light]) .event-popover .popover-header .btn-close:hover{background:#718096;color:#e2e8f0}html:not([data-theme=light]) .event-popover .popover-body p{color:#e2e8f0}html:not([data-theme=light]) .event-popover .popover-body .schedule-content-label,html:not([data-theme=light]) .event-popover .popover-body p svg{color:#a0aec0}html:not([data-theme=light]) .event-popover .popover-body .schedule-content{background:#4a5568;border-color:#718096;color:#f1f5f9}html:not([data-theme=light]) .event-popover .popover-footer{border-top-color:#4a5568}html:not([data-theme=light]) .event-popover .popover-footer .btn-edit{background:#6366f126;border-color:#6366f159;color:#c7d2fe}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{background:#4a5568;border-color:#718096;color:#a0aec0}html[data-theme=dark] .event-popover .popover-header .btn-close:hover{background:#718096;color:#e2e8f0}html[data-theme=dark] .event-popover .popover-body p{color:#e2e8f0}html[data-theme=dark] .event-popover .popover-body .schedule-content-label,html[data-theme=dark] .event-popover .popover-body p svg{color:#a0aec0}html[data-theme=dark] .event-popover .popover-body .schedule-content{background:#4a5568;border-color:#718096;color:#f1f5f9}html[data-theme=dark] .event-popover .popover-footer{border-top-color:#4a5568}html[data-theme=dark] .event-popover .popover-footer .btn-edit{background:#6366f126;border-color:#6366f159;color:#c7d2fe}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(max-width:768px){.event-popover{margin:16px;max-width:none;padding:20px;width:calc(100vw - 32px)}.event-popover .popover-header h4{font-size:16px}.event-popover .popover-body{gap:10px}.event-popover .popover-body p{align-items:flex-start;flex-direction:column;font-size:13px;gap:4px}.event-popover .popover-body p svg{align-self:flex-start}.event-popover .popover-footer .btn-delete{justify-content:center;padding:12px;width:100%}}body.modal-open{overflow:hidden}.scroll-lock-overlay{background:#0000;inset:0;overscroll-behavior:contain;pointer-events:auto;position:fixed;touch-action:none;z-index:1999}.schedule-calendar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.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{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s ease}.schedule-calendar .fc-toolbar .fc-button:hover{background:#e5e7eb;border-color:#9ca3af}.schedule-calendar .fc-toolbar .fc-button.fc-button-active{background:#10b981;border-color:#10b981;color:#fff}.schedule-calendar .fc-daygrid-day{transition:background .2s ease-in-out}.schedule-calendar .fc-daygrid-day:hover{background:#f3f4f6}.schedule-calendar .fc-day-today{background:#ecfdf5!important;border:2px solid #10b981!important;border-radius:8px;font-weight:700}.schedule-calendar .fc-event{border:none!important;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-weight:500;padding:6px 10px;transition:all .2s ease-in-out}.schedule-calendar .fc-event:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.schedule-calendar .fc-daygrid-day-frame{display:flex;flex-direction:column;min-height:150px}.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{align-items:flex-end;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px;padding:16px 20px}.schedule-calendar .calendar-filter-panel .filter-group.general-filters{align-items:center;display:flex;gap:20px}.schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item{align-items:center;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item input[type=checkbox]{accent-color:#10b981;height:16px;width:16px}.schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item svg{color:#6b7280;height:16px;width:16px}.schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item:hover{background:#f3f4f6;color:#1f2937}.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;display:flex;gap:8px}.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{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:6px 28px 6px 10px}.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;box-shadow:0 0 0 2px #10b98133;outline:none}.schedule-calendar .calendar-filter-panel .instructor-filter{min-width:260px;position:relative;z-index:100}.schedule-calendar .calendar-filter-panel .instructor-filter .instructor-filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.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{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.8rem;padding:0}.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{border-color:#d1d5db;border-radius:6px;box-shadow:none;font-size:.875rem;z-index:1000}.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{align-items:center;background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:9999px;display:flex;padding:4px 8px}.schedule-calendar .calendar-filter-panel .instructor-filter .react-select__multi-value__label{color:#0369a1;font-size:.85rem;font-weight:600;padding:0}.schedule-calendar .calendar-filter-panel .instructor-filter .react-select__multi-value__remove{background-color:#0000;border-radius:9999px;color:#0369a1;padding:2px}.schedule-calendar .calendar-filter-panel .instructor-filter .react-select__multi-value__remove:hover{background-color:#bae6fd}.schedule-calendar .color-button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;justify-content:center;min-width:32px;padding:6px;transition:all .2s ease}.schedule-calendar .color-button:hover{background:#e5e7eb;border-color:#9ca3af}.schedule-calendar .color-button svg{color:#6b7280;height:16px;width: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{background:#374151;border-color:#4b5563;color:#f3f4f6}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{background:#10b981;border-color:#10b981;color:#fff}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{background:#4b5563;color:#f1f5f9}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{background:#1f2937;border-color:#4b5563;color:#f1f5f9}html:not([data-theme=light]) .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-student-wrap .filter-student-select option{background:#1f2937;color:#f1f5f9}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{background:#374151;border-color:#4b5563;color:#f3f4f6}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{background:#10b981;border-color:#10b981;color:#fff}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{background:#4b5563;color:#f1f5f9}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{background:#1f2937;border-color:#4b5563;color:#f1f5f9}html[data-theme=dark] .schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-student-wrap .filter-student-select option{background:#1f2937;color:#f1f5f9}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{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2100}.schedule-edit-popover{position:relative}.schedule-calendar-toast{align-items:flex-start;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;bottom:24px;box-shadow:0 8px 24px #0000001f;color:#065f46;display:inline-flex;font-size:14px;gap:8px;line-height:1.5;max-width:min(420px,100vw - 32px);padding:12px 16px;position:fixed;right:24px;z-index:2200}.schedule-calendar-toast.is-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .schedule-edit-modal-overlay{background:#000000a6}html:not([data-theme=light]) .schedule-calendar-toast{background:#10b98126;border-color:#34d39959;color:#6ee7b7}html:not([data-theme=light]) .schedule-calendar-toast.is-error{background:#f871711f;border-color:#f8717159;color:#fca5a5}}html[data-theme=dark] .schedule-edit-modal-overlay{background:#000000a6}html[data-theme=dark] .schedule-calendar-toast{background:#10b98126;border-color:#34d39959;color:#6ee7b7}html[data-theme=dark] .schedule-calendar-toast.is-error{background:#f871711f;border-color:#f8717159;color:#fca5a5}.admin-schedule-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-schedule-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.admin-schedule-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.admin-schedule-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.admin-schedule-page .calendar-container{margin-bottom:24px}.admin-schedule-page .calendar-container,.admin-schedule-page .tab-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a}.admin-schedule-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.admin-schedule-page .loading-container p{color:#6b7280;font-size:16px;margin:0}@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(max-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}}.people-list{display:flex;flex-direction:column;gap:16px}.people-list-subtitle{color:var(--text-muted);font-size:14px;margin:0}.people-list-toolbar{align-items:center;background:var(--surface-0);border:1px solid var(--border-default);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px}.people-list-search{align-items:center;background:var(--surface-1);background:var(--input-bg,var(--surface-1));border:1px solid var(--border-default);border-radius:10px;box-sizing:border-box;color:var(--text-muted);display:flex;flex:1 1 280px;gap:10px;height:40px;min-width:220px;padding:0 12px}.people-list-search input{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;height:100%;min-height:0;min-width:0;outline:none;padding:0}.people-list-search input::placeholder{color:var(--text-subtle)}.people-list-search input::-webkit-search-cancel-button,.people-list-search input::-webkit-search-decoration{-webkit-appearance:none}.people-list-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.people-list-filter-group{align-items:center;display:flex;gap:8px}.people-list-filter-label{color:var(--text-muted);font-size:12px;font-weight:600;white-space:nowrap}.people-list-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.people-list-filter-chip{background:var(--surface-0);border:1px solid var(--border-default);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:6px 12px;transition:background .15s ease,border-color .15s ease}.people-list-filter-chip:hover{background:var(--hover-bg)}.people-list-filter-chip.is-active{background:var(--accent-subtle-bg);border-color:var(--accent-subtle-border);color:var(--accent-subtle-fg);font-weight:600}.people-list-reset-btn{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:6px 10px}.people-list-reset-btn:hover{color:var(--text-secondary)}.people-list-bulk-bar{background:var(--bulk-bar-bg);border-radius:10px;box-shadow:0 8px 24px #0f172a2e;color:#fff;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:20}.people-list-bulk-bar,.people-list-bulk-left{align-items:center;display:flex;gap:12px}.people-list-bulk-count{font-size:14px;font-weight:600}.people-list-bulk-clear{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#e2e8f0;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 8px}.people-list-bulk-clear:hover{background:#ffffff29}.people-list-bulk-actions{display:flex;flex-wrap:wrap;gap:8px}.people-list-bulk-action{align-items:center;background:#ffffff14;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px}.people-list-bulk-action:hover:not(:disabled){background:#ffffff24}.people-list-bulk-action:disabled{cursor:not-allowed;opacity:.45}.people-list-bulk-action.danger{border-color:#f8717180;color:#fecaca}.people-list-table-shell{background:var(--surface-0);border:1px solid var(--border-default);border-radius:12px;overflow:auto}.people-list-table{border-collapse:collapse;width:100%}.people-list-table thead{background:var(--surface-1);border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:5}.people-list-table thead th{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.04em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.people-list-table thead th.is-sortable{padding:0}.people-list-table tbody tr{border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .12s ease}.people-list-table tbody tr:hover{background:var(--hover-bg)}.people-list-table tbody tr:hover .people-list-row-actions{opacity:1}.people-list-table tbody tr.is-selected{background:var(--accent-subtle-bg)}.people-list-table tbody tr:last-child{border-bottom:none}.people-list-table td{color:var(--text-secondary);font-size:14px;padding:14px 16px;vertical-align:middle}.people-list-sort-btn{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:4px;letter-spacing:inherit;padding:12px 16px;text-align:left;text-transform:inherit;width:100%}.people-list-sort-btn:hover{color:var(--text-secondary)}.people-list-sort-icon{color:#6366f1}.people-list-sort-icon.muted{color:#cbd5e1}.people-list-checkbox-col{text-align:center;width:44px}.people-list-checkbox-col input[type=checkbox]{cursor:pointer;height:16px;width:16px}.people-list-actions-col{text-align:right;width:120px}.people-list-row-actions{align-items:center;display:inline-flex;gap:4px;justify-content:flex-end;opacity:0;transition:opacity .12s ease}.people-list-row-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.people-list-row-action-btn:hover{background:var(--surface-2);color:var(--text-secondary)}.people-list-person-cell{align-items:center;display:flex;gap:12px;min-width:200px}.people-list-avatar{align-items:center;background:var(--avatar-bg);border-radius:999px;color:var(--accent-subtle-fg);display:inline-flex;flex-shrink:0;font-weight:700;justify-content:center;letter-spacing:.02em}.people-list-person-text{display:flex;flex-direction:column;gap:2px;min-width:0}.people-list-person-name{color:var(--text-primary);font-size:14px;font-weight:600}.people-list-person-name,.people-list-person-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-list-person-sub{color:var(--text-muted);font-size:13px}.people-list-badge{align-items:center;background:var(--surface-2);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.people-list-badge.accent{background:var(--accent-subtle-bg);color:var(--accent-subtle-fg)}.people-list-status-badge{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:13px;gap:6px;white-space:nowrap}.people-list-status-badge.active{color:var(--success-fg)}.people-list-status-badge.inactive{color:var(--text-muted)}.people-list-status-badge.pending{color:#b45309}.people-list-status-dot{background:currentColor;border-radius:999px;height:8px;width:8px}.active .people-list-status-dot{background:var(--success-dot)}.inactive .people-list-status-dot{background:#94a3b8}.pending .people-list-status-dot{background:#f59e0b}.people-list-skeleton{background:var(--surface-0);border:1px solid var(--border-default);border-radius:12px;overflow:hidden}.people-list-skeleton-header,.people-list-skeleton-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding:14px 16px}.people-list-skeleton-header{background:var(--surface-1);border-bottom:1px solid #e2e8f0}.people-list-skeleton-row{border-bottom:1px solid #f1f5f9}.people-list-skeleton-row:last-child{border-bottom:none}.people-list-skeleton-cell{animation:people-list-shimmer 1.2s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:6px;height:14px}@keyframes people-list-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.people-list-empty{align-items:center;background:var(--surface-0);border:1px dashed var(--border-default);border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:56px 24px;text-align:center}.people-list-empty h3{color:var(--text-primary);font-size:18px;margin:8px 0 0}.people-list-empty p{color:var(--text-muted);font-size:14px;line-height:1.5;margin:0;max-width:360px}.people-list-empty-icon{color:var(--text-subtle)}.people-list-empty-action{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:10px 18px}.people-list-empty-action:hover{background:var(--accent-hover)}.people-list-pagination{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:8px 4px}.people-list-pagination-info{color:var(--text-muted);font-size:13px}.people-list-pagination-controls{align-items:center;display:flex;gap:8px}.people-list-page-btn{background:var(--surface-0);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:18px;height:32px;line-height:1;width:32px}.people-list-page-btn:hover:not(:disabled){background:var(--surface-1)}.people-list-page-btn:disabled{cursor:not-allowed;opacity:.4}.people-list-page-size{background:var(--surface-0);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:13px;height:32px;padding:0 8px}.people-list-table-view{display:block}.people-list-cards-view{display:none}.people-list-cards{display:flex;flex-direction:column;gap:10px}.people-list-card{background:var(--surface-0);border:1px solid var(--border-default);border-radius:12px;cursor:pointer;padding:14px;text-align:left;transition:background .12s ease,border-color .12s ease;width:100%}.people-list-card:hover{background:var(--hover-bg);border-color:var(--border-default)}.people-list-card-header{align-items:center;display:flex;gap:12px}.people-list-card-title{flex:1 1;min-width:0}.people-list-card-name{color:var(--text-primary);display:block;font-size:15px;font-weight:600}.people-list-card-chevron{color:var(--text-subtle);flex-shrink:0}.people-list-card-body{grid-gap:10px 16px;border-top:1px solid #f1f5f9;display:grid;gap:10px 16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px;padding-top:12px}.people-list-card-field{display:flex;flex-direction:column;gap:2px;min-width:0}.people-list-card-label{color:var(--text-subtle);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.people-list-card-value{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-list-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.people-list-card-action-btn{background:var(--surface-0);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 10px}@media(max-width:1024px){.people-list-table-view{display:none}.people-list-cards-view{display:block}.people-list-bulk-bar,.people-list-toolbar{align-items:stretch;flex-direction:column}}@media(max-width:640px){.people-list-card-body{grid-template-columns:1fr}.people-list-filter-group{align-items:flex-start;flex-direction:column}}.join-code-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.join-code-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;box-sizing:border-box;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.join-code-modal:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.modal-header{align-items:flex-start;display:flex;justify-content:space-between;padding:24px 24px 0}.modal-header .header-content{align-items:flex-start;flex:1 1;gap:16px}.modal-header .header-content .header-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.modal-header .header-content .header-text{flex:1 1}.modal-header .header-content .header-text h3{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 8px}.modal-header .header-content .header-text p{color:#64748b;font-size:1rem;line-height:1.5;margin:0}.modal-header .close-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.modal-header .close-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.modal-content{padding:0 24px 24px}.academy-selector{margin-bottom:24px}.academy-selector .selector-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:10px;margin-top:15px}.academy-selector .academy-select{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;font-size:15px;padding:14px 42px 14px 16px;transition:all .2s ease;width:100%}.academy-selector .academy-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.academy-selector .academy-select:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed;opacity:.6}.role-selector-section{margin-bottom:24px}.role-selector-section .selector-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:14px}.role-selector-section .role-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.role-selector-section .role-selector .role-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:16px 12px;position:relative;transition:all .2s ease}.role-selector-section .role-selector .role-btn:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.role-selector-section .role-selector .role-btn:hover:not(:disabled){background:#f8fafc;border-color:#667eea;box-shadow:0 4px 12px #667eea26;color:#667eea;transform:translateY(-2px)}.role-selector-section .role-selector .role-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 16px #667eea66;color:#fff;transform:translateY(-2px)}.role-selector-section .role-selector .role-btn.active:before{opacity:0}.role-selector-section .role-selector .role-btn.active span,.role-selector-section .role-selector .role-btn.active svg{color:#fff}.role-selector-section .role-selector .role-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.role-selector-section .role-selector .role-btn svg{flex-shrink:0;position:relative;transition:all .2s ease;z-index:1}.role-selector-section .role-selector .role-btn span{position:relative;transition:all .2s ease;z-index:1}.role-selector-section .role-selector .role-btn:active:not(:disabled){transform:translateY(0)}.role-info{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px;transition:all .3s ease}.role-info:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.role-info .role-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 4px 16px #667eea4d;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:transform .2s ease;width:56px}.role-info .role-icon:hover{transform:scale(1.05)}.role-info .role-text{flex:1 1}.role-info .role-text h4{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 6px}.role-info .role-text p{color:#64748b;font-size:.95rem;line-height:1.5;margin:0}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.form-actions .generate-btn,.form-actions .generate-new-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.form-actions .generate-btn:hover:not(:disabled),.form-actions .generate-new-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.form-actions .generate-btn:disabled,.form-actions .generate-new-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-actions .generate-btn .loading-spinner,.form-actions .generate-new-btn .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.form-actions .close-btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.form-actions .close-btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.code-display .success-header{margin-bottom:24px;text-align:center}.code-display .success-header .success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.code-display .success-header h4{color:#1e293b;font-size:1.3rem;font-weight:700;margin:0 0 8px}.code-display .success-header p{color:#64748b;font-size:1rem;line-height:1.5;margin:0}.code-display .code-section{margin-bottom:24px}.code-display .code-section .code-label{color:#374151;font-size:14px;font-weight:600;margin-bottom:8px}.code-display .code-section .code-container{align-items:center;display:flex;gap:8px}.code-display .code-section .code-container .code-value{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:16px;font-weight:600;letter-spacing:1px;padding:12px 16px;text-align:center}.code-display .code-section .code-container .copy-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:12px 16px;transition:all .2s ease}.code-display .code-section .code-container .copy-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.code-display .code-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.code-display .code-info .info-item{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.code-display .code-info .info-item:not(:last-child){border-bottom:1px solid #e2e8f0}.code-display .code-info .info-item .info-label{align-items:center;color:#64748b;display:flex;font-size:.95rem;font-weight:500;gap:10px}.code-display .code-info .info-item .info-label svg{height:16px;width:16px}.code-display .code-info .info-item .info-value{color:#1e293b;font-size:.95rem;font-weight:600}.code-display .warning-message{align-items:flex-start;background:#fef3cd;border:1px solid #fde68a;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.code-display .warning-message .warning-icon{flex-shrink:0;font-size:1.2rem}.code-display .warning-message p{color:#92400e;font-size:.95rem;line-height:1.5;margin:0}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:.95rem;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 20px}@media(max-width:768px){.join-code-modal-overlay{padding:16px}.join-code-modal{border-radius:12px;max-width:100%}.modal-header{margin-bottom:20px;padding:20px 20px 0}.modal-header .header-content{gap:12px}.modal-header .header-content .header-icon{border-radius:10px;height:40px;width:40px}.modal-header .header-content .header-text h3{font-size:1.3rem}.modal-header .header-content .header-text p{font-size:.9rem}.modal-header .close-btn{border-radius:8px;height:36px;width:36px}.modal-content{padding:0 20px 20px}.role-selector-section .role-selector{gap:10px;grid-template-columns:1fr}.role-selector-section .role-selector .role-btn{flex-direction:row;justify-content:flex-start;padding:14px 16px}.role-info{gap:12px;padding:16px}.role-info .role-icon{height:40px;width:40px}.role-info .role-text h4{font-size:1.1rem}.role-info .role-text p{font-size:.9rem}.form-actions{flex-direction:column;gap:12px}.form-actions .close-btn-secondary,.form-actions .generate-btn,.form-actions .generate-new-btn{justify-content:center;width:100%}.code-display .success-header .success-icon{height:56px;width:56px}.code-display .success-header h4{font-size:1.2rem}.code-display .success-header p{font-size:.9rem}.code-display .code-section .code-container{flex-direction:column;gap:12px}.code-display .code-section .code-container .code-value{font-size:14px}.code-display .code-section .code-container .copy-btn{justify-content:center;width:100%}.code-display .code-info{padding:16px}.code-display .code-info .info-item{align-items:flex-start;flex-direction:column;gap:4px;padding:8px 0}.code-display .code-info .info-item .info-label,.code-display .code-info .info-item .info-value{font-size:.9rem}}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-code-modal-overlay{background:#000000b3}html:not([data-theme=light]) .join-code-modal{background:#1e293b;border-color:#334155}html:not([data-theme=light]) .modal-header .header-content .header-text h3{color:#f8fafc}html:not([data-theme=light]) .modal-header .header-content .header-text p{color:#cbd5e1}html:not([data-theme=light]) .modal-header .close-btn{background:#334155;border-color:#475569;color:#cbd5e1}html:not([data-theme=light]) .modal-header .close-btn:hover{background:#475569;border-color:#64748b;color:#f8fafc}html:not([data-theme=light]) .academy-selector .selector-label{color:#cbd5e1}html:not([data-theme=light]) .academy-selector .academy-select{background:#334155;border-color:#475569;color:#f8fafc}html:not([data-theme=light]) .academy-selector .academy-select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}html:not([data-theme=light]) .academy-selector .academy-select:disabled{background:#1e293b;color:#64748b}html:not([data-theme=light]) .role-selector-section .selector-label{color:#cbd5e1}html:not([data-theme=light]) .role-selector-section .role-selector .role-btn{background:#334155;border-color:#475569;color:#cbd5e1}html:not([data-theme=light]) .role-selector-section .role-selector .role-btn:hover:not(:disabled){background:#475569;border-color:#818cf8;color:#a5b4fc}html:not([data-theme=light]) .role-selector-section .role-selector .role-btn.active{background:linear-gradient(135deg,#818cf8,#a78bfa);border-color:#0000;box-shadow:0 4px 16px #818cf866;color:#fff}html:not([data-theme=light]) .role-selector-section .role-selector .role-btn:disabled{opacity:.5}html:not([data-theme=light]) .role-info{background:linear-gradient(135deg,#334155,#475569);border-color:#475569}html:not([data-theme=light]) .role-info .role-icon{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 4px 12px #818cf84d}html:not([data-theme=light]) .role-info .role-text h4{color:#f8fafc}html:not([data-theme=light]) .role-info .role-text p{color:#cbd5e1}html:not([data-theme=light]) .form-actions .generate-btn,html:not([data-theme=light]) .form-actions .generate-new-btn{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 4px 12px #818cf84d}html:not([data-theme=light]) .form-actions .generate-btn:hover:not(:disabled),html:not([data-theme=light]) .form-actions .generate-new-btn:hover:not(:disabled){box-shadow:0 6px 20px #818cf866}html:not([data-theme=light]) .form-actions .close-btn-secondary{background:#334155;border-color:#475569;color:#cbd5e1}html:not([data-theme=light]) .form-actions .close-btn-secondary:hover{background:#475569;border-color:#64748b;color:#f8fafc}html:not([data-theme=light]) .code-display .success-header h4{color:#f8fafc}html:not([data-theme=light]) .code-display .code-section .code-label,html:not([data-theme=light]) .code-display .success-header p{color:#cbd5e1}html:not([data-theme=light]) .code-display .code-section .code-container .code-value{background:#334155;border-color:#475569;color:#f8fafc}html:not([data-theme=light]) .code-display .code-section .code-container .copy-btn{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 4px 12px #818cf84d}html:not([data-theme=light]) .code-display .code-section .code-container .copy-btn:hover{box-shadow:0 6px 20px #818cf866}html:not([data-theme=light]) .code-display .code-info{background:#334155;border-color:#475569}html:not([data-theme=light]) .code-display .code-info .info-item:not(:last-child){border-bottom-color:#475569}html:not([data-theme=light]) .code-display .code-info .info-item .info-label{color:#cbd5e1}html:not([data-theme=light]) .code-display .code-info .info-item .info-value{color:#f8fafc}html:not([data-theme=light]) .code-display .warning-message{background:#78350f;border-color:#f59e0b;color:#fbbf24}html:not([data-theme=light]) .code-display .warning-message p{color:#fbbf24}html:not([data-theme=light]) .error-message{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}}html[data-theme=dark] .join-code-modal-overlay{background:#000000b3}html[data-theme=dark] .join-code-modal{background:#1e293b;border-color:#334155}html[data-theme=dark] .modal-header .header-content .header-text h3{color:#f8fafc}html[data-theme=dark] .modal-header .header-content .header-text p{color:#cbd5e1}html[data-theme=dark] .modal-header .close-btn{background:#334155;border-color:#475569;color:#cbd5e1}html[data-theme=dark] .modal-header .close-btn:hover{background:#475569;border-color:#64748b;color:#f8fafc}html[data-theme=dark] .academy-selector .selector-label{color:#cbd5e1}html[data-theme=dark] .academy-selector .academy-select{background:#334155;border-color:#475569;color:#f8fafc}html[data-theme=dark] .academy-selector .academy-select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}html[data-theme=dark] .academy-selector .academy-select:disabled{background:#1e293b;color:#64748b}html[data-theme=dark] .role-selector-section .selector-label{color:#cbd5e1}html[data-theme=dark] .role-selector-section .role-selector .role-btn{background:#334155;border-color:#475569;color:#cbd5e1}html[data-theme=dark] .role-selector-section .role-selector .role-btn:hover:not(:disabled){background:#475569;border-color:#818cf8;color:#a5b4fc}html[data-theme=dark] .role-selector-section .role-selector .role-btn.active{background:linear-gradient(135deg,#818cf8,#a78bfa);border-color:#0000;box-shadow:0 4px 16px #818cf866;color:#fff}html[data-theme=dark] .role-selector-section .role-selector .role-btn:disabled{opacity:.5}html[data-theme=dark] .role-info{background:linear-gradient(135deg,#334155,#475569);border-color:#475569}html[data-theme=dark] .role-info .role-icon{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 4px 12px #818cf84d}html[data-theme=dark] .role-info .role-text h4{color:#f8fafc}html[data-theme=dark] .role-info .role-text p{color:#cbd5e1}html[data-theme=dark] .form-actions .generate-btn,html[data-theme=dark] .form-actions .generate-new-btn{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 4px 12px #818cf84d}html[data-theme=dark] .form-actions .generate-btn:hover:not(:disabled),html[data-theme=dark] .form-actions .generate-new-btn:hover:not(:disabled){box-shadow:0 6px 20px #818cf866}html[data-theme=dark] .form-actions .close-btn-secondary{background:#334155;border-color:#475569;color:#cbd5e1}html[data-theme=dark] .form-actions .close-btn-secondary:hover{background:#475569;border-color:#64748b;color:#f8fafc}html[data-theme=dark] .code-display .success-header h4{color:#f8fafc}html[data-theme=dark] .code-display .code-section .code-label,html[data-theme=dark] .code-display .success-header p{color:#cbd5e1}html[data-theme=dark] .code-display .code-section .code-container .code-value{background:#334155;border-color:#475569;color:#f8fafc}html[data-theme=dark] .code-display .code-section .code-container .copy-btn{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 4px 12px #818cf84d}html[data-theme=dark] .code-display .code-section .code-container .copy-btn:hover{box-shadow:0 6px 20px #818cf866}html[data-theme=dark] .code-display .code-info{background:#334155;border-color:#475569}html[data-theme=dark] .code-display .code-info .info-item:not(:last-child){border-bottom-color:#475569}html[data-theme=dark] .code-display .code-info .info-item .info-label{color:#cbd5e1}html[data-theme=dark] .code-display .code-info .info-item .info-value{color:#f8fafc}html[data-theme=dark] .code-display .warning-message{background:#78350f;border-color:#f59e0b;color:#fbbf24}html[data-theme=dark] .code-display .warning-message p{color:#fbbf24}html[data-theme=dark] .error-message{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}.bulk-student-category-modal-overlay{align-items:center;animation:bulkModalFadeIn .2s ease-out;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}@keyframes bulkModalFadeIn{0%{opacity:0}to{opacity:1}}.bulk-student-category-modal{animation:bulkModalSlideIn .25s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow-x:hidden;width:100%}.bulk-student-category-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.bulk-student-category-modal .modal-header .header-title{align-items:center;display:flex;gap:10px}.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;font-size:18px;font-weight:600;margin:0}.bulk-student-category-modal .modal-header .close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:color .2s,background .2s}.bulk-student-category-modal .modal-header .close-btn:hover{background:#f3f4f6;color:#1f2937}.bulk-student-category-modal .modal-description{color:#6b7280;font-size:13px;line-height:1.45;margin:0;padding:12px 20px 0}.bulk-student-category-modal .modal-search{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;margin:12px 20px 0;padding:10px 14px}.bulk-student-category-modal .modal-search .search-icon{color:#9ca3af;flex-shrink:0}.bulk-student-category-modal .modal-search .search-input{background:#0000;border:none;color:#1f2937;flex:1 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{display:flex;flex-direction:column;gap:6px;padding:12px 20px 0}.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{-webkit-appearance:none;appearance:none;background:#fff;background-position:right 12px center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 40px 10px 14px;width:100%}.bulk-student-category-modal .category-select-row .category-select:focus{border-color:#6366f1;outline:none}.bulk-student-category-modal .student-list-wrapper{display:flex;flex:1 1;flex-direction:column;margin-top:12px;max-height:280px;min-height:120px;overflow:hidden;padding:0 20px}.bulk-student-category-modal .list-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:8px 0}.bulk-student-category-modal .list-header .select-all-btn{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:4px 0;transition:color .2s}.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 1;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:8px 0}.bulk-student-category-modal .student-list .list-empty{color:#9ca3af;font-size:14px;padding:24px 0;text-align:center}.bulk-student-category-modal .student-list .student-row{align-items:center;border-bottom:1px solid #f3f4f6;border-radius:6px;cursor:pointer;display:flex;gap:12px;margin:0 -4px;padding:10px 4px;transition:background .15s ease}.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{align-items:center;display:flex;flex-shrink:0;justify-content:center}.bulk-student-category-modal .student-list .student-row .row-check .check-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.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:0 0 auto;font-size:14px;font-weight:500;min-width:72px}.bulk-student-category-modal .student-list .student-row .row-email{color:#6b7280;flex:1 1;font-size:13px;min-width:0;overflow-wrap:break-word;overflow-x:hidden;word-break:break-all}.bulk-student-category-modal .modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;margin:8px 20px 0;padding:10px 12px}.bulk-student-category-modal .modal-actions{border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 20px}.bulk-student-category-modal .modal-actions .btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;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{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:background .2s,opacity .2s}.bulk-student-category-modal .modal-actions .btn-submit:hover:not(:disabled){background:#4f46e5}.bulk-student-category-modal .modal-actions .btn-submit:disabled{cursor:not-allowed;opacity:.6}.bulk-student-category-modal .modal-actions .btn-submit .spin{animation:spin .8s linear infinite}@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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#dc262626;border-color:#f87171;color:#fca5a5}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#dc262626;border-color:#f87171;color:#fca5a5}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2100}.register-student-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow-y:auto;padding:24px;width:min(560px,100%)}.register-student-modal.success-step{width:min(420px,100%)}.register-student-modal .modal-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:20px}.register-student-modal .modal-header .header-icon{align-items:center;background:#d1fae5;border-radius:10px;color:#059669;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.register-student-modal .modal-header h3{color:#1f2937;font-size:18px;margin:0 0 4px}.register-student-modal .modal-header p{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.register-student-modal .modal-header .close-btn{background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;margin-left:auto;padding:8px}.register-student-modal .success-message{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;font-size:14px;margin:0 0 20px;padding:12px 16px}.register-student-modal .register-student-form{display:flex;flex-direction:column;gap:16px}.register-student-modal .form-section{border:1px solid #e5e7eb;border-radius:10px;margin:0;padding:16px}.register-student-modal .form-section legend{color:#374151;font-size:14px;font-weight:600;padding:0 6px}.register-student-modal .form-section.parent-section{background:#f8fafc}.register-student-modal .form-section label{color:#374151;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px}.register-student-modal .form-section label .required{color:#ef4444;margin-left:2px}.register-student-modal .form-section .datepicker-input,.register-student-modal .form-section .form-select,.register-student-modal .form-section input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:14px;font-weight:400;padding:10px 12px;width:100%}.register-student-modal .form-section .form-select{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:linear-gradient(135deg,#0000 50%,var(--text-muted) 50%),linear-gradient(225deg,#0000 50%,var(--text-muted) 50%);background-position:calc(100% - 17px) calc(50% - .6px),calc(100% - 12px) calc(50% - .6px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:36px}.register-student-modal .form-section .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.register-student-modal .parent-toggle-row .toggle-label{align-items:center;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px}.register-student-modal .parent-toggle-row .toggle-label input{accent-color:#10b981;height:16px;width:16px}.register-student-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:4px}.register-student-modal .modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px}.register-student-modal .modal-actions .cancel-btn{background:#f3f4f6;color:#374151}.register-student-modal .modal-actions .submit-btn{background:#10b981;color:#fff}.register-student-modal .modal-actions .submit-btn:disabled{cursor:not-allowed;opacity:.6}@media(max-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{background:#334155;color:#e2e8f0}html:not([data-theme=light]) .register-student-modal .form-section{border-color:#334155}html:not([data-theme=light]) .register-student-modal .form-section label,html:not([data-theme=light]) .register-student-modal .form-section legend{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 .datepicker-input,html:not([data-theme=light]) .register-student-modal .form-section .form-select,html:not([data-theme=light]) .register-student-modal .form-section input{background:#334155;border-color:#475569;color:#f1f5f9}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{background:#334155;color:#e2e8f0}}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{background:#334155;color:#e2e8f0}html[data-theme=dark] .register-student-modal .form-section{border-color:#334155}html[data-theme=dark] .register-student-modal .form-section label,html[data-theme=dark] .register-student-modal .form-section legend{color:#e2e8f0}html[data-theme=dark] .register-student-modal .form-section.parent-section{background:#0f172a}html[data-theme=dark] .register-student-modal .form-section .datepicker-input,html[data-theme=dark] .register-student-modal .form-section .form-select,html[data-theme=dark] .register-student-modal .form-section input{background:#334155;border-color:#475569;color:#f1f5f9}html[data-theme=dark] .register-student-modal .parent-toggle-row .toggle-label{color:#e2e8f0}html[data-theme=dark] .register-student-modal .cancel-btn{background:#334155;color:#e2e8f0}.admin-student-management-page{background:#f8fafc;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px}.admin-student-management-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;flex-shrink:0;padding:24px}.admin-student-management-page .page-header .header-content{align-items:center;display:flex;justify-content:space-between}.admin-student-management-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.admin-student-management-page .page-header .header-content .header-title .header-icon{color:#10b981}.admin-student-management-page .page-header .header-content .header-title h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.admin-student-management-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.admin-student-management-page .page-header .header-content .header-actions{display:flex;gap:12px}.admin-student-management-page .page-header .header-content .header-actions .bulk-category-btn{align-items:center;background:#6366f1;border:none;border-radius:8px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.admin-student-management-page .page-header .header-content .header-actions .bulk-category-btn:hover{background:#4f46e5;box-shadow:0 4px 16px #6366f166;transform:translateY(-2px)}.admin-student-management-page .page-header .header-content .header-actions .bulk-category-btn svg{height:18px;width:18px}.admin-student-management-page .page-header .header-content .header-actions .join-code-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.admin-student-management-page .page-header .header-content .header-actions .join-code-btn:hover{box-shadow:0 4px 16px #667eea66;transform:translateY(-2px)}.admin-student-management-page .page-header .header-content .header-actions .join-code-btn svg{height:18px;width:18px}.admin-student-management-page .page-header .header-content .header-actions .register-student-btn{align-items:center;background:#10b981;border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.admin-student-management-page .page-header .header-content .header-actions .register-student-btn:hover{background:#059669;box-shadow:0 4px 16px #10b98166;transform:translateY(-2px)}.admin-student-management-page .page-header .header-content .header-actions .register-student-btn svg{height:18px;width:18px}.admin-student-management-page .student-management-toast{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;bottom:24px;box-shadow:0 8px 24px #0000001f;color:#065f46;padding:12px 16px;position:fixed;right:24px;z-index:2200}.admin-student-management-page .student-management-toast.is-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.admin-student-management-page .account-usage-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;flex-shrink:0;padding:24px}.admin-student-management-page .account-usage-container .usage-card{align-items:center;display:flex;gap:24px;justify-content:space-around}.admin-student-management-page .account-usage-container .usage-card .usage-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.admin-student-management-page .account-usage-container .usage-card .usage-item .usage-label{color:#6b7280;font-size:14px;font-weight:500;text-align:center}.admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value{border-radius:8px;font-size:24px;font-weight:700;min-width:60px;padding:8px 16px;text-align:center;transition:all .2s ease}.admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.quota{background:#f3f4f6;border:2px solid #d1d5db;color:#374151}.admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.used{background:#fef3c7;border:2px solid #f59e0b;color:#92400e}.admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.remaining{background:#d1fae5;border:2px solid #10b981;color:#065f46}.admin-student-management-page .add-student-form-container{flex-shrink:0}.admin-student-management-page .search-filter-container{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;padding:20px 24px}.admin-student-management-page .search-filter-container .search-bar{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;flex:1 1;font-size:14px;min-width:200px;padding:12px 16px;transition:all .2s ease}.admin-student-management-page .search-filter-container .search-bar:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-student-management-page .search-filter-container .search-bar::placeholder{color:#9ca3af}.admin-student-management-page .search-filter-container .category-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;min-width:160px;padding:12px 16px}.admin-student-management-page .search-filter-container .category-filter-select:focus{border-color:#3b82f6;outline:none}.admin-student-management-page .search-filter-container .export-csv-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-left:auto;padding:12px 16px;transition:all .2s ease}.admin-student-management-page .search-filter-container .export-csv-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#111827}.admin-student-management-page .search-filter-container .export-csv-btn:disabled{cursor:not-allowed;opacity:.5}.admin-student-management-page .student-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;flex:1 1;overflow:hidden;padding:24px}.admin-student-management-page .student-list-container .admin-table{background:#0000;border:none;box-shadow:none;margin:0;padding:0}.admin-student-management-page .student-list-container .admin-table h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.admin-student-management-page .student-list-container .admin-table .table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.admin-student-management-page .student-list-container .admin-table .styled-table tbody tr.clickable-row{cursor:pointer;transition:background-color .2s ease}.admin-student-management-page .student-list-container .admin-table .styled-table tbody tr.clickable-row:hover{background-color:#eff6ff}.admin-student-management-page .student-list-container .admin-table .styled-table tbody tr.clickable-row:active{background-color:#dbeafe}.admin-student-management-page .student-list-container .admin-table .styled-table tbody tr.clickable-row:focus-visible{outline:2px solid #6366f1;outline-offset:-2px}.admin-student-management-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.admin-student-management-page .loading-container p{color:#6b7280;font-size:16px;margin:0}.student-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;margin-top:20px;overflow:hidden;width:100%}.student-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.student-table thead th{border-right:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:16px 12px;text-align:left}.student-table thead th:last-child{border-right:none}.student-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.student-table tbody tr:hover{background:#f9fafb}.student-table tbody tr:last-child{border-bottom:none}.student-table tbody tr td{border-right:1px solid #e5e7eb;color:#374151;font-size:14px;padding:16px 12px;text-align:left}.student-table tbody tr td:last-child{border-right:none}.student-edit-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.student-edit-modal .modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.student-edit-modal .modal-content button{margin-top:16px;width:100%}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .admin-student-management-page{background:#1a1a2e}html:not([data-theme=light]) .admin-student-management-page .page-header{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-student-management-page .page-header .header-content .header-title .header-icon{color:#68d391}html:not([data-theme=light]) .admin-student-management-page .page-header .header-content .header-title h1{color:#f1f5f9}html:not([data-theme=light]) .admin-student-management-page .page-header .header-content .header-title .header-description{color:#a0aec0}html:not([data-theme=light]) .admin-student-management-page .account-usage-container{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-student-management-page .account-usage-container .usage-card .usage-item .usage-label{color:#a0aec0}html:not([data-theme=light]) .admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.quota{background:#4a5568;border-color:#718096;color:#e2e8f0}html:not([data-theme=light]) .admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.used{background:#744210;border-color:#f59e0b;color:#fbbf24}html:not([data-theme=light]) .admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.remaining{background:#064e3b;border-color:#10b981;color:#6ee7b7}html:not([data-theme=light]) .admin-student-management-page .search-filter-container{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-student-management-page .search-filter-container .search-bar{background:#4a5568;border-color:#718096;color:#f1f5f9}html:not([data-theme=light]) .admin-student-management-page .search-filter-container .search-bar:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html:not([data-theme=light]) .admin-student-management-page .search-filter-container .search-bar::placeholder{color:#a0aec0}html:not([data-theme=light]) .admin-student-management-page .search-filter-container .category-filter-select{background:#4a5568;border-color:#718096;color:#e2e8f0}html:not([data-theme=light]) .admin-student-management-page .search-filter-container .category-filter-select:focus{border-color:#68d391}html:not([data-theme=light]) .admin-student-management-page .student-list-container{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-student-management-page .student-list-container .admin-table h3{border-bottom-color:#4a5568;color:#f1f5f9}html:not([data-theme=light]) .admin-student-management-page .student-list-container .admin-table .table-wrapper{border-color:#4a5568}html:not([data-theme=light]) .admin-student-management-page .student-list-container .admin-table .styled-table tbody tr.clickable-row:hover{background-color:#6366f126}html:not([data-theme=light]) .admin-student-management-page .student-list-container .admin-table .styled-table tbody tr.clickable-row:active{background-color:#6366f140}html:not([data-theme=light]) .admin-student-management-page .student-list-container .admin-table .styled-table tbody tr.clickable-row:focus-visible{outline-color:#818cf8}html:not([data-theme=light]) .admin-student-management-page .loading-container p{color:#a0aec0}html:not([data-theme=light]) .student-table{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-table thead{background:#4a5568;border-bottom-color:#718096}html:not([data-theme=light]) .student-table thead th{border-right-color:#718096;color:#e2e8f0}html:not([data-theme=light]) .student-table tbody tr{border-bottom-color:#4a5568}html:not([data-theme=light]) .student-table tbody tr:hover{background:#4a5568}html:not([data-theme=light]) .student-table tbody tr td{border-right-color:#4a5568;color:#e2e8f0}html:not([data-theme=light]) .student-edit-modal .modal-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-management .search-bar{background:#4a5568;border-color:#718096;color:#f1f5f9}html:not([data-theme=light]) .student-management .search-bar:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html:not([data-theme=light]) .student-management .search-bar::placeholder{color:#a0aec0}html:not([data-theme=light]) .student-management input,html:not([data-theme=light]) .student-management select{background:#4a5568;border-color:#718096;color:#f1f5f9}html:not([data-theme=light]) .student-management input:focus,html:not([data-theme=light]) .student-management select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html:not([data-theme=light]) .student-management input::placeholder,html:not([data-theme=light]) .student-management select::placeholder{color:#a0aec0}html:not([data-theme=light]) .student-management .people-list .people-list-search input{background:#0000;border:none;box-shadow:none;height:100%;padding:0}html:not([data-theme=light]) .student-management .people-list .people-list-search input:focus{border:none;box-shadow:none}html:not([data-theme=light]) .student-management .student-table{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .student-management .student-table th{background-color:#4a5568;border-color:#718096;color:#e2e8f0}html:not([data-theme=light]) .student-management .student-table td{border-color:#4a5568;color:#e2e8f0}html:not([data-theme=light]) .student-management .student-table tbody tr:hover{background-color:#4a5568}html:not([data-theme=light]) .student-management .student-edit-modal .modal-content{background:#2d3748;border-color:#4a5568}}html[data-theme=dark] .admin-student-management-page{background:#1a1a2e}html[data-theme=dark] .admin-student-management-page .page-header{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-student-management-page .page-header .header-content .header-title .header-icon{color:#68d391}html[data-theme=dark] .admin-student-management-page .page-header .header-content .header-title h1{color:#f1f5f9}html[data-theme=dark] .admin-student-management-page .page-header .header-content .header-title .header-description{color:#a0aec0}html[data-theme=dark] .admin-student-management-page .account-usage-container{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-student-management-page .account-usage-container .usage-card .usage-item .usage-label{color:#a0aec0}html[data-theme=dark] .admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.quota{background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-student-management-page .search-filter-container{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-student-management-page .search-filter-container .search-bar{background:#4a5568;border-color:#718096;color:#f1f5f9}html[data-theme=dark] .admin-student-management-page .search-filter-container .search-bar:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html[data-theme=dark] .admin-student-management-page .search-filter-container .search-bar::placeholder{color:#a0aec0}html[data-theme=dark] .admin-student-management-page .search-filter-container .category-filter-select{background:#4a5568;border-color:#718096;color:#e2e8f0}html[data-theme=dark] .admin-student-management-page .search-filter-container .category-filter-select:focus{border-color:#68d391}html[data-theme=dark] .admin-student-management-page .student-list-container{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-student-management-page .student-list-container .admin-table h3{border-bottom-color:#4a5568;color:#f1f5f9}html[data-theme=dark] .admin-student-management-page .student-list-container .admin-table .table-wrapper{border-color:#4a5568}html[data-theme=dark] .admin-student-management-page .student-list-container .admin-table .styled-table tbody tr.clickable-row:hover{background-color:#6366f126}html[data-theme=dark] .admin-student-management-page .student-list-container .admin-table .styled-table tbody tr.clickable-row:active{background-color:#6366f140}html[data-theme=dark] .admin-student-management-page .student-list-container .admin-table .styled-table tbody tr.clickable-row:focus-visible{outline-color:#818cf8}html[data-theme=dark] .admin-student-management-page .loading-container p{color:#a0aec0}html[data-theme=dark] .student-table{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-table thead{background:#4a5568;border-bottom-color:#718096}html[data-theme=dark] .student-table thead th{border-right-color:#718096}html[data-theme=dark] .student-table tbody tr{border-bottom-color:#4a5568}html[data-theme=dark] .student-table tbody tr:hover{background:#4a5568}html[data-theme=dark] .student-table tbody tr td{border-right-color:#4a5568}html[data-theme=dark] .student-edit-modal .modal-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-management .search-bar{background:#4a5568;border-color:#718096;color:#f1f5f9}html[data-theme=dark] .student-management .search-bar:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html[data-theme=dark] .student-management .search-bar::placeholder{color:#a0aec0}html[data-theme=dark] .student-management input,html[data-theme=dark] .student-management select{background:#4a5568;border-color:#718096;color:#f1f5f9}html[data-theme=dark] .student-management input:focus,html[data-theme=dark] .student-management select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html[data-theme=dark] .student-management input::placeholder,html[data-theme=dark] .student-management select::placeholder{color:#a0aec0}html[data-theme=dark] .student-management .people-list .people-list-search input{background:#0000;border:none;box-shadow:none;height:100%;padding:0}html[data-theme=dark] .student-management .people-list .people-list-search input:focus{border:none;box-shadow:none}html[data-theme=dark] .student-management .student-table{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .student-management .student-table th{background-color:#4a5568;border-color:#718096;color:#e2e8f0}html[data-theme=dark] .student-management .student-table td{border-color:#4a5568;color:#e2e8f0}html[data-theme=dark] .student-management .student-table tbody tr:hover{background-color:#4a5568}html[data-theme=dark] .student-management .student-edit-modal .modal-content{background:#2d3748;border-color:#4a5568}@media(max-width:768px){.admin-student-management-page{gap:16px;padding:16px}.admin-student-management-page .page-header{padding:16px}.admin-student-management-page .page-header .header-content{align-items:stretch;flex-direction:column;gap:16px}.admin-student-management-page .page-header .header-content .header-title{text-align:center}.admin-student-management-page .page-header .header-content .header-title h1{font-size:20px}.admin-student-management-page .search-filter-container,.admin-student-management-page .student-list-container{padding:16px}.student-table{font-size:12px}.student-table tbody td,.student-table thead th{padding:12px 8px}.student-edit-modal .modal-content{margin:16px;padding:16px;width:95%}}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .admin-student-management-page{background:#1e293b}html:not([data-theme=light]) .admin-student-management-page .page-header{background:#334155;border-color:#475569}html:not([data-theme=light]) .admin-student-management-page .page-header .header-content .header-title .header-icon{color:#10b981}html:not([data-theme=light]) .admin-student-management-page .page-header .header-content .header-title h1{color:#f8fafc}html:not([data-theme=light]) .admin-student-management-page .page-header .header-content .header-title .header-description{color:#cbd5e1}html:not([data-theme=light]) .admin-student-management-page .page-header .header-content .header-actions .join-code-btn{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 2px 8px #818cf84d}html:not([data-theme=light]) .admin-student-management-page .page-header .header-content .header-actions .join-code-btn:hover{box-shadow:0 4px 16px #818cf866}html:not([data-theme=light]) .admin-student-management-page .account-usage-container{background:#334155;border-color:#475569}html:not([data-theme=light]) .admin-student-management-page .account-usage-container .usage-card .usage-item .usage-label{color:#cbd5e1}html:not([data-theme=light]) .admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.quota{background:#475569;border-color:#64748b;color:#e2e8f0}html:not([data-theme=light]) .admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.used{background:#744210;border-color:#f59e0b;color:#fbbf24}html:not([data-theme=light]) .admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.remaining{background:#064e3b;border-color:#10b981;color:#6ee7b7}html:not([data-theme=light]) .admin-student-management-page .search-filter-container{background:#334155;border-color:#475569}html:not([data-theme=light]) .admin-student-management-page .search-filter-container .search-bar{background:#334155;border-color:#475569;color:#f8fafc}html:not([data-theme=light]) .admin-student-management-page .search-filter-container .search-bar:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}html:not([data-theme=light]) .admin-student-management-page .search-filter-container .search-bar::placeholder{color:#94a3b8}html:not([data-theme=light]) .admin-student-management-page .student-list-container{background:#334155;border-color:#475569}html:not([data-theme=light]) .admin-student-management-page .student-list-container .admin-table h3{border-bottom-color:#475569;color:#f8fafc}html:not([data-theme=light]) .admin-student-management-page .student-list-container .admin-table .table-wrapper{border-color:#475569}html:not([data-theme=light]) .admin-student-management-page .loading-container p{color:#cbd5e1}html:not([data-theme=light]) .student-table{background:#334155;border-color:#475569}html:not([data-theme=light]) .student-table thead{background:#475569;border-bottom-color:#64748b}html:not([data-theme=light]) .student-table thead th{border-right-color:#64748b;color:#e2e8f0}html:not([data-theme=light]) .student-table tbody tr{border-bottom-color:#475569}html:not([data-theme=light]) .student-table tbody tr:hover{background:#475569}html:not([data-theme=light]) .student-table tbody tr td{border-right-color:#475569;color:#e2e8f0}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]) .student-edit-modal .modal-content{background:#334155;border-color:#475569}}html[data-theme=dark] .admin-student-management-page{background:#1e293b}html[data-theme=dark] .admin-student-management-page .page-header{background:#334155;border-color:#475569}html[data-theme=dark] .admin-student-management-page .page-header .header-content .header-title .header-icon{color:#10b981}html[data-theme=dark] .admin-student-management-page .page-header .header-content .header-title h1{color:#f8fafc}html[data-theme=dark] .admin-student-management-page .page-header .header-content .header-title .header-description{color:#cbd5e1}html[data-theme=dark] .admin-student-management-page .page-header .header-content .header-actions .join-code-btn{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 2px 8px #818cf84d}html[data-theme=dark] .admin-student-management-page .page-header .header-content .header-actions .join-code-btn:hover{box-shadow:0 4px 16px #818cf866}html[data-theme=dark] .admin-student-management-page .account-usage-container{background:#334155;border-color:#475569}html[data-theme=dark] .admin-student-management-page .account-usage-container .usage-card .usage-item .usage-label{color:#cbd5e1}html[data-theme=dark] .admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.quota{background:#475569;border-color:#64748b;color:#e2e8f0}html[data-theme=dark] .admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.used{background:#744210;border-color:#f59e0b;color:#fbbf24}html[data-theme=dark] .admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.remaining{background:#064e3b;border-color:#10b981;color:#6ee7b7}html[data-theme=dark] .admin-student-management-page .search-filter-container{background:#334155;border-color:#475569}html[data-theme=dark] .admin-student-management-page .search-filter-container .search-bar{background:#334155;border-color:#475569;color:#f8fafc}html[data-theme=dark] .admin-student-management-page .search-filter-container .search-bar:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}html[data-theme=dark] .admin-student-management-page .search-filter-container .search-bar::placeholder{color:#94a3b8}html[data-theme=dark] .admin-student-management-page .student-list-container{background:#334155;border-color:#475569}html[data-theme=dark] .admin-student-management-page .student-list-container .admin-table h3{border-bottom-color:#475569;color:#f8fafc}html[data-theme=dark] .admin-student-management-page .student-list-container .admin-table .table-wrapper{border-color:#475569}html[data-theme=dark] .admin-student-management-page .loading-container p{color:#cbd5e1}html[data-theme=dark] .student-table{background:#334155;border-color:#475569}html[data-theme=dark] .student-table thead{background:#475569;border-bottom-color:#64748b}html[data-theme=dark] .student-table thead th{border-right-color:#64748b;color:#e2e8f0}html[data-theme=dark] .student-table tbody tr{border-bottom-color:#475569}html[data-theme=dark] .student-table tbody tr:hover{background:#475569}html[data-theme=dark] .student-table tbody tr td{border-right-color:#475569;color:#e2e8f0}html[data-theme=dark] .student-edit-modal .modal-content{background:#334155;border-color:#475569}.edit-student-form{animation:formSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;gap:16px;margin:20px auto;max-width:400px;padding:24px;width:100%}.edit-student-form h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px;padding-bottom:12px;text-align:center}.edit-student-form label{color:#374151;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:6px;margin-bottom:4px}.edit-student-form input,.edit-student-form select{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.edit-student-form input:focus,.edit-student-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-student-form input::placeholder,.edit-student-form select::placeholder{color:#9ca3af}.edit-student-form select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(135deg,#0000 50%,var(--text-muted) 50%),linear-gradient(225deg,#0000 50%,var(--text-muted) 50%);background-position:calc(100% - 17px) calc(50% - .6px),calc(100% - 12px) calc(50% - .6px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;cursor:pointer;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;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.edit-student-form .button-group button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.edit-student-form .button-group button.save{background:#3b82f6;color:#fff}.edit-student-form .button-group button.save:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.edit-student-form .button-group button.save:active{transform:translateY(0)}.edit-student-form .button-group button.cancel{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.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{border-bottom-color:#4a5568;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#2d3748;color:#f1f5f9}html:not([data-theme=light]) .edit-student-form select option[value=""],html:not([data-theme=light]) .edit-student-form select.select-placeholder{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{background:#4a5568;border-color:#718096;color:#e2e8f0}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{border-bottom-color:#4a5568;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#2d3748;color:#f1f5f9}html[data-theme=dark] .edit-student-form select option[value=""],html[data-theme=dark] .edit-student-form select.select-placeholder{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{background:#4a5568;border-color:#718096;color:#e2e8f0}html[data-theme=dark] .edit-student-form .button-group button.cancel:hover{background:#718096}@media(max-width:768px){.edit-student-form{margin:16px;max-width:none;padding:20px;width:calc(100vw - 32px)}.edit-student-form h3{font-size:16px}.edit-student-form input,.edit-student-form select{font-size:14px;padding:10px 12px}.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{padding:12px;width:100%}}.admin-table{display:flex;flex-direction:column;width:100%}.admin-table .schedule-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.admin-table .schedule-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.admin-table .schedule-header .schedule-close-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:36px;justify-content:center;padding:8px 12px;transition:all .2s ease;width:36px}.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;box-shadow:0 1px 3px 0 #0000001a;overflow-x:auto;width:100%}.admin-table .styled-table{background:#fff;border-collapse:collapse;width:100%}.admin-table .styled-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.admin-table .styled-table thead th{border-right:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:16px 12px;text-align:center;white-space:nowrap}.admin-table .styled-table thead th:last-child{border-right:none}.admin-table .styled-table thead th input[type=checkbox]{cursor:pointer;height:16px;width:16px}.admin-table .styled-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.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{border-right:1px solid #e5e7eb;color:#374151;font-size:14px;padding:16px 12px;text-align:center}.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{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;display:inline-block;font-size:14px;font-weight:500;min-width:80px;padding:8px 12px;text-align:center}.admin-table .duration-badge{background:#dbeafe;border-radius:4px;color:#1e40af;display:inline-block;font-size:12px;font-weight:600;margin-right:4px;padding:4px 8px}.admin-table .status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-align:center}.admin-table .status-badge.enabled{background:#d1fae5;border:1px solid #10b981;color:#065f46}.admin-table .status-badge.disabled{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.admin-table .btn-wrapper{align-items:center;display:flex;gap:8px;justify-content:center}.admin-table .btn-wrapper button.edit-btn{font-size:13px;min-width:80px}.admin-table .policy-more-wrap{position:relative}.admin-table .policy-more-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}.admin-table .policy-more-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.admin-table .policy-more-item:hover{background:#f3f4f6}.admin-table .policy-more-item.policy-more-item-danger{border-top:1px solid #e5e7eb;color:#dc2626}.admin-table .policy-more-item.policy-more-item-danger:hover{background:#fef2f2}.admin-table button{align-items:center;border:1px solid;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s ease}.admin-table button:disabled{cursor:not-allowed;opacity:.5}.admin-table button.edit-btn{background:#f8fafc;border-color:#3b82f6;color:#2563eb}.admin-table button.edit-btn:hover:not(:disabled){background:#f8fafc;border-color:#1d4ed8;box-shadow:0 2px 4px #2563eb1a;color:#1e40af;transform:translateY(-1px)}.admin-table button.close-btn{background:#f8fafc;border-color:#f59e0b;color:#d97706}.admin-table button.close-btn:hover:not(:disabled){background:#f8fafc;border-color:#b45309;box-shadow:0 2px 4px #d977061a;color:#92400e;transform:translateY(-1px)}.admin-table button.delete-btn{background:#f8fafc;border-color:#ef4444;color:#dc2626}.admin-table button.delete-btn:hover:not(:disabled){background:#f8fafc;border-color:#b91c1c;box-shadow:0 2px 4px #dc26261a;color:#991b1b;transform:translateY(-1px)}.admin-table button.deactivate-btn{background:#f8fafc;border-color:#64748b;color:#475569}.admin-table button.deactivate-btn:hover:not(:disabled){background:#f1f5f9;border-color:#475569;box-shadow:0 2px 4px #4755691a;color:#334155;transform:translateY(-1px)}.admin-table button.more-btn{background:#f8fafc;border-color:#d1d5db;color:#6b7280;min-width:36px;padding:6px 8px}.admin-table button.more-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#374151}.admin-table button.reset-password-btn{background:#f8fafc;border-color:#e2e8f0;color:#2563eb}.admin-table button.reset-password-btn:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe;box-shadow:0 2px 4px #2563eb1a;color:#1d4ed8;transform:translateY(-1px)}.admin-table button.save{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.admin-table button.save:hover:not(:disabled){background:#dcfce7;border-color:#86efac;box-shadow:0 2px 4px #22c55e1a;color:#15803d;transform:translateY(-1px)}.admin-table button.cancel{background:#f8fafc;border-color:#e2e8f0;color:#6b7280}.admin-table button.cancel:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;color:#4b5563;transform:translateY(-1px)}.admin-table .add-btn{align-items:center;align-self:flex-end;background:#3b82f6;border:1px solid #3b82f6;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:20px;padding:12px 24px;transition:all .2s ease}.admin-table .add-btn:hover{background:#2563eb;border-color:#1d4ed8;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.admin-table .add-btn:active{box-shadow:0 2px 4px #3b82f633;transform:translateY(0)}.admin-table .add-btn:disabled{background:#9ca3af;border-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.admin-table .bulk-update{align-items:flex-end;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 18px #0f172a14;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-top:20px;padding:18px 24px}.admin-table .bulk-update .bulk-section{display:flex;flex-direction:column;gap:6px;width:220px}.admin-table .bulk-update .bulk-section label{color:#0f172a;font-size:13px;font-weight:600;letter-spacing:-.01em}.admin-table .bulk-update .bulk-section .validation-message{background:#f871712e;border:1px solid #f8717159;border-radius:10px;color:#b91c1c;font-size:12px;font-weight:500;margin-top:6px;padding:8px 12px;text-align:center}.admin-table .bulk-update .bulk-section .timepicker-input,.admin-table .bulk-update .bulk-section select{background:#fff;border:1px solid #d0d7e2;border-radius:10px;box-shadow:inset 0 2px 5px #0f172a0f;color:#0f172a;font-size:14px;font-weight:500;height:44px;padding:10px 14px;width:100%}.admin-table .bulk-update .bulk-section .timepicker-input:focus,.admin-table .bulk-update .bulk-section select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e;outline:none}.admin-table .bulk-update .bulk-section .timepicker-input{background:#eef2ff;text-align:center}.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;height:20px!important;padding:0!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:30px!important}.admin-table .bulk-update .bulk-section .react-datepicker__close-icon:after{background:#0000;color:#2563eb;font-size:12px;line-height:20px}.admin-table .bulk-update button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #0000;border-radius:10px;box-shadow:0 10px 22px #2563eb42;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:44px;padding:0 28px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.admin-table .bulk-update button:hover:not(:disabled){box-shadow:0 14px 28px #2563eb57;transform:translateY(-1px)}.admin-table .bulk-update button:disabled{background:#cbd5f5;box-shadow:none;color:#64748b;cursor:not-allowed}.admin-table .bulk-update button.bulk-action{width:220px}.admin-table .selected-count{color:#6b7280;font-size:14px;font-weight:500;margin-top:12px;text-align:right}.admin-table .inline-edit-row{background:#f8fafc;border:2px solid #3b82f6}.admin-table .inline-edit-row td{padding:12px}.admin-table .inline-edit-row .datepicker-input,.admin-table .inline-edit-row .timepicker-input,.admin-table .inline-edit-row input,.admin-table .inline-edit-row select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.admin-table .inline-edit-row .datepicker-input:focus,.admin-table .inline-edit-row .timepicker-input:focus,.admin-table .inline-edit-row input:focus,.admin-table .inline-edit-row select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-table .inline-edit-row .button-group{display:flex;gap:8px;justify-content:center}.admin-table .inline-edit-row .button-group button{align-items:center;border:1px solid;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.admin-table .inline-edit-row .button-group button.save{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.admin-table .inline-edit-row .button-group button.save:hover{background:#dcfce7;border-color:#86efac;box-shadow:0 2px 4px #22c55e1a;color:#15803d;transform:translateY(-1px)}.admin-table .inline-edit-row .button-group button.cancel{background:#f8fafc;border-color:#e2e8f0;color:#6b7280}.admin-table .inline-edit-row .button-group button.cancel:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;color:#4b5563;transform:translateY(-1px)}@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{background:#4a5568;border-color:#718096;color:#e2e8f0}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{border-right-color:#718096;color:#e2e8f0}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{border-right-color:#4a5568;color:#e2e8f0}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{background:#4a5568;border-color:#718096;color:#e2e8f0}html:not([data-theme=light]) .admin-table button{background:#4a5568;border-color:#718096;box-shadow:0 1px 2px #0003;color:#f7fafc}html:not([data-theme=light]) .admin-table button:hover{background:#718096;border-color:#a0aec0;box-shadow:0 2px 4px #00000040;transform:translateY(-1px)}html:not([data-theme=light]) .admin-table button.edit-btn{background:#4a5568;border-color:#60a5fa;color:#93c5fd}html:not([data-theme=light]) .admin-table button.edit-btn:hover{background:#4a5568;border-color:#93c5fd;color:#bfdbfe}html:not([data-theme=light]) .admin-table button.close-btn{background:#4a5568;border-color:#fbbf24;color:#fde047}html:not([data-theme=light]) .admin-table button.close-btn:hover{background:#4a5568;border-color:#fde047;color:#fef08a}html:not([data-theme=light]) .admin-table button.delete-btn{background:#4a5568;border-color:#f87171;color:#fca5a5}html:not([data-theme=light]) .admin-table button.delete-btn:hover{background:#4a5568;border-color:#fca5a5;color:#fecaca}html:not([data-theme=light]) .admin-table button.deactivate-btn{background:#4a5568;border-color:#94a3b8;color:#cbd5e1}html:not([data-theme=light]) .admin-table button.deactivate-btn:hover{background:#64748b;border-color:#cbd5e1;color:#e2e8f0}html:not([data-theme=light]) .admin-table button.reset-password-btn{background:#4a5568;border-color:#718096;color:#90cdf4}html:not([data-theme=light]) .admin-table button.reset-password-btn:hover{background:#718096;border-color:#a0aec0;color:#bee3f8}html:not([data-theme=light]) .admin-table button.save{background:#065f46;border-color:#10b981;color:#d1fae5}html:not([data-theme=light]) .admin-table button.save:hover{background:#047857;border-color:#059669;color:#ecfdf5}html:not([data-theme=light]) .admin-table button.cancel{background:#4a5568;border-color:#718096;color:#cbd5e0}html:not([data-theme=light]) .admin-table button.cancel:hover{background:#718096;border-color:#a0aec0;color:#e2e8f0}html:not([data-theme=light]) .admin-table .add-btn{background:#3b82f6;border-color:#3b82f6;color:#fff}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 .timepicker-input,html:not([data-theme=light]) .admin-table .bulk-update .bulk-section select{background:#0f172a;border-color:#39475b;box-shadow:inset 0 2px 5px #00000073;color:#f1f5f9}html:not([data-theme=light]) .admin-table .bulk-update .bulk-section .timepicker-input:focus,html:not([data-theme=light]) .admin-table .bulk-update .bulk-section select: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{background:#f871711f;border-color:#f8717152;color:#fecaca}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{background:#3f4a5c;box-shadow:none;color:#94a3b8}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 .datepicker-input,html:not([data-theme=light]) .admin-table .inline-edit-row .timepicker-input,html:not([data-theme=light]) .admin-table .inline-edit-row input,html:not([data-theme=light]) .admin-table .inline-edit-row select{background:#2d3748;border-color:#718096;color:#e2e8f0}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,html:not([data-theme=light]) .admin-table .inline-edit-row input:focus,html:not([data-theme=light]) .admin-table .inline-edit-row select: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{background:#065f46;border-color:#10b981;color:#d1fae5}html:not([data-theme=light]) .admin-table .inline-edit-row .button-group button.save:hover{background:#047857;border-color:#059669;box-shadow:0 2px 4px #10b98140;color:#ecfdf5;transform:translateY(-1px)}html:not([data-theme=light]) .admin-table .inline-edit-row .button-group button.cancel{background:#4a5568;border-color:#718096;color:#cbd5e0}html:not([data-theme=light]) .admin-table .inline-edit-row .button-group button.cancel:hover{background:#718096;border-color:#a0aec0;box-shadow:0 2px 4px #00000040;color:#e2e8f0;transform:translateY(-1px)}}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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{border-right-color:#718096;color:#e2e8f0}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{border-right-color:#4a5568;color:#e2e8f0}html[data-theme=dark] .admin-table .styled-table tbody tr td.no-data{color:#a0aec0}html[data-theme=dark] .admin-table .day-display{background:#4a5568;border-color:#718096;color:#e2e8f0}html[data-theme=dark] .admin-table button{background:#4a5568;border-color:#718096;box-shadow:0 1px 2px #0003;color:#f7fafc}html[data-theme=dark] .admin-table button:hover{background:#718096;border-color:#a0aec0;box-shadow:0 2px 4px #00000040;transform:translateY(-1px)}html[data-theme=dark] .admin-table button.edit-btn{background:#4a5568;border-color:#60a5fa;color:#93c5fd}html[data-theme=dark] .admin-table button.edit-btn:hover{background:#4a5568;border-color:#93c5fd;color:#bfdbfe}html[data-theme=dark] .admin-table button.close-btn{background:#4a5568;border-color:#fbbf24;color:#fde047}html[data-theme=dark] .admin-table button.close-btn:hover{background:#4a5568;border-color:#fde047;color:#fef08a}html[data-theme=dark] .admin-table button.delete-btn{background:#4a5568;border-color:#f87171;color:#fca5a5}html[data-theme=dark] .admin-table button.delete-btn:hover{background:#4a5568;border-color:#fca5a5;color:#fecaca}html[data-theme=dark] .admin-table button.deactivate-btn{background:#4a5568;border-color:#94a3b8;color:#cbd5e1}html[data-theme=dark] .admin-table button.deactivate-btn:hover{background:#64748b;border-color:#cbd5e1;color:#e2e8f0}html[data-theme=dark] .admin-table button.reset-password-btn{background:#4a5568;border-color:#718096;color:#90cdf4}html[data-theme=dark] .admin-table button.reset-password-btn:hover{background:#718096;border-color:#a0aec0;color:#bee3f8}html[data-theme=dark] .admin-table button.save{background:#065f46;border-color:#10b981;color:#d1fae5}html[data-theme=dark] .admin-table button.save:hover{background:#047857;border-color:#059669;color:#ecfdf5}html[data-theme=dark] .admin-table button.cancel{background:#4a5568;border-color:#718096;color:#cbd5e0}html[data-theme=dark] .admin-table button.cancel:hover{background:#718096;border-color:#a0aec0;color:#e2e8f0}html[data-theme=dark] .admin-table .add-btn{background:#3b82f6;border-color:#3b82f6;color:#fff}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 .timepicker-input,html[data-theme=dark] .admin-table .bulk-update .bulk-section select{background:#0f172a;border-color:#39475b;box-shadow:inset 0 2px 5px #00000073;color:#f1f5f9}html[data-theme=dark] .admin-table .bulk-update .bulk-section .timepicker-input:focus,html[data-theme=dark] .admin-table .bulk-update .bulk-section select: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{background:#f871711f;border-color:#f8717152;color:#fecaca}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{background:#3f4a5c;box-shadow:none;color:#94a3b8}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 .datepicker-input,html[data-theme=dark] .admin-table .inline-edit-row .timepicker-input,html[data-theme=dark] .admin-table .inline-edit-row input,html[data-theme=dark] .admin-table .inline-edit-row select{background:#2d3748;border-color:#718096;color:#e2e8f0}html[data-theme=dark] .admin-table .inline-edit-row .datepicker-input:focus,html[data-theme=dark] .admin-table .inline-edit-row .timepicker-input:focus,html[data-theme=dark] .admin-table .inline-edit-row input:focus,html[data-theme=dark] .admin-table .inline-edit-row select: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{background:#065f46;border-color:#10b981;color:#d1fae5}html[data-theme=dark] .admin-table .inline-edit-row .button-group button.save:hover{background:#047857;border-color:#059669;box-shadow:0 2px 4px #10b98140;color:#ecfdf5;transform:translateY(-1px)}html[data-theme=dark] .admin-table .inline-edit-row .button-group button.cancel{background:#4a5568;border-color:#718096;color:#cbd5e0}html[data-theme=dark] .admin-table .inline-edit-row .button-group button.cancel:hover{background:#718096;border-color:#a0aec0;box-shadow:0 2px 4px #00000040;color:#e2e8f0;transform:translateY(-1px)}@media(max-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 tbody td,.admin-table .styled-table thead th{font-size:12px;padding:12px 8px}.admin-table button{font-size:12px;min-width:70px;padding:6px 10px}.admin-table .bulk-update{align-items:stretch;flex-direction:column;gap:12px}.admin-table .bulk-update .bulk-section{min-width:auto;width:100%}.admin-table .bulk-update .bulk-section .timepicker-input,.admin-table .bulk-update .bulk-section select,.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{font-size:11px;min-width:60px;padding:4px 8px}.admin-table .day-display{font-size:12px;min-width:60px;padding:6px 8px}}.policy-more-menu-portal{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;min-width:160px;overflow:hidden;padding:6px 0;position:fixed;z-index:9999}.policy-more-menu-portal .policy-more-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 16px;text-align:left;transition:background .15s ease;width:100%}.policy-more-menu-portal .policy-more-item:hover{background:#f1f5f9;color:#1e293b}.policy-more-menu-portal .policy-more-item.policy-more-item-danger{border-top:1px solid #e2e8f0;color:#dc2626;margin-top:4px;padding-top:10px}.policy-more-menu-portal .policy-more-item.policy-more-item-danger:hover{background:#fef2f2;color:#b91c1c}@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{background:#4b5563;color:#f9fafb}html:not([data-theme=light]) .policy-more-menu-portal .policy-more-item.policy-more-item-danger{border-top-color:#4b5563;color:#f87171}html:not([data-theme=light]) .policy-more-menu-portal .policy-more-item.policy-more-item-danger:hover{background:#7f1d1d;color:#fca5a5}}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{background:#4b5563;color:#f9fafb}html[data-theme=dark] .policy-more-menu-portal .policy-more-item.policy-more-item-danger{border-top-color:#4b5563;color:#f87171}html[data-theme=dark] .policy-more-menu-portal .policy-more-item.policy-more-item-danger:hover{background:#7f1d1d;color:#fca5a5}.link-parent-modal-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2100}.link-parent-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow-y:auto;padding:24px;width:min(560px,100%)}.link-parent-modal .modal-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.link-parent-modal .modal-header .header-icon{align-items:center;background:#ede9fe;border-radius:10px;color:#7c3aed;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.link-parent-modal .modal-header h3{color:#1f2937;font-size:18px;margin:0 0 4px}.link-parent-modal .modal-header p{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.link-parent-modal .modal-header .close-btn{background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;margin-left:auto;padding:8px}.link-parent-modal .link-parent-tabs{background:#f3f4f6;border-radius:10px;display:flex;gap:8px;margin-bottom:16px;padding:4px}.link-parent-modal .link-parent-tabs .tab-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 12px;transition:background .2s ease,color .2s ease}.link-parent-modal .link-parent-tabs .tab-btn.active{background:#fff;box-shadow:0 1px 3px #00000014;color:#4f46e5}.link-parent-modal .link-parent-form{display:flex;flex-direction:column;gap:14px}.link-parent-modal .link-parent-form .tab-hint{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:13px;line-height:1.5;margin:0;padding:10px 12px}.link-parent-modal .link-parent-form label{color:#374151;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px}.link-parent-modal .link-parent-form label .required{color:#ef4444;margin-left:2px}.link-parent-modal .link-parent-form .form-select,.link-parent-modal .link-parent-form input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:14px;font-weight:400;padding:10px 12px;width:100%}.link-parent-modal .link-parent-form .form-select{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:linear-gradient(135deg,#0000 50%,var(--text-muted) 50%),linear-gradient(225deg,#0000 50%,var(--text-muted) 50%);background-position:calc(100% - 17px) calc(50% - .6px),calc(100% - 12px) calc(50% - .6px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:36px}.link-parent-modal .link-parent-form .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.link-parent-modal .link-parent-form .search-row{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;gap:8px;padding:0 12px}.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 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{color:#6b7280;font-size:14px;margin:0;padding:20px 16px;text-align:center}.link-parent-modal .link-parent-form .parent-picker-item{align-items:flex-start;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:background .15s ease}.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;margin-top:4px;width:auto}.link-parent-modal .link-parent-form .parent-picker-item .picker-item-body{flex:1 1;min-width:0}.link-parent-modal .link-parent-form .parent-picker-item .picker-item-body strong{color:#1f2937;display:block;font-size:14px;margin-bottom:4px}.link-parent-modal .link-parent-form .parent-picker-item .picker-item-body .picker-item-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:8px 12px}.link-parent-modal .link-parent-form .parent-picker-item .picker-item-body .picker-item-meta span{align-items:center;display:inline-flex;gap:4px}.link-parent-modal .link-parent-form .relationship-field{margin-top:4px}.link-parent-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:4px}.link-parent-modal .modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px}.link-parent-modal .modal-actions .cancel-btn{background:#f3f4f6;color:#374151}.link-parent-modal .modal-actions .submit-btn{background:#6366f1;color:#fff}.link-parent-modal .modal-actions .submit-btn:disabled{cursor:not-allowed;opacity:.6}@media(max-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{font-size:12px;padding:8px 10px}}@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{background:#334155;color:#e2e8f0}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{background:#1e293b;color:#a5b4fc}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 .form-select,html:not([data-theme=light]) .link-parent-modal .link-parent-form .search-row,html:not([data-theme=light]) .link-parent-modal .link-parent-form input{background:#334155;border-color:#475569;color:#f1f5f9}html:not([data-theme=light]) .link-parent-modal .link-parent-form .search-row input{background:#0000;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{background:#0f172a;border-color:#334155;color:#94a3b8}html:not([data-theme=light]) .link-parent-modal .cancel-btn{background:#334155;color:#e2e8f0}}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{background:#334155;color:#e2e8f0}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{background:#1e293b;color:#a5b4fc}html[data-theme=dark] .link-parent-modal .link-parent-form label{color:#e2e8f0}html[data-theme=dark] .link-parent-modal .link-parent-form .form-select,html[data-theme=dark] .link-parent-modal .link-parent-form .search-row,html[data-theme=dark] .link-parent-modal .link-parent-form input{background:#334155;border-color:#475569;color:#f1f5f9}html[data-theme=dark] .link-parent-modal .link-parent-form .search-row input{background:#0000;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{background:#0f172a;border-color:#334155;color:#94a3b8}html[data-theme=dark] .link-parent-modal .cancel-btn{background:#334155;color:#e2e8f0}.student-progress-reports-section .section-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.student-progress-reports-section .section-header-row h2{align-items:center;color:var(--text-heading);display:flex;gap:8px;margin:0}.student-progress-reports-section .progress-report-file-input{display:none}.student-progress-reports-section .progress-report-upload-btn{align-items:center;background:var(--accent);border:none;border-radius:8px;color:var(--brand-on-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px}.student-progress-reports-section .progress-report-upload-btn:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-fg);cursor:not-allowed;opacity:.6}.student-progress-reports-section .progress-report-pending-upload{background:var(--info-bg);border:1px solid var(--info-border);border-radius:10px;margin-bottom:16px;padding:14px}.student-progress-reports-section .progress-report-pending-upload .pending-file-row{align-items:center;color:var(--info-fg);display:flex;gap:10px;margin-bottom:12px}.student-progress-reports-section .progress-report-pending-upload .pending-file-row .pending-file-meta{flex:1 1;min-width:0}.student-progress-reports-section .progress-report-pending-upload .pending-file-row .pending-file-meta strong{display:block;font-size:14px;word-break:break-all}.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{background:#0000;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.student-progress-reports-section .progress-report-pending-upload .pending-note-field{color:var(--text-primary);display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px;margin-bottom:12px}.student-progress-reports-section .progress-report-pending-upload .pending-note-field textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:400;min-height:64px;padding:10px 12px;resize:vertical}.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-upload-actions{display:flex;gap:8px;justify-content:flex-end}.student-progress-reports-section .progress-report-pending-upload .pending-upload-actions button{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.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{cursor:not-allowed;opacity:.6}.student-progress-reports-section .progress-reports-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.student-progress-reports-section .progress-report-row{align-items:flex-start;background:var(--surface-1);border:1px solid var(--border-muted);border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.student-progress-reports-section .report-main{flex:1 1;min-width:0}.student-progress-reports-section .report-main .report-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.student-progress-reports-section .report-main .report-title-row strong{color:var(--text-heading);font-size:15px;word-break:break-all}.student-progress-reports-section .report-main .report-title-row .report-size{background:var(--surface-2);border-radius:999px;color:var(--text-muted);font-size:12px;padding:2px 8px}.student-progress-reports-section .report-main .report-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:13px;gap:8px 16px}.student-progress-reports-section .report-main .report-note{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:8px 0 0;white-space:pre-wrap}.student-progress-reports-section .report-actions{display:flex;flex-direction:column;flex-shrink:0;gap:6px}.student-progress-reports-section .report-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 12px;white-space:nowrap}.student-progress-reports-section .report-actions button:disabled{cursor:not-allowed;opacity:.6}.student-progress-reports-section .report-actions .download-btn{background:var(--accent-subtle-bg);color:var(--accent-subtle-fg)}.student-progress-reports-section .report-actions .delete-btn{background:var(--error-bg);color:var(--error-fg)}@media(max-width:768px){.student-progress-reports-section .section-header-row{align-items:stretch;flex-direction:column}.student-progress-reports-section .progress-report-row{flex-direction:column}.student-progress-reports-section .report-actions{flex-direction:row;flex-wrap:wrap}}.admin-student-detail-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-student-detail-page .loading-container,.admin-student-detail-page .not-found-container{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:40vh;text-align:center}.admin-student-detail-page .not-found-container h2{color:#1f2937;font-size:20px;margin:0}.admin-student-detail-page .not-found-container p{line-height:1.5;margin:0;max-width:420px}.admin-student-detail-page .back-to-list-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:8px;padding:10px 16px}.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;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:20px 24px}.admin-student-detail-page .student-detail-header .back-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;margin-bottom:16px;padding:6px 10px}.admin-student-detail-page .student-detail-header .back-btn:hover{background:#f3f4f6;color:#374151}.admin-student-detail-page .student-detail-header .back-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.admin-student-detail-page .student-detail-header .header-main{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.admin-student-detail-page .student-detail-header .header-actions{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px}.admin-student-detail-page .student-detail-header .header-action-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px}.admin-student-detail-page .student-detail-header .header-action-btn.edit{background:#f3f4f6;border-color:#e5e7eb;color:#374151}.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{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.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{background:#fffbeb;border-color:#fde68a;color:#b45309}.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:2px solid #6366f1;outline-offset:2px}.admin-student-detail-page .student-detail-header .header-icon-wrap{align-items:center;background:#ecfdf5;border-radius:12px;color:#059669;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.admin-student-detail-page .student-detail-header .header-text{flex:1 1;min-width:0}.admin-student-detail-page .student-detail-header .header-text h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.admin-student-detail-page .student-detail-header .header-text .header-academy{color:#6b7280;font-size:14px;margin:0}.admin-student-detail-page .student-detail-header .status-badge{border-radius:999px;font-size:12px;font-weight:600;padding:4px 12px}.admin-student-detail-page .student-detail-header .status-badge.status-active{background:#d1fae5;color:#047857}.admin-student-detail-page .student-detail-header .status-badge.status-inactive{background:#fee2e2;color:#b91c1c}.admin-student-detail-page .student-detail-content{display:flex;flex-direction:column;gap:16px}.admin-student-detail-page .student-detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:20px 24px}.admin-student-detail-page .student-detail-section h2{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 12px}.admin-student-detail-page .student-detail-section .section-subtitle{color:#9ca3af;font-size:13px;margin:-4px 0 16px}.admin-student-detail-page .student-detail-section .section-empty-text,.admin-student-detail-page .student-detail-section .section-loading-text{color:#6b7280;font-size:14px;margin:0}.admin-student-detail-page .student-parents-section .section-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.admin-student-detail-page .student-parents-section .section-header-row h2{align-items:center;display:flex;gap:8px;margin:0}.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{align-items:center;background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .2s ease,transform .2s ease;width:36px}.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{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.admin-student-detail-page .student-parents-section .student-parent-card{align-items:stretch;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:8px;overflow:hidden}.admin-student-detail-page .student-parents-section .student-parent-card-body{background:#0000;border:none;cursor:pointer;flex:1 1;min-width:0;padding:16px;text-align:left;transition:background .15s ease}.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{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.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-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0}.admin-student-detail-page .student-parents-section .student-parent-card-body .parent-card-meta div dt{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.02em;margin:0 0 2px;text-transform:uppercase}.admin-student-detail-page .student-parents-section .student-parent-card-body .parent-card-meta div dd{color:#374151;font-size:13px;margin:0;word-break:break-word}.admin-student-detail-page .student-parents-section .unlink-parent-btn{align-items:center;align-self:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;margin-right:12px;padding:8px 12px;white-space:nowrap}.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{cursor:not-allowed;opacity:.6}.admin-student-detail-page .student-parents-section .badge.pending{background:#fef3c7;border-radius:999px;color:#92400e;font-size:11px;font-weight:600;padding:3px 8px}.admin-student-detail-page .student-info-grid{grid-gap:12px 20px;display:grid;gap:12px 20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0}.admin-student-detail-page .student-info-grid .student-info-row dt{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.03em;margin:0 0 4px;text-transform:uppercase}.admin-student-detail-page .student-info-grid .student-info-row dd{color:#111827;font-size:14px;margin:0;word-break:break-word}.admin-student-detail-page .student-courses-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.admin-student-detail-page .student-courses-list .student-course-link{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:inherit;display:flex;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .15s,background .15s}.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:2px solid #6366f1;outline-offset:2px}.admin-student-detail-page .student-courses-list .student-course-link .course-link-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.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{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.admin-student-detail-page .attendance-period-filters .period-preset-btn{background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#374151;cursor:pointer;font-size:13px;padding:6px 12px}.admin-student-detail-page .attendance-period-filters .period-preset-btn.is-active{background:#eef2ff;border-color:#6366f1;color:#4338ca;font-weight:600}.admin-student-detail-page .attendance-period-filters .period-preset-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.admin-student-detail-page .attendance-custom-range{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.admin-student-detail-page .attendance-custom-range label{color:#6b7280;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:4px}.admin-student-detail-page .attendance-custom-range label input[type=date]{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 10px}.admin-student-detail-page .attendance-empty-all{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:14px;margin:0 0 16px;padding:12px 14px}.admin-student-detail-page .attendance-history-error{align-items:flex-start;background:#fef2f2;border-radius:8px;color:#b91c1c;display:flex;flex-direction:column;font-size:14px;gap:8px;padding:16px}.admin-student-detail-page .attendance-history-error p{margin:0}.admin-student-detail-page .attendance-history-error .retry-btn{align-items:center;background:#fff;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;cursor:pointer;display:inline-flex;gap:6px;padding:6px 12px}.admin-student-detail-page .attendance-history-grid,.admin-student-detail-page .attendance-history-skeleton{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.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{animation:studentDetailShimmer 1.2s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;min-height:120px}.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{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.admin-student-detail-page .attendance-group-card .attendance-group-header h3{color:#1f2937;font-size:15px;font-weight:700;margin:0}.admin-student-detail-page .attendance-group-card .attendance-group-header .attendance-group-count{color:#4b5563;font-size:13px;font-weight:600;white-space:nowrap}.admin-student-detail-page .attendance-group-card .attendance-group-empty{color:#6b7280;font-size:14px;margin:0}.admin-student-detail-page .attendance-group-card .attendance-group-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.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;display:flex;flex-wrap:wrap;font-size:14px;gap:6px 10px;line-height:1.5}.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:1 1 100%;font-weight:600}.admin-student-detail-page .attendance-group-card .attendance-group-list .attendance-item-comment{align-items:flex-start;color:#4b5563;display:flex;font-size:13px;gap:6px;line-height:1.5;margin:6px 0 0}.admin-student-detail-page .student-edit-modal{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.admin-student-detail-page .student-edit-modal .edit-student-form{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-height:90vh;overflow:auto;padding:24px;width:min(480px,100%)}.admin-reset-password-modal{width:min(420px,100%)}.admin-reset-password-modal .reset-password-plain-hint{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 12px}.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;font-size:13px;font-weight:600;margin:0 0 8px}.admin-reset-password-modal .reset-password-requirements ul{color:#6b7280;font-size:12px;margin:0;padding-left:18px}.admin-reset-password-modal .reset-password-requirements ul li.is-met{color:#059669}.admin-reset-password-modal .reset-password-field-error{color:#b91c1c;font-size:13px;margin:0 0 12px}.student-detail-toast{align-items:flex-start;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;bottom:24px;box-shadow:0 8px 24px #0000001f;color:#065f46;display:inline-flex;font-size:14px;gap:8px;line-height:1.5;max-width:min(420px,100vw - 32px);padding:12px 16px;position:fixed;right:24px;z-index:1100}.student-detail-toast.is-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}@keyframes studentDetailShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-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-grid,.admin-student-detail-page .attendance-history-skeleton{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{background:#334155;color:#f8fafc}html:not([data-theme=light]) .admin-student-detail-page .student-detail-header .header-icon-wrap{background:#34d3991f;color:#34d399}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{background:#34d39926;color:#34d399}html:not([data-theme=light]) .admin-student-detail-page .student-detail-header .status-badge.status-inactive{background:#f8717126;color:#f87171}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{background:#334155;border-color:#475569;color:#f1f5f9}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{background:#f871711f;border-color:#f871714d;color:#f87171}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{background:#fbbf241f;border-color:#fbbf2459;color:#fbbf24}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-empty-text,html:not([data-theme=light]) .admin-student-detail-page .student-detail-section .section-loading-text,html:not([data-theme=light]) .admin-student-detail-page .student-detail-section .section-subtitle{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{background:#111827;border-color:#334155;color:#e2e8f0}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{background:#111827;border-color:#334155;color:#e2e8f0;font-weight:500}html:not([data-theme=light]) .admin-student-detail-page .attendance-period-filters .period-preset-btn:hover:not(.is-active){background:#1e293b;border-color:#475569;color:#f8fafc}html:not([data-theme=light]) .admin-student-detail-page .attendance-period-filters .period-preset-btn.is-active{background:#6366f138;border-color:#6366f1;color:#fff;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]{background:#111827;border-color:#334155;color:#f8fafc}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{background:#111827;border:1px solid #334155;color:#e2e8f0}html:not([data-theme=light]) .admin-student-detail-page .attendance-history-error{background:#f871711a;border:1px solid #f8717140;color:#fca5a5}html:not([data-theme=light]) .admin-student-detail-page .attendance-history-error .retry-btn{background:#1e293b;border-color:#f8717159;color:#fca5a5}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%);background-size: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{background:#ffffff14;border-radius:999px;color:#f1f5f9;font-weight:600;padding:2px 8px}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{background:#ffffff0f;border-radius:6px;color:#e2e8f0;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{background:#1e293b;border:1px solid #334155;color:#f1f5f9}}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{background:#334155;color:#f8fafc}html[data-theme=dark] .admin-student-detail-page .student-detail-header .header-icon-wrap{background:#34d3991f;color:#34d399}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{background:#34d39926;color:#34d399}html[data-theme=dark] .admin-student-detail-page .student-detail-header .status-badge.status-inactive{background:#f8717126;color:#f87171}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{background:#334155;border-color:#475569;color:#f1f5f9}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{background:#f871711f;border-color:#f871714d;color:#f87171}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{background:#fbbf241f;border-color:#fbbf2459;color:#fbbf24}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-empty-text,html[data-theme=dark] .admin-student-detail-page .student-detail-section .section-loading-text,html[data-theme=dark] .admin-student-detail-page .student-detail-section .section-subtitle{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{background:#111827;border-color:#334155;color:#e2e8f0}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{background:#111827;border-color:#334155;color:#e2e8f0;font-weight:500}html[data-theme=dark] .admin-student-detail-page .attendance-period-filters .period-preset-btn:hover:not(.is-active){background:#1e293b;border-color:#475569;color:#f8fafc}html[data-theme=dark] .admin-student-detail-page .attendance-period-filters .period-preset-btn.is-active{background:#6366f138;border-color:#6366f1;color:#fff;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]{background:#111827;border-color:#334155;color:#f8fafc}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{background:#111827;border:1px solid #334155;color:#e2e8f0}html[data-theme=dark] .admin-student-detail-page .attendance-history-error{background:#f871711a;border:1px solid #f8717140;color:#fca5a5}html[data-theme=dark] .admin-student-detail-page .attendance-history-error .retry-btn{background:#1e293b;border-color:#f8717159;color:#fca5a5}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%);background-size: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{background:#ffffff14;border-radius:999px;color:#f1f5f9;font-weight:600;padding:2px 8px}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{background:#ffffff0f;border-radius:6px;color:#e2e8f0;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{background:#1e293b;border:1px solid #334155;color:#f1f5f9}@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{background:#10b98126;border-color:#34d39959;color:#6ee7b7}html:not([data-theme=light]) .student-detail-toast.is-error{background:#f871711f;border-color:#f8717159;color:#fca5a5}}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{background:#10b98126;border-color:#34d39959;color:#6ee7b7}html[data-theme=dark] .student-detail-toast.is-error{background:#f871711f;border-color:#f8717159;color:#fca5a5}.admin-instructor-management-page{background:#f8fafc;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px}.admin-instructor-management-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;flex-shrink:0;padding:24px}.admin-instructor-management-page .page-header .header-content{align-items:center;display:flex;justify-content:space-between}.admin-instructor-management-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.admin-instructor-management-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.admin-instructor-management-page .page-header .header-content .header-actions{display:flex;gap:12px}.admin-instructor-management-page .page-header .header-content .header-actions .join-code-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.admin-instructor-management-page .page-header .header-content .header-actions .join-code-btn:hover{box-shadow:0 4px 16px #667eea66;transform:translateY(-2px)}.admin-instructor-management-page .page-header .header-content .header-actions .join-code-btn svg{height:18px;width:18px}.admin-instructor-management-page .account-usage-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;flex-shrink:0;padding:24px}.admin-instructor-management-page .account-usage-container .usage-card{align-items:center;display:flex;gap:24px;justify-content:space-around}.admin-instructor-management-page .account-usage-container .usage-card .usage-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-label{color:#6b7280;font-size:14px;font-weight:500;text-align:center}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value{border-radius:8px;font-size:24px;font-weight:700;min-width:60px;padding:8px 16px;text-align:center;transition:all .2s ease}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.quota{background:#f3f4f6;border:2px solid #d1d5db;color:#374151}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.used{background:#fef3c7;border:2px solid #f59e0b;color:#92400e}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.remaining{background:#d1fae5;border:2px solid #10b981;color:#065f46}.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;box-shadow:0 1px 3px 0 #0000001a;flex-shrink:0;padding:20px 24px}.admin-instructor-management-page .search-filter-container .search-bar{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.admin-instructor-management-page .search-filter-container .search-bar:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.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;box-shadow:0 1px 3px 0 #0000001a;flex:1 1;overflow:hidden;padding:24px}.admin-instructor-management-page .instructor-list-container .admin-table{background:#0000;border:none;box-shadow:none;margin:0;padding:0}.admin-instructor-management-page .instructor-list-container .admin-table h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.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{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.admin-instructor-management-page .loading-container p{color:#6b7280;font-size:16px;margin:0}.instructor-list{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;margin-top:20px;overflow:hidden;width:100%}.instructor-list thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.instructor-list thead th{border-right:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:16px 12px;text-align:left}.instructor-list thead th:last-child{border-right:none}.instructor-list tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.instructor-list tbody tr:hover{background:#f9fafb}.instructor-list tbody tr:last-child{border-bottom:none}.instructor-list tbody tr td{border-right:1px solid #e5e7eb;color:#374151;font-size:14px;padding:16px 12px;text-align:left}.instructor-list tbody tr td:last-child{border-right:none}.button-group{display:flex;flex-wrap:wrap;gap:8px}.button-group,.button-group button{align-items:center;justify-content:center}.button-group button{border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;min-width:80px;padding:8px 12px;transition:all .2s ease}.button-group button:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.button-group button:active{transform:translateY(0)}.button-group button.add{background:#10b981;border-color:#10b981;color:#fff}.button-group button.add:hover{background:#059669;border-color:#047857}.button-group button.edit{background:#3b82f6;border-color:#3b82f6;color:#fff}.button-group button.edit:hover{background:#2563eb;border-color:#1d4ed8}.button-group button.delete{background:#ef4444;border-color:#ef4444;color:#fff}.button-group button.delete:hover{background:#dc2626;border-color:#b91c1c}.button-group button.reset-password{background:#f59e0b;border-color:#f59e0b;color:#fff}.button-group button.reset-password:hover{background:#d97706;border-color:#b45309}.instructor-edit-modal{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:9999}.instructor-edit-modal .modal-content{animation:modalSlideIn .3s ease-out;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:calc(100vh - 40px);max-width:600px;overflow-y:auto;position:relative;width:100%}.instructor-edit-modal .modal-content:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.instructor-edit-modal .modal-content button{margin-top:16px;width:100%}@media(max-width:768px){.admin-instructor-management-page{gap:16px;padding:16px}.admin-instructor-management-page .page-header{padding:16px}.admin-instructor-management-page .page-header .header-content{align-items:stretch;flex-direction:column;gap:16px}.admin-instructor-management-page .page-header .header-content .header-title{text-align:center}.admin-instructor-management-page .page-header .header-content .header-title h1{font-size:20px}.admin-instructor-management-page .page-header .header-content .header-actions{justify-content:center}.admin-instructor-management-page .page-header .header-content .header-actions .join-code-btn{font-size:13px;padding:10px 16px}.admin-instructor-management-page .account-usage-container{padding:16px}.admin-instructor-management-page .account-usage-container .usage-card{flex-direction:column;gap:16px}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value{font-size:20px;min-width:50px;padding:6px 12px}.admin-instructor-management-page .instructor-list-container,.admin-instructor-management-page .search-filter-container{padding:16px}.instructor-list{font-size:12px}.instructor-list tbody td,.instructor-list thead th{padding:12px 8px}.button-group{align-items:stretch;flex-direction:column;gap:8px}.button-group button{min-width:auto;width:100%}.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 .page-header .header-content .header-actions .join-code-btn{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 2px 8px #818cf84d}html:not([data-theme=light]) .admin-instructor-management-page .page-header .header-content .header-actions .join-code-btn:hover{box-shadow:0 4px 16px #818cf866}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{background:#475569;border-color:#64748b;color:#e2e8f0}html:not([data-theme=light]) .admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.used{background:#744210;border-color:#f59e0b;color:#fbbf24}html:not([data-theme=light]) .admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.remaining{background:#064e3b;border-color:#10b981;color:#6ee7b7}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{background:#334155;border-color:#475569;color:#f8fafc}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{border-bottom-color:#475569;color:#f8fafc}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{border-right-color:#64748b;color:#e2e8f0}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{border-right-color:#475569;color:#e2e8f0}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 .page-header .header-content .header-actions .join-code-btn{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 2px 8px #818cf84d}html[data-theme=dark] .admin-instructor-management-page .page-header .header-content .header-actions .join-code-btn:hover{box-shadow:0 4px 16px #818cf866}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{background:#475569;border-color:#64748b;color:#e2e8f0}html[data-theme=dark] .admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.used{background:#744210;border-color:#f59e0b;color:#fbbf24}html[data-theme=dark] .admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.remaining{background:#064e3b;border-color:#10b981;color:#6ee7b7}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{background:#334155;border-color:#475569;color:#f8fafc}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{border-bottom-color:#475569;color:#f8fafc}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{border-right-color:#64748b;color:#e2e8f0}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{border-right-color:#475569;color:#e2e8f0}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}.add-course-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:32px}.add-course-form .form-header{margin-bottom:32px;text-align:center}.add-course-form .form-header h3{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}.add-course-form .form-header .form-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.add-course-form .form-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}@media(max-width:768px){.add-course-form .form-grid{gap:24px;grid-template-columns:1fr}}.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{align-items:center;color:#374151;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.add-course-form .form-section .section-header h4:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px;content:"";height:20px;width:4px}.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;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.add-course-form .form-group .form-input,.add-course-form .form-group .form-select,.add-course-form .form-group .form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.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;box-shadow:0 0 0 3px #3b82f61a;outline:none}.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{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.add-course-form .form-group .form-textarea{min-height:100px;resize:vertical}.add-course-form .form-group .form-select{background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.add-course-form .date-range-inputs{display:flex;gap:12px}.add-course-form .date-range-inputs .datepicker-input{flex:1 1;min-width:150px}@media(max-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{grid-gap:12px;background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:16px}.add-course-form .day-checkboxes .checkbox-group .day-checkbox-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.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;height:18px;width:18px}.add-course-form .day-checkboxes .checkbox-group .day-checkbox-item .day-label{color:#374151;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.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(max-width:768px){.add-course-form .day-checkboxes .checkbox-group{gap:8px;grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.add-course-form .day-checkboxes .checkbox-group{grid-template-columns:1fr}}.add-course-form .week-day-time{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1fr 1fr auto}.add-course-form .week-day-time .timepicker-input{min-width:120px}.add-course-form .week-day-time .add-time-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.add-course-form .week-day-time .add-time-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-2px)}.add-course-form .week-day-time .add-time-btn:active{transform:translateY(0)}.add-course-form .week-day-time .add-time-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media(max-width:768px){.add-course-form .week-day-time{gap:8px;grid-template-columns:1fr}.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{display:flex;flex-direction:column;gap:8px}.add-course-form .weekday-time-list .weekday-time-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.add-course-form .weekday-time-list .weekday-time-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e0;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.add-course-form .weekday-time-list .weekday-time-item .schedule-info{align-items:center;display:flex;gap:16px}.add-course-form .weekday-time-list .weekday-time-item .schedule-info .day{background:#e0e7ff;border-radius:20px;color:#374151;color:#3730a3;font-size:12px;font-weight:600;padding:4px 12px}.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{align-items:center;background:#0000;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.add-course-form .weekday-time-list .weekday-time-item .delete-btn:hover{background:#fef2f2;color:#b91c1c;transform:scale(1.1)}.add-course-form .form-footer{border-top:2px solid #f3f4f6;padding-top:24px}.add-course-form .form-footer .button-group{display:flex;gap:12px;justify-content:flex-end}.add-course-form .form-footer .button-group button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.add-course-form .form-footer .button-group button.register-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 4px #3b82f633;color:#fff}.add-course-form .form-footer .button-group button.register-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.add-course-form .form-footer .button-group button.register-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.add-course-form .form-footer .button-group button.close-btn{background:#f3f4f6;border:2px solid #e5e7eb;color:#374151}.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{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.add-course-form .react-datepicker-wrapper .datepicker-input:focus,.add-course-form .react-datepicker-wrapper .timepicker-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-course-form .react-datepicker__time-list{font-size:14px;max-height:200px}@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{background:#374151;border-color:#4b5563;color:#f9fafb}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{background:#374151;color:#6b7280}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{background:#1e40af;color:#dbeafe}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{background:#7f1d1d;color:#fca5a5}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{background:#374151;border-color:#4b5563;color:#f3f4f6}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{background:#374151;border-color:#4b5563;color:#f9fafb}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{background:#374151;color:#6b7280}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{background:#1e40af;color:#dbeafe}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{background:#7f1d1d;color:#fca5a5}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{background:#374151;border-color:#4b5563;color:#f3f4f6}html[data-theme=dark] .add-course-form .form-footer .button-group button.close-btn:hover{background:#4b5563;border-color:#6b7280}@media(max-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{font-size:13px;padding:10px 12px}.add-course-form .form-footer .button-group{flex-direction:column}.add-course-form .form-footer .button-group button{font-size:14px;padding:12px 16px;width:100%}}@media(max-width:480px){.add-course-form{padding:20px}.add-course-form .form-header h3{font-size:18px}}.pagination{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;display:flex;justify-content:space-between;margin-top:24px;padding:20px 24px}.pagination .pagination-info{color:#6b7280;font-size:14px;font-weight:500}.pagination .pagination-controls{align-items:center;display:flex;gap:8px}.pagination .pagination-controls .pagination-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:0 12px;transition:all .2s ease}.pagination .pagination-controls .pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.pagination .pagination-controls .pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination .pagination-controls .pagination-btn:disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.4}.pagination .pagination-controls .pagination-btn.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f633;color:#fff}.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;display:flex;gap:4px}.pagination .pagination-controls .page-size-select{-webkit-appearance:none;appearance:none;background:#fff;background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 32px 10px 12px;transition:all .2s ease}.pagination .pagination-controls .page-size-select:hover{background-color:#f9fafb;border-color:#9ca3af}.pagination .pagination-controls .page-size-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pagination .pagination-controls .page-size-select option{padding:8px}@media(max-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{font-size:13px;height:36px;min-width:36px;padding:0 10px}.pagination .pagination-controls .page-size-select{max-width:200px;width:100%}}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .pagination{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px 0 #0000004d}html:not([data-theme=light]) .pagination .pagination-info{color:#a0aec0}html:not([data-theme=light]) .pagination .pagination-controls .pagination-btn{background:#4a5568;border-color:#718096;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#6b7280}html:not([data-theme=light]) .pagination .pagination-controls .pagination-btn.active{background:#68d391;border-color:#68d391;color:#1a202c}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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 0 #0000004d}html[data-theme=dark] .pagination .pagination-info{color:#a0aec0}html[data-theme=dark] .pagination .pagination-controls .pagination-btn{background:#4a5568;border-color:#718096;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#6b7280}html[data-theme=dark] .pagination .pagination-controls .pagination-btn.active{background:#68d391;border-color:#68d391;color:#1a202c}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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;box-shadow:0 18px 36px #0f172a29;margin:0 auto;max-width:600px;overflow:hidden;padding:0;width:100%}.edit-course-modal .modal-header{border-bottom:1px solid #e5e7eb;margin-bottom:0;padding:18px 24px 14px;text-align:left}.edit-course-modal .modal-header h3{color:#111827;font-size:20px;font-weight:700;line-height:1.3;margin:0}.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;display:block;font-size:14px;font-weight:600;margin-bottom:7px}.edit-course-modal .form-group .form-input,.edit-course-modal .form-group .form-select,.edit-course-modal .form-group .form-textarea{background:#f8fafc;border:1px solid #cfd8e3;border-radius:9px;box-sizing:border-box;color:#374151;font-size:14px;min-height:44px;padding:10px 14px;transition:all .2s ease;width:100%}.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;box-shadow:0 0 0 3px #3b82f61f;outline:none}.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{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.edit-course-modal .form-group .form-input--readonly{background:#eef2f7;border-color:#d6dee8;color:#1f2937;cursor:default}.edit-course-modal .form-group .form-input--readonly:focus,.edit-course-modal .form-group .form-input--readonly:hover{background:#eef2f7;border-color:#d6dee8;box-shadow:none}.edit-course-modal .form-group .form-textarea{min-height:100px;padding-top:10px;resize:vertical}.edit-course-modal .form-group .form-select{background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.edit-course-modal .date-range-group{display:flex;gap:12px;margin-bottom:18px;padding:0 24px}@media(max-width:480px){.edit-course-modal .date-range-group{flex-direction:column;gap:8px}}.edit-course-modal .date-range-group .date-input{flex:1 1;min-width:170px}.edit-course-modal .select-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:0 24px}@media(max-width:480px){.edit-course-modal .select-group{gap:12px;grid-template-columns:1fr}}.edit-course-modal .text-fields-group{display:flex;flex-direction:column;gap:14px;margin-bottom:18px;padding:18px 24px 0}.edit-course-modal .error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;font-weight:500;gap:8px;margin:4px 24px 0;padding:12px 16px}.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{display:flex;gap:12px;justify-content:flex-end}@media(max-width:480px){.edit-course-modal .modal-footer .button-group{flex-direction:column;gap:8px}}.edit-course-modal .modal-footer .button-group button{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:42px;min-width:100px;padding:10px 18px;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}@media(max-width:480px){.edit-course-modal .modal-footer .button-group button{padding:12px 20px;width:100%}}.edit-course-modal .modal-footer .button-group button.save-btn{background:#2563eb;color:#fff}.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{background:#9ca3af;box-shadow:none;cursor:not-allowed}.edit-course-modal .modal-footer .button-group button.cancel-btn{background:#fff;border-color:#cbd5e1;color:#475569}.edit-course-modal .modal-footer .button-group button.cancel-btn:hover{background:#f1f5f9;border-color:#94a3b8}.edit-course-modal.loading{opacity:.7;pointer-events:none}.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(max-width:768px){.edit-course-modal{margin:16px;max-width:calc(100% - 32px)}.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{font-size:15px;min-height:44px;padding:10px 13px}.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(max-width:480px){.edit-course-modal{margin:12px;max-width:calc(100% - 32px)}.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{font-size:14px;margin-bottom:6px}.edit-course-modal .form-group .form-input,.edit-course-modal .form-group .form-select,.edit-course-modal .form-group .form-textarea{font-size:14px;padding:10px 12px}.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{font-size:14px;padding:10px 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{background:#111827;border-color:#334155;color:#e2e8f0}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{background:#172131;border-color:#2d3c50;color:#e2e8f0}html:not([data-theme=light]) .edit-course-modal .form-group .form-input--readonly:focus,html:not([data-theme=light]) .edit-course-modal .form-group .form-input--readonly:hover{background:#172131;border-color:#2d3c50;box-shadow:none}html:not([data-theme=light]) .edit-course-modal .error-message{background:#7f1d1d3d;border-color:#dc26268c;color:#fca5a5}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{background:#1e293b;border-color:#334155;color:#cbd5e1}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{background:#1f2937;color:#94a3b8}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{background:#111827;border-color:#334155;color:#e2e8f0}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{background:#172131;border-color:#2d3c50;color:#e2e8f0}html[data-theme=dark] .edit-course-modal .form-group .form-input--readonly:focus,html[data-theme=dark] .edit-course-modal .form-group .form-input--readonly:hover{background:#172131;border-color:#2d3c50;box-shadow:none}html[data-theme=dark] .edit-course-modal .error-message{background:#7f1d1d3d;border-color:#dc26268c;color:#fca5a5}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{background:#1e293b;border-color:#334155;color:#cbd5e1}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{background:#1f2937;color:#94a3b8}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;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px}.admin-course-management-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;flex-shrink:0;padding:24px}.admin-course-management-page .page-header .header-content{align-items:center;display:flex;justify-content:space-between}.admin-course-management-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.admin-course-management-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.admin-course-management-page .page-header .header-content .header-actions .add-course-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.admin-course-management-page .page-header .header-content .header-actions .add-course-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.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{background:#9ca3af;box-shadow:none;cursor:not-allowed;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;box-shadow:0 1px 3px 0 #0000001a;flex:1 1;overflow:hidden;padding:24px}.admin-course-management-page .course-list-container .admin-table{background:#0000;border:none;box-shadow:none;margin:0;padding:0}.admin-course-management-page .course-list-container .admin-table .table-header{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.admin-course-management-page .course-list-container .admin-table .table-header h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0;padding-bottom:12px}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form{align-items:center;display:flex;flex:1 1;gap:8px;min-width:300px}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .search-icon{color:#6b7280;left:12px;pointer-events:none;position:absolute;z-index:1}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:10px 16px 10px 40px;transition:all .2s ease;width:100%}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.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{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:8px;transition:all .2s ease;width:24px}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .clear-search-btn:hover{background:#f3f4f6;color:#374151}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-input-wrapper .clear-search-btn svg{height:14px;width:14px}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.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;display:flex;min-width:200px;position:relative}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .filter-select-wrapper .filter-icon{color:#6b7280;left:12px;pointer-events:none;position:absolute;z-index:1}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .filter-select-wrapper .filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 16px 10px 40px;transition:all .2s ease;width:100%}.admin-course-management-page .course-list-container .admin-table .table-header .table-filters .filter-select-wrapper .filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.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{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.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{height:14px;width: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 ease}.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:2px solid #3b82f6;outline-offset:-2px}.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;box-shadow:0 1px 3px 0 #0000001a;flex-shrink:0;padding:24px}.admin-course-management-page .student-course-list-container h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.admin-course-management-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.admin-course-management-page .loading-container p{color:#6b7280;font-size:16px;margin:0}.admin-course-management-page .modal{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:9999}.admin-course-management-page .modal .modal-content{box-shadow:0 25px 50px -12px #00000040;max-width:1400px}.admin-course-management-page .modal .add-course-modal-content,.admin-course-management-page .modal .modal-content{animation:modalSlideIn .3s ease-out;border-radius:12px;max-height:calc(100vh - 40px);overflow-y:auto;position:relative;width:100%}.admin-course-management-page .modal .add-course-modal-content{max-width:80%}.add-course-form{display:flex;flex-direction:column;gap:16px}.add-course-form .form-group{display:flex;flex-direction:column;gap:8px}.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 select,.add-course-form .form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.add-course-form .form-group input:focus,.add-course-form .form-group select:focus,.add-course-form .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-course-form .form-group input::placeholder,.add-course-form .form-group select::placeholder,.add-course-form .form-group textarea::placeholder{color:#9ca3af}.add-course-form .form-group textarea{min-height:100px;resize:vertical}.add-course-form .form-group select{cursor:pointer}.add-course-form .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.add-course-form .form-actions .submit-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.add-course-form .form-actions .submit-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.add-course-form .form-actions .submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.add-course-form .form-actions .cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.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{border-bottom-color:#4a5568;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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 .clear-search-btn,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{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{background:#4a5568;color:#e2e8f0}html:not([data-theme=light]) .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-btn{background:#68d391;color:#1a202c}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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{border-bottom-color:#4a5568;color:#f1f5f9}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 .add-course-modal-content,html:not([data-theme=light]) .modal .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 select,html:not([data-theme=light]) .add-course-form .form-group textarea{background:#4a5568;border-color:#718096;color:#f1f5f9}html:not([data-theme=light]) .add-course-form .form-group input:focus,html:not([data-theme=light]) .add-course-form .form-group select:focus,html:not([data-theme=light]) .add-course-form .form-group textarea: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 select::placeholder,html:not([data-theme=light]) .add-course-form .form-group textarea::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{background:#4a5568;border-color:#718096;color:#e2e8f0}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{border-bottom-color:#4a5568;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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 .clear-search-btn,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{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{background:#4a5568;color:#e2e8f0}html[data-theme=dark] .admin-course-management-page .course-list-container .admin-table .table-header .table-filters .search-form .search-btn{background:#68d391;color:#1a202c}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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{border-bottom-color:#4a5568;color:#f1f5f9}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 .add-course-modal-content,html[data-theme=dark] .modal .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 select,html[data-theme=dark] .add-course-form .form-group textarea{background:#4a5568;border-color:#718096;color:#f1f5f9}html[data-theme=dark] .add-course-form .form-group input:focus,html[data-theme=dark] .add-course-form .form-group select:focus,html[data-theme=dark] .add-course-form .form-group textarea: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 select::placeholder,html[data-theme=dark] .add-course-form .form-group textarea::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{background:#4a5568;border-color:#718096;color:#e2e8f0}html[data-theme=dark] .add-course-form .form-actions .cancel-btn:hover{background:#718096}@media(max-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{align-items:stretch;flex-direction:column;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{align-items:stretch;flex-direction:column}.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{min-width:100%;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 .add-course-modal-content,.modal .modal-content{margin:0;max-height:calc(100vh - 32px);max-width:none;width:100%}.add-course-form .form-actions{flex-direction:column}.add-course-form .form-actions .cancel-btn,.add-course-form .form-actions .submit-btn{width:100%}}.courses-detail-page{background:#1a202c;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px}.courses-detail-page .page-header{background:#0000;border:none;margin-bottom:0;padding:0}.courses-detail-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.courses-detail-page .page-header .header-content .header-title .back-button{align-items:center;background:#2d3748;border:1px solid #4a5568;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.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{height:18px;width:18px}.courses-detail-page .page-header .header-content .header-title h1{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.courses-detail-page .page-header .header-content .header-title .header-description{color:#a0aec0;font-size:16px;margin:8px 0 0}.courses-detail-page .page-header .header-content .header-title .header-description .course-description-text{color:#94a3b8;display:block;font-size:14px;line-height:1.5;margin-top:6px}.courses-detail-page .loading-container{align-items:center;color:#a0aec0;display:flex;font-size:16px;justify-content:center;padding:60px 20px;text-align:center}.courses-detail-page .course-content-section .course-content{background:#0000;border:none;padding:0}.courses-detail-page .course-content-section .course-content .course-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.courses-detail-page .course-content-section .course-content .course-tabs .tab-btn{align-items:center;background:#2d3748;border:1px solid #4a5568;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.courses-detail-page .course-content-section .course-content .course-tabs .tab-btn svg{flex-shrink:0;height:18px;width: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{background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d;color:#fff}.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(max-width:768px){.courses-detail-page{gap:16px;padding:16px}.courses-detail-page .page-header .header-content .header-title{align-items:flex-start;flex-direction:column;gap:12px}.courses-detail-page .page-header .header-content .header-title .back-button{font-size:13px;padding:6px 12px}.courses-detail-page .page-header .header-content .header-title .back-button svg{height:16px;width: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 1;font-size:14px;justify-content:center;min-width:calc(50% - 4px);padding:10px 16px}.courses-detail-page .course-content-section .course-content .course-tabs .tab-btn svg{height:16px;width:16px}}@media(prefers-color-scheme:light){.courses-detail-page{background:#f8fafc}.courses-detail-page .page-header .header-content .header-title .back-button{background:#fff;border-color:#e5e7eb;color:#1f2937}.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{background:#fff;border-color:#e5e7eb;color:#4b5563}.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{background:#8b5cf6;border-color:#8b5cf6;color:#fff}}.import-from-course-modal .import-from-course-modal-content{background:#fff;border-radius:14px;box-shadow:0 25px 50px -12px #0003;display:flex;flex-direction:column;max-height:calc(100vh - 48px);max-width:800px;overflow:hidden;padding:0;width:100%}.import-from-course-modal .import-modal-header{align-items:flex-start;background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:1px solid #e5e7eb;gap:16px;padding:20px 22px}.import-from-course-modal .import-modal-header .import-modal-header-text{flex:1 1;min-width:0}.import-from-course-modal .import-modal-header h3{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 6px}.import-from-course-modal .import-modal-header .import-modal-desc{color:#64748b;font-size:13px;line-height:1.5;margin:0}.import-from-course-modal .import-modal-header .close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.import-from-course-modal .import-modal-header .close-btn:hover{background:#e2e8f0;color:#0f172a}.import-from-course-modal .import-modal-body{display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;padding:20px 22px}.import-from-course-modal .import-panel{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;padding:16px 18px}.import-from-course-modal .import-panel-head .import-panel-label,.import-from-course-modal .import-panel-label{color:#64748b;display:block;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase}.import-from-course-modal .import-panel-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.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{background:#fff;border:1px solid #cbd5e1;border-radius:10px;font-size:14px;max-width:100%;padding:12px 14px;width:100%}.import-from-course-modal .import-course-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126;outline:none}.import-from-course-modal .import-hint{color:#64748b;font-size:13px;margin-top:12px}.import-from-course-modal .import-empty-box{background:#fff;border:1px dashed #cbd5e1;border-radius:10px;color:#64748b;margin:0;padding:20px;text-align:center}.import-from-course-modal .import-search-wrap{margin-bottom:14px;position:relative}.import-from-course-modal .import-search-wrap .import-search-icon{color:#94a3b8;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.import-from-course-modal .import-search-wrap .import-search-input{border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box;font-size:14px;padding:11px 14px 11px 42px;width:100%}.import-from-course-modal .import-search-wrap .import-search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f;outline:none}.import-from-course-modal .import-select-all-bar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px;padding:12px 14px}.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{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:10px 14px;min-width:0}.import-from-course-modal .import-select-all-bar--unified .import-selected-compact{background:#ecfdf5;border-radius:6px;color:#047857;font-size:13px;font-weight:700;padding:2px 8px;white-space:nowrap}.import-from-course-modal .import-select-all-bar--unified .import-inline-link-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:12px;font-weight:600;padding:0;text-decoration:underline;text-underline-offset:2px}.import-from-course-modal .import-select-all-bar--unified .import-inline-link-btn:disabled{cursor:not-allowed;opacity:.4;text-decoration:none}.import-from-course-modal .import-select-all-bar--unified .import-inline-link-btn:hover:not(:disabled){color:#1d4ed8}.import-from-course-modal .import-select-all-bar--unified .import-inline-link-btn.is-on{color:#047857}.import-from-course-modal .import-select-all-bar--unified .import-inline-link-btn.import-inline-link-btn--muted{color:#64748b;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:#0f172a;text-decoration:underline}.import-from-course-modal .import-enrolled-inline-hint{color:#92400e;font-size:12px;font-weight:600;margin:0 0 8px}.import-from-course-modal .import-select-all-label{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px}.import-from-course-modal .import-select-all-label input{accent-color:#059669;cursor:pointer;height:18px;width:18px}.import-from-course-modal .import-filter-count{color:#64748b;font-size:12px;font-weight:500}.import-from-course-modal .import-student-list-scroll{background:#fff;border:1px solid #e2e8f0;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{background:#f8fafc;border-top:1px solid #e5e7eb;gap:12px;padding:16px 22px}.import-from-course-modal .import-modal-footer .import-submit-btn{font-weight:600;min-width:140px}.import-from-course-modal .import-target-loading{margin:0 0 12px}.import-from-course-modal .import-target-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:12px;margin-bottom:12px;padding:12px 14px}.import-from-course-modal .import-retry-btn{align-items:center;background:#fff;border:1px solid #dc2626;border-radius:8px;color:#991b1b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.import-from-course-modal .import-retry-btn:hover{background:#fef2f2}.import-from-course-modal .import-skeleton-stack{display:flex;flex-direction:column;gap:10px;padding:8px 0}.import-from-course-modal .import-skeleton{animation:import-skeleton-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e2e8f0,#f1f5f9 50%,#e2e8f0);background-size:200% 100%;border-radius:6px;height:14px}.import-from-course-modal .import-skeleton.short{width:60%}.import-from-course-modal .import-skeleton--line{width:100%}.import-from-course-modal .import-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.import-from-course-modal .import-toolbar-btn{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.import-from-course-modal .import-toolbar-btn:hover:not(:disabled){border-color:#10b981;color:#047857}.import-from-course-modal .import-toolbar-btn:disabled{cursor:not-allowed;opacity:.45}.import-from-course-modal .import-toolbar-btn.is-active{background:#ecfdf5;border-color:#059669;color:#065f46}.import-from-course-modal .import-subsection-title{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.05em;margin:16px 0 8px;text-transform:uppercase}.import-from-course-modal .import-subsection-title--blocked{color:#92400e}.import-from-course-modal .import-subsection-count{color:#0f172a;font-weight:700}.import-from-course-modal .import-subsection-empty{color:#64748b;font-size:13px;margin:0;padding:16px;text-align:center}.import-from-course-modal .import-student-list-scroll--blocked{background:#fffbeb;border-color:#fde68a}.import-from-course-modal .import-footer-summary-inline{align-items:baseline;color:#475569;display:flex;flex-wrap:wrap;font-size:13px;gap:6px 16px;padding:12px 22px 0}.import-from-course-modal .import-footer-summary-inline .import-footer-metric strong{font-feature-settings:"tnum";color:#0f172a;font-variant-numeric:tabular-nums;font-weight:700}.import-from-course-modal .import-footer-summary-inline .import-footer-metric--muted{color:#64748b}.import-from-course-modal .import-footer-summary-inline .import-footer-metric--muted strong{color:#475569}.import-from-course-modal .import-footer-summary-inline .import-footer-metric-sep{color:#cbd5e1;-webkit-user-select:none;user-select:none}.import-from-course-modal .import-modal-confirm-dock{align-items:stretch;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;margin-top:auto;z-index:2}.import-from-course-modal .import-modal-confirm-dock--toned{box-shadow:none}.import-from-course-modal .import-modal-confirm-dock .import-modal-footer-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:12px 22px 16px}.import-from-course-modal .import-modal-confirm-dock .import-footer-cancel{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:600;min-height:40px;padding:0 16px}.import-from-course-modal .import-modal-confirm-dock .import-footer-cancel:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.import-from-course-modal .import-modal-confirm-dock .import-footer-cancel:disabled{cursor:not-allowed;opacity:.5}.import-from-course-modal .import-modal-confirm-dock .import-footer-primary{align-items:center;background:#10b981;border:1px solid #059669;border-radius:8px;box-shadow:none;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:40px;min-width:140px;padding:0 18px}.import-from-course-modal .import-modal-confirm-dock .import-footer-primary:hover:not(:disabled){background:#059669;border-color:#047857}.import-from-course-modal .import-modal-confirm-dock .import-footer-primary:disabled{cursor:not-allowed;opacity:.45}.import-from-course-modal .import-modal-confirm-dock .import-footer-primary .spin{animation:import-spin .85s linear infinite}@keyframes import-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes import-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.course-students-import-toast{align-items:flex-start;background:#1e293b;border-radius:10px;box-shadow:0 10px 40px #0000002e;color:#f8fafc;display:flex;font-size:14px;font-weight:500;gap:10px;left:50%;max-width:min(480px,92vw);padding:12px 20px;position:fixed;top:16px;transform:translateX(-50%);white-space:pre-line;z-index:10001}.course-students-import-toast.is-warning{background:#78350f}.course-students-import-toast svg{color:#4ade80;flex-shrink:0;margin-top:2px}.course-students-import-toast.is-warning svg{color:#fde68a}.students-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.students-header .import-from-course-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px}.students-header .import-from-course-btn:hover:not(:disabled){background:#f9fafb;border-color:#3b82f6;color:#1d4ed8}.students-header .import-from-course-btn:disabled{cursor:not-allowed;opacity:.5}.admin-course-detail-page{background:#f8fafc!important;min-height:100vh;padding:24px}.admin-course-detail-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #00000014;margin-bottom:0;padding:20px 24px}.admin-course-detail-page .page-header .back-button{background:#fff;border-color:#e5e7eb;color:#1f2937}.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{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.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 1;min-width:0}.admin-course-detail-page .page-header .header-content .header-title.header-title--admin{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0;width:100%}.admin-course-detail-page .page-header .header-content .header-title.header-title--admin .header-title-top{align-items:baseline;display:flex;flex-direction:row;gap:12px;min-width:0;width:100%}.admin-course-detail-page .page-header .header-content .header-title.header-title--admin .header-title-top .header-summary{flex:1 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{background:#fff;border-color:#e5e7eb;color:#1f2937}.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{align-items:stretch;display:flex;flex-direction:column;gap:0;margin-top:8px;width:100%}.admin-course-detail-page .page-header .header-content .header-title .header-meta .header-meta-primary{color:#4b5563;display:block;font-size:14px;font-weight:500;line-height:1.5;width:100%}.admin-course-detail-page .page-header .header-content .header-title .header-meta .header-meta-secondary{border-top:1px solid #e5e7eb;color:#9ca3af;display:block;font-size:13px;line-height:1.5;margin-top:10px;padding-top:12px;width:100%}.admin-course-detail-page .page-header .header-content .header-title .header-meta .header-meta-secondary .header-extras{color:#9ca3af;display:block;font-size:13px;width:100%}.admin-course-detail-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin-top:6px}.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;box-shadow:0 1px 3px 0 #00000014;padding:24px}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn{background:#fff;border-color:#e5e7eb;color:#4b5563}.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{background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b9814d;color:#fff}.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{align-items:center;background:#0009;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:9999}.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{background:#0000;border-radius:16px;box-shadow:none;max-height:calc(100vh - 40px);max-width:560px;overflow-y:auto;padding:0;width:100%}.admin-course-attendance-tab,.admin-course-overview-tab,.admin-course-policy-tab,.admin-course-sessions-tab,.admin-course-students-tab{padding:0}.admin-course-attendance-tab .attendance-table-wrapper,.admin-course-policy-tab .policy-table-wrapper,.admin-course-sessions-tab .sessions-table-wrapper,.admin-course-students-tab .students-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.student-search-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.student-search-filter-bar .search-row{align-items:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;display:flex;flex:1 1;gap:8px;min-width:180px;padding:8px 12px}.student-search-filter-bar .search-row .search-icon{color:#6b7280;flex-shrink:0}.student-search-filter-bar .search-row .search-input{background:#0000;border:none;flex:1 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;font-size:14px;min-width:140px;padding:8px 12px}.student-search-filter-bar .include-former-filter{align-items:center;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;margin-left:auto;-webkit-user-select:none;user-select:none;white-space:nowrap}.student-search-filter-bar .include-former-filter input[type=checkbox]{cursor:pointer;height:16px;width:16px}.student-category-badge{background:#e0e7ff;border-radius:4px;color:#4338ca;display:inline-block;font-size:12px;padding:2px 8px}.student-list-table .col-checkbox{text-align:center;vertical-align:middle;width:48px}.student-list-table .student-table-checkbox-label{align-items:center;cursor:pointer;display:flex;justify-content:center;margin:-6px -8px;min-height:44px;min-width:44px;padding:6px 8px}.student-list-table .student-table-checkbox-label input{accent-color:#059669;cursor:pointer;height:18px;width: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{cursor:not-allowed;opacity:.78}.student-list-table--modal tbody tr.row-disabled td{background:#f8fafc;color:#64748b}.student-list-table--modal tbody tr.row-disabled:hover td{background:#f1f5f9}.student-row-enrolled-badge{background:#fef3c7;border-radius:4px;color:#92400e;cursor:help;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1.25;margin-right:6px;max-width:14rem;padding:2px 7px;text-transform:uppercase;vertical-align:middle}.student-list-table .col-category{min-width:80px}.admin-course-overview-tab .overview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.admin-course-overview-tab .overview-header h3{font-size:18px;font-weight:600;margin:0}.admin-course-overview-tab .overview-header .overview-actions{display:flex;gap:8px}.admin-course-overview-tab .overview-header .overview-actions .delete-btn,.admin-course-overview-tab .overview-header .overview-actions .edit-btn{align-items:center;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.admin-course-overview-tab .overview-header .overview-actions .edit-btn{background:#3b82f6;border-color:#3b82f6;color:#fff}.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{background:#fff;color:#dc2626}.admin-course-overview-tab .overview-header .overview-actions .delete-btn:hover{background:#fef2f2;border-color:#dc2626}.admin-course-overview-tab .overview-grid{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:repeat(2,1fr)}.admin-course-overview-tab .overview-grid .overview-item{display:flex;flex-direction:column;gap:4px}.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{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.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{font-size:18px;font-weight:600;margin:0}.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{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px}.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;display:flex;gap:8px}.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;font-size:14px;padding:8px 12px}.admin-course-policy-tab .empty-text,.admin-course-policy-tab .loading-text,.admin-course-sessions-tab .empty-text,.admin-course-sessions-tab .loading-text,.admin-course-students-tab .empty-text,.admin-course-students-tab .loading-text{color:#6b7280;margin:0;padding:24px;text-align:center}.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{background:#fff;border-collapse:collapse;font-size:14px;width:100%}.admin-course-policy-tab .policy-table td,.admin-course-policy-tab .policy-table th,.admin-course-policy-tab .sessions-table td,.admin-course-policy-tab .sessions-table th,.admin-course-policy-tab .students-table td,.admin-course-policy-tab .students-table th,.admin-course-sessions-tab .policy-table td,.admin-course-sessions-tab .policy-table th,.admin-course-sessions-tab .sessions-table td,.admin-course-sessions-tab .sessions-table th,.admin-course-sessions-tab .students-table td,.admin-course-sessions-tab .students-table th,.admin-course-students-tab .policy-table td,.admin-course-students-tab .policy-table th,.admin-course-students-tab .sessions-table td,.admin-course-students-tab .sessions-table th,.admin-course-students-tab .students-table td,.admin-course-students-tab .students-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.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{background:#f9fafb;color:#374151;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{display:flex;gap:8px}.admin-course-policy-tab .policy-table .btn-wrapper .delete-btn,.admin-course-policy-tab .policy-table .btn-wrapper .edit-btn,.admin-course-policy-tab .sessions-table .btn-wrapper .delete-btn,.admin-course-policy-tab .sessions-table .btn-wrapper .edit-btn,.admin-course-policy-tab .students-table .btn-wrapper .delete-btn,.admin-course-policy-tab .students-table .btn-wrapper .edit-btn,.admin-course-sessions-tab .policy-table .btn-wrapper .delete-btn,.admin-course-sessions-tab .policy-table .btn-wrapper .edit-btn,.admin-course-sessions-tab .sessions-table .btn-wrapper .delete-btn,.admin-course-sessions-tab .sessions-table .btn-wrapper .edit-btn,.admin-course-sessions-tab .students-table .btn-wrapper .delete-btn,.admin-course-sessions-tab .students-table .btn-wrapper .edit-btn,.admin-course-students-tab .policy-table .btn-wrapper .delete-btn,.admin-course-students-tab .policy-table .btn-wrapper .edit-btn,.admin-course-students-tab .sessions-table .btn-wrapper .delete-btn,.admin-course-students-tab .sessions-table .btn-wrapper .edit-btn,.admin-course-students-tab .students-table .btn-wrapper .delete-btn,.admin-course-students-tab .students-table .btn-wrapper .edit-btn{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:4px 8px}.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{background:#eff6ff;color:#2563eb}.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{background:#fef2f2;color:#dc2626}.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{cursor:not-allowed;opacity:.6}.admin-course-policy-tab .sessions-table tr.projected,.admin-course-sessions-tab .sessions-table tr.projected,.admin-course-students-tab .sessions-table tr.projected{background:#f9fafb;opacity:.85}.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;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.admin-course-policy-tab .badge.projected,.admin-course-sessions-tab .badge.projected,.admin-course-students-tab .badge.projected{background:#dbeafe;color:#1d4ed8}.admin-course-policy-tab .badge.persisted,.admin-course-sessions-tab .badge.persisted,.admin-course-students-tab .badge.persisted{background:#d1fae5;color:#047857}.admin-course-policy-tab .badge.cancelled,.admin-course-sessions-tab .badge.cancelled,.admin-course-students-tab .badge.cancelled{background:#f3f4f6;color:#6b7280}.admin-course-policy-tab .cancel-session-btn,.admin-course-sessions-tab .cancel-session-btn,.admin-course-students-tab .cancel-session-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:4px 10px}.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{cursor:not-allowed;opacity:.6}.admin-course-students-tab .students-header-actions{align-items:stretch}.admin-course-students-tab .students-header-actions .add-btn{border-radius:10px;box-shadow:0 2px 10px #10b98147;font-weight:700;min-height:40px;padding:10px 18px}.admin-course-students-tab .students-header-actions .import-from-course-btn{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#334155;font-weight:600;min-height:40px;padding:10px 18px}.admin-course-students-tab .students-header-actions .import-from-course-btn:hover:not(:disabled){background:#f0fdf4;border-color:#10b981;color:#047857}.admin-course-students-tab .student-list-table--list .action-cell .unenroll-btn.unenroll-btn--danger{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:7px 12px;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.admin-course-students-tab .student-list-table--list .action-cell .unenroll-btn.unenroll-btn--danger:hover:not(:disabled){background:#fee2e2;border-color:#f87171;box-shadow:0 2px 8px #dc262633;color:#991b1b}.admin-course-students-tab .student-list-table--list .action-cell .unenroll-btn.unenroll-btn--danger:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.admin-course-students-tab .student-list-table--list .action-cell .unenroll-btn.unenroll-btn--danger .unenroll-btn-spin{animation:course-students-spin .75s linear infinite}@keyframes course-students-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-course-attendance-tab .readonly-hint{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:14px;margin:0 0 20px;padding:12px 16px}.admin-course-attendance-tab .attendance-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.admin-course-attendance-tab .attendance-header h3{font-size:18px;font-weight:600;margin:0}.admin-course-attendance-tab .attendance-header .attendance-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.admin-course-attendance-tab .attendance-header .date-range{align-items:center;display:flex;gap:8px}.admin-course-attendance-tab .attendance-header .date-range input[type=date]{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.admin-course-attendance-tab .attendance-header .session-selector{align-items:center;display:flex;gap:12px}.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;font-size:14px;min-width:260px;padding:8px 12px}.admin-course-attendance-tab .empty-text,.admin-course-attendance-tab .loading-text{color:#6b7280;margin:0;padding:24px;text-align:center}.admin-course-attendance-tab .attendance-table{background:#fff;border-collapse:collapse;font-size:14px;width:100%}.admin-course-attendance-tab .attendance-table td,.admin-course-attendance-tab .attendance-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.admin-course-attendance-tab .attendance-table th{background:#f9fafb;color:#374151;font-weight:600}.policy-modal-content{max-width:480px;padding:0}.policy-modal-content .modal-header{padding:16px 20px}.policy-modal-content .modal-header h3{font-size:18px;margin:0}.policy-modal-content .modal-header .close-btn{background:none;font-size:24px;line-height:1;padding:0 4px}.policy-modal-content .modal-header .close-btn:hover{color:#1f2937}.policy-modal-content .modal-body{padding:20px}.policy-modal-content .modal-body .form-group{margin-bottom:16px}.policy-modal-content .modal-body .form-group label{font-weight:500;margin-bottom:6px}.policy-modal-content .modal-body .form-group input,.policy-modal-content .modal-body .form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.policy-modal-content .modal-body .form-row{display:flex;gap:16px}.policy-modal-content .modal-body .form-row .form-group{flex:1 1}.policy-modal-content .modal-body .error-text{color:#dc2626;font-size:14px;margin:12px 0 0}.policy-modal-content .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.policy-modal-content .modal-footer .cancel-btn,.policy-modal-content .modal-footer .save-btn{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px}.policy-modal-content .modal-footer .cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.policy-modal-content .modal-footer .cancel-btn:hover{background:#e5e7eb}.policy-modal-content .modal-footer .save-btn{background:#3b82f6;border:none;color:#fff}.policy-modal-content .modal-footer .save-btn:hover:not(:disabled){background:#2563eb}.policy-modal-content .modal-footer .save-btn:disabled{background:#9ca3af;cursor:not-allowed}.add-student-modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-width:60%;overflow:hidden;padding:0;width:100%}.add-student-modal-content .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.add-student-modal-content .modal-header h3{font-size:18px;margin:0}.add-student-modal-content .modal-header .close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:0 4px}.add-student-modal-content .modal-header .close-btn:hover{color:#1f2937}.add-student-modal-content .modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:20px}.add-student-modal-content .modal-body .select-all-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.add-student-modal-content .modal-body .select-all-row .checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.add-student-modal-content .modal-body .select-all-row .checkbox-label input{height:16px;width: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;margin-bottom:12px;max-height:280px;overflow-y:auto}.add-student-modal-content .modal-body .student-list-scroll .students-table{margin:0}.add-student-modal-content .modal-body .result-message{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;margin-top:16px;padding:12px;white-space:pre-line}.add-student-modal-content .modal-body .empty-text,.add-student-modal-content .modal-body .loading-text{color:#6b7280;margin:0;padding:24px;text-align:center}.add-student-modal-content .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.add-student-modal-content .modal-footer .cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 20px}.add-student-modal-content .modal-footer .cancel-btn:hover{background:#e5e7eb}.add-student-modal-content .modal-footer .register-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 20px}.add-student-modal-content .modal-footer .register-btn:hover:not(:disabled){background:#059669}.add-student-modal-content .modal-footer .register-btn:disabled{background:#9ca3af;cursor:not-allowed}@media(max-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{align-items:center;display:flex;gap:12px;justify-content:space-between}.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;margin-top:10px;min-height:40px;width:100%}.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{align-items:center;display:flex;gap:10px;justify-content:space-between}.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{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.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{align-items:center;display:flex;gap:10px;justify-content:space-between}.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;margin-top:10px;min-height:40px;width:100%}.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{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.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{background:#111827;border-color:#334155;color:#e5e7eb}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{border-top-color:#334155;color:#94a3b8}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,html:not([data-theme=light]) .admin-course-detail-page .page-header .header-content .header-title .header-meta-secondary .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 0 #02061773}html:not([data-theme=light]) .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}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{background:#0d9488;border-color:#0d9488;box-shadow:0 2px 8px #0d948859;color:#ecfeff}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-attendance-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-overview-tab .overview-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-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-sessions-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-students-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{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 .attendance-table-wrapper,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 .students-table-wrapper{border-color:#334155}html:not([data-theme=light]) .admin-course-detail-page .attendance-table,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 .students-table{background:#111827;color:#cbd5e1}html:not([data-theme=light]) .admin-course-detail-page .attendance-table th,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 .students-table th{background:#1f2937;color:#e2e8f0}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 .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 .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 .attendance-table tbody tr:hover td,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 .students-table tbody tr:hover td{background:#ffffff08}html:not([data-theme=light]) .admin-course-detail-page .sessions-table tr.projected{background:#94a3b814;opacity:1}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 .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 .sessions-header .date-range input[type=date],html:not([data-theme=light]) .admin-course-detail-page .student-search-filter-bar .category-filter-select,html:not([data-theme=light]) .admin-course-detail-page .student-search-filter-bar .search-row{background:#1e293b;border-color:#334155;color:#e2e8f0;color-scheme:dark}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{background:#111827;color:#e2e8f0}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{background:#1e293b;border-color:#334155;color:#e2e8f0}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;box-shadow:0 0 0 2px #64748b40;outline:none}html:not([data-theme=light]) .admin-course-detail-page .admin-course-attendance-tab .session-selector select option{background:#111827;color:#e2e8f0}html:not([data-theme=light]) .admin-course-detail-page .badge.projected{background:#3b82f626;color:#60a5fa}html:not([data-theme=light]) .admin-course-detail-page .badge.persisted{background:#22c55e26;color:#4ade80}html:not([data-theme=light]) .admin-course-detail-page .badge.cancelled{background:#ef444426;color:#f87171}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{background:#ef444424;border-color:#f8717166;color:#fca5a5}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{background:#111827;border-color:#334155;color:#e5e7eb}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{border-top-color:#334155;color:#94a3b8}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,html[data-theme=dark] .admin-course-detail-page .page-header .header-content .header-title .header-meta-secondary .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 0 #02061773}html[data-theme=dark] .admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}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{background:#0d9488;border-color:#0d9488;box-shadow:0 2px 8px #0d948859;color:#ecfeff}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-attendance-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-overview-tab .overview-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-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-sessions-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-students-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{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 .attendance-table-wrapper,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 .students-table-wrapper{border-color:#334155}html[data-theme=dark] .admin-course-detail-page .attendance-table,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 .students-table{background:#111827;color:#cbd5e1}html[data-theme=dark] .admin-course-detail-page .attendance-table th,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 .students-table th{background:#1f2937;color:#e2e8f0}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 .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 .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 .attendance-table tbody tr:hover td,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 .students-table tbody tr:hover td{background:#ffffff08}html[data-theme=dark] .admin-course-detail-page .sessions-table tr.projected{background:#94a3b814;opacity:1}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 .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 .sessions-header .date-range input[type=date],html[data-theme=dark] .admin-course-detail-page .student-search-filter-bar .category-filter-select,html[data-theme=dark] .admin-course-detail-page .student-search-filter-bar .search-row{background:#1e293b;border-color:#334155;color:#e2e8f0;color-scheme:dark}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{background:#111827;color:#e2e8f0}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{background:#1e293b;border-color:#334155;color:#e2e8f0}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;box-shadow:0 0 0 2px #64748b40;outline:none}html[data-theme=dark] .admin-course-detail-page .admin-course-attendance-tab .session-selector select option{background:#111827;color:#e2e8f0}html[data-theme=dark] .admin-course-detail-page .badge.projected{background:#3b82f626;color:#60a5fa}html[data-theme=dark] .admin-course-detail-page .badge.persisted{background:#22c55e26;color:#4ade80}html[data-theme=dark] .admin-course-detail-page .badge.cancelled{background:#ef444426;color:#f87171}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{background:#ef444424;border-color:#f8717166;color:#fca5a5}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:#f8fafc;min-height:100vh;padding:24px;position:relative}@media(max-width:640px){.course-duplicate-page{padding:16px}}.course-duplicate-toast{align-items:center;background:#1e293b;border-radius:10px;box-shadow:0 10px 40px #0000002e;color:#f8fafc;display:flex;font-size:14px;font-weight:500;gap:10px;left:50%;padding:12px 20px;position:fixed;top:16px;transform:translateX(-50%);z-index:10000}.course-duplicate-toast.is-error{background:#7f1d1d}.course-duplicate-toast svg{color:#4ade80;flex-shrink:0}.course-duplicate-toast.is-error svg{color:#fecaca}.course-duplicate-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.course-duplicate-header h1{color:#1f2937;font-size:22px;font-weight:700;margin:0}.course-duplicate-header-main{align-items:center;display:flex;gap:12px;min-width:0}.course-duplicate-header-main .course-duplicate-header-title-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:10px;min-width:0}.course-duplicate-header-main .course-duplicate-header-title-wrap h1{margin:0}.course-duplicate-header-main .course-duplicate-policy-state-pill{border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;padding:4px 10px;white-space:nowrap}.course-duplicate-header-main .course-duplicate-policy-state-pill.is-original{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.course-duplicate-header-main .course-duplicate-policy-state-pill.is-modified{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.course-duplicate-header-main .back-link{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.course-duplicate-header-main .back-link:hover{background:#f9fafb}.course-duplicate-header-actions{display:flex;flex-shrink:0;gap:10px}.course-duplicate-header-actions .btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px}.course-duplicate-header-actions .btn-secondary:hover:not(:disabled){background:#f9fafb}.course-duplicate-header-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.course-duplicate-header-actions .btn-primary{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.course-duplicate-header-actions .btn-primary:hover:not(:disabled){background:#059669}.course-duplicate-header-actions .btn-primary:disabled{cursor:not-allowed;opacity:.55}.course-duplicate-header-actions .btn-primary .spin{animation:dup-spin .8s linear infinite}@keyframes dup-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.course-duplicate-loading{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;padding:48px;text-align:center}.course-duplicate-body{display:flex;flex-direction:column;gap:24px}.course-duplicate-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:24px}.course-duplicate-section.course-duplicate-section-muted{background:#f9fafb}.course-duplicate-section-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.course-duplicate-section-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.course-duplicate-section-head .course-duplicate-section-title{margin-bottom:0}.course-duplicate-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.course-duplicate-form-grid .date-range-group,.course-duplicate-form-grid .form-group.full-width{grid-column:1/-1}.date-range-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.date-range-inputs .date-sep{color:#6b7280}.date-range-inputs .react-datepicker-wrapper{flex:1 1;min-width:140px}.course-duplicate-section .form-group{display:flex;flex-direction:column;gap:6px}.course-duplicate-section .form-group label{color:#4b5563;font-size:13px;font-weight:500}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:14px;padding:10px 12px;width:100%}.form-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98126;outline:none}textarea.form-input{min-height:72px;resize:vertical}.course-duplicate-period-schedule-hint{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0c4a6e;font-size:13px;line-height:1.5;margin:16px 0 0;padding:12px 14px}.course-duplicate-info-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:13px;margin-top:16px;padding:12px 16px}.course-duplicate-policy-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;padding:14px 16px}.add-policy-btn{align-items:center;background:#ecfdf5;border:1px solid #10b981;border-radius:8px;color:#065f46;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px}.add-policy-btn:hover{background:#d1fae5}.policy-card-list{display:flex;flex-direction:column;gap:16px}.course-duplicate-policy-section-hint{color:#6b7280;font-size:13px;line-height:1.5;margin:-4px 0 16px}.policy-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.policy-card--date-invalid{border-color:#fca5a5;box-shadow:0 0 0 1px #dc26261f}.policy-card-date-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:12px;font-weight:600;margin:0;padding:8px 10px}.policy-card-header{align-items:center;background:#f3f4f6;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:10px 14px}.policy-card-title{color:#1f2937;font-size:14px;font-weight:600}.policy-card-delete{align-items:center;background:#0000;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:6px}.policy-card-delete:hover{background:#fee2e2}.policy-card-body{display:flex;flex-direction:column;gap:12px;padding:16px}.policy-card-body .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.copy-students-label{align-items:flex-start;color:#1f2937;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px}.copy-students-label input{margin-top:3px}.copy-students-hint{color:#6b7280;font-size:13px;margin:8px 0 0 28px}.copy-students-preview{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #10b981;border-radius:10px;margin-left:28px;margin-top:16px;padding:14px 16px}.copy-preview-title{color:#475569;font-size:13px;font-weight:600;margin:0 0 10px}.copy-preview-partial-hint{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#0f766e;font-size:12px;font-weight:600;line-height:1.45;margin:0 0 10px;padding:8px 10px}.copy-preview-empty,.copy-preview-loading{color:#64748b;font-size:13px;margin:0}.copy-preview-list{color:#1f2937;font-size:13px;line-height:1.55;margin:0;padding-left:18px;word-break:break-word}.copy-preview-list li{margin:3px 0}.copy-preview-more{color:#64748b;font-size:13px;font-weight:500;margin:8px 0 0}.copy-preview-toggle{align-items:center;background:#fff;border:1px solid #a7f3d0;border-radius:8px;color:#059669;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-top:10px;padding:6px 12px}.copy-preview-toggle:hover{background:#ecfdf5}.no-students-notice{color:#9ca3af;font-size:14px;margin:0}.admin-course-duplicate-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px}.admin-course-duplicate-btn:hover{background:#f9fafb;border-color:#10b981;color:#059669}.course-duplicate-preview-wrap{border-top:1px solid #e5e7eb;margin-bottom:32px;margin-top:8px;padding-top:8px}.course-duplicate-sticky-actions{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -8px 24px #0f172a14;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 -24px -24px;padding:18px 24px calc(18px + env(safe-area-inset-bottom, 0));position:sticky;z-index:30}.course-duplicate-action-context{color:#0f172a;font-size:13px;font-weight:600;margin:0}.course-duplicate-action-btn{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:10px 20px;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.course-duplicate-action-btn:disabled{cursor:not-allowed;opacity:.55}.course-duplicate-action-btn .spin{animation:dup-spin .8s linear infinite}.course-duplicate-action-btn--cancel{background:#fff;border:1px solid #e5e7eb;color:#475569}.course-duplicate-action-btn--cancel:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.course-duplicate-action-btn--primary{background:#10b981;border:none;color:#fff}.course-duplicate-action-btn--primary:hover:not(:disabled){background:#059669}@media(max-width:640px){.course-duplicate-sticky-actions{margin:0 -16px -16px;padding-left:16px;padding-right:16px}.course-duplicate-action-btn{flex:1 1;min-width:0}.course-duplicate-action-context{width:100%}}.course-duplicate-preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:none;padding:16px 18px}.course-duplicate-preview-title{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.06em;margin:0 0 16px;text-transform:uppercase}.duplicate-preview-basic-info{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:14px;padding:12px 14px}.duplicate-preview-basic-line{grid-column-gap:8px;align-items:start;color:#334155;column-gap:8px;display:grid;font-size:13px;grid-template-columns:72px minmax(0,1fr);margin:4px 0}.duplicate-preview-basic-label{color:#64748b;display:inline-block}.duplicate-preview-basic-name{color:#0f172a;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 #cbd5e1;margin-bottom:18px;padding-bottom:4px}.duplicate-preview-section-heading{color:#1e293b;font-size:14px;font-weight:700;margin:0 0 10px}.duplicate-preview-decision-list{color:#334155;font-size:14px;line-height:1.55;margin:0;padding-left:18px}.duplicate-preview-decision-list li{margin:4px 0}.duplicate-preview-emphasis{color:#059669;font-weight:700}.duplicate-preview-excluded-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;list-style-position:outside}.duplicate-preview-badge-excluded{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.duplicate-preview-muted-text{color:#64748b;font-size:13px}.duplicate-preview-schedule-count{color:#334155;font-weight:500}.duplicate-preview-schedule-active{color:#0f172a;font-weight:600}.duplicate-preview-schedule-lines-wrap{list-style:none;margin-left:-18px}.duplicate-preview-schedule-lines{color:#334155;font-size:13px;line-height:1.5;margin:2px 0;padding-left:18px}.duplicate-preview-schedule-lines li{margin:2px 0}.duplicate-preview-final-result{color:#047857;font-size:16px;font-weight:800;margin:0}.course-duplicate-preview-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:13px;font-weight:600;margin:0 0 12px;padding:10px 12px}.course-duplicate-preview-footnote{color:#64748b;font-size:11px;line-height:1.45;margin:8px 0 10px}.course-duplicate-preview-loading{color:#64748b;font-size:12px;margin:0 0 8px}.course-duplicate-preview-name-list{color:#334155;font-size:12px;line-height:1.5;margin:0;padding-left:18px}.course-duplicate-preview-name-list li{margin:2px 0}.course-duplicate-confirm-modal-backdrop{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:70}.course-duplicate-confirm-modal{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 20px 48px #0f172a42;padding:22px;width:min(520px,100%)}.course-duplicate-confirm-modal-title{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 14px}.course-duplicate-confirm-basic-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:0 0 12px;padding:10px 12px}.course-duplicate-confirm-basic-title{color:#1e293b;font-size:13px;font-weight:700;margin:0 0 6px}.course-duplicate-confirm-basic-line{color:#334155;font-size:13px;margin:3px 0}.course-duplicate-confirm-modal-list{color:#334155;font-size:14px;line-height:1.6;margin:0;padding-left:18px}.course-duplicate-confirm-modal-list li{margin:4px 0}.course-duplicate-confirm-emphasis{color:#059669;font-weight:800}.course-duplicate-confirm-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.course-duplicate-confirm-schedule-list{color:#334155;font-size:13px;line-height:1.55;margin:8px 0 0;padding-left:18px}.course-duplicate-confirm-schedule-list li{margin:2px 0}@media(max-width:640px){.course-duplicate-header{align-items:stretch;flex-direction:column}}.add-classroom-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:24px}.add-classroom-form h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.add-classroom-form input,.add-classroom-form select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;margin-bottom:16px;padding:12px 16px;transition:all .2s ease;width:100%}.add-classroom-form input:focus,.add-classroom-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-classroom-form input::placeholder,.add-classroom-form select::placeholder{color:#9ca3af}.add-classroom-form button{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.add-classroom-form button:hover:not(:disabled){background:#059669;box-shadow:0 2px 4px #10b9814d;transform:translateY(-1px)}.add-classroom-form button:active{transform:translateY(0)}.add-classroom-form button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;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{border-bottom-color:#4a5568;color:#f1f5f9}html:not([data-theme=light]) .add-classroom-form input,html:not([data-theme=light]) .add-classroom-form select{background:#4a5568;border-color:#718096;color:#f1f5f9}html:not([data-theme=light]) .add-classroom-form input:focus,html:not([data-theme=light]) .add-classroom-form select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html:not([data-theme=light]) .add-classroom-form input::placeholder,html:not([data-theme=light]) .add-classroom-form select::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{border-bottom-color:#4a5568;color:#f1f5f9}html[data-theme=dark] .add-classroom-form input,html[data-theme=dark] .add-classroom-form select{background:#4a5568;border-color:#718096;color:#f1f5f9}html[data-theme=dark] .add-classroom-form input:focus,html[data-theme=dark] .add-classroom-form select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}html[data-theme=dark] .add-classroom-form input::placeholder,html[data-theme=dark] .add-classroom-form select::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(max-width:768px){.add-classroom-form{margin-bottom:20px;padding:20px}.add-classroom-form h3{font-size:16px;margin-bottom:16px}.add-classroom-form input,.add-classroom-form select{font-size:13px;margin-bottom:12px;padding:10px 12px}.add-classroom-form button{font-size:13px;padding:10px 12px}}.edit-classroom-form{animation:formSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;gap:16px;margin:20px auto;max-width:400px;padding:24px;width:100%}.edit-classroom-form h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px;padding-bottom:12px;text-align:center}.edit-classroom-form input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.edit-classroom-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-classroom-form input::placeholder{color:#9ca3af}.edit-classroom-form .button-group{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.edit-classroom-form .button-group button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.edit-classroom-form .button-group button.save{background:#3b82f6;color:#fff}.edit-classroom-form .button-group button.save:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.edit-classroom-form .button-group button.save:active{transform:translateY(0)}.edit-classroom-form .button-group button.cancel{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.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{border-bottom-color:#4a5568;color:#f1f5f9}html:not([data-theme=light]) .edit-classroom-form input{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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{border-bottom-color:#4a5568;color:#f1f5f9}html[data-theme=dark] .edit-classroom-form input{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#e2e8f0}html[data-theme=dark] .edit-classroom-form .button-group button.cancel:hover{background:#718096}@media(max-width:768px){.edit-classroom-form{margin:16px;max-width:none;padding:20px;width:calc(100vw - 32px)}.edit-classroom-form h3{font-size:16px}.edit-classroom-form input{font-size:14px;padding:10px 12px}.edit-classroom-form .button-group{flex-direction:column}.edit-classroom-form .button-group button{padding:12px;width:100%}}.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;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.admin-classroom-management-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.admin-classroom-management-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.admin-classroom-management-page .classroom-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.admin-classroom-management-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.admin-classroom-management-page .loading-container p{color:#6b7280;font-size:16px;margin:0}.classroom-edit-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.classroom-edit-modal .modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.classroom-edit-modal .modal-content button{margin-top:16px;width:100%}@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(max-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{margin:16px;padding:16px;width:95%}}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-info .template-header .template-type,.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 .dispatch-list .dispatch-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 .template-item .dispatch-status .status-badge,.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 .template-list .dispatch-item .dispatch-info .template-header .template-type,.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 .template-list .dispatch-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 .template-item .dispatch-status .status-badge,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-header .template-type{align-items:center;border-radius:16px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;padding:4px 12px;transition:all .2s ease;white-space:nowrap}.admin-email-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-email-page .page-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;margin-bottom:32px;padding:32px}.admin-email-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px;margin-bottom:12px}.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{font-size:28px;font-weight:700;margin:0}.admin-email-page .page-header .header-content .header-description{font-size:16px;line-height:1.6;margin:0;opacity:.9}.admin-email-page .email-dashboard{display:flex;flex-direction:column;gap:32px}.admin-email-page .email-dashboard .features-section h2{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:20px}.admin-email-page .email-dashboard .features-section .features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.admin-email-page .email-dashboard .features-section .features-grid .feature-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;cursor:pointer;display:flex;gap:16px;padding:24px;transition:all .2s ease}.admin-email-page .email-dashboard .features-section .features-grid .feature-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-content{flex:1 1}.admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-content h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-content p{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.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-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.admin-email-page .email-dashboard .recent-activity .activity-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.admin-email-page .email-dashboard .recent-activity .activity-section .section-header{align-items:center;display:flex;justify-content:between;margin-bottom:20px}.admin-email-page .email-dashboard .recent-activity .activity-section .section-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.admin-email-page .email-dashboard .recent-activity .activity-section .section-header .view-all-btn{background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;padding:4px 8px;transition:background-color .2s ease}.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 .dispatch-list,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list{display:flex;flex-direction:column;gap:12px}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .loading-container,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .loading-container{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .loading-container .loading-spinner,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .loading-container .loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .loading-container p,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .loading-container p{color:#6b7280;font-size:14px;margin:0}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .empty-state,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .empty-state svg,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .empty-state svg{color:#9ca3af}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .empty-state p,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .empty-state p{color:#6b7280;font-size:14px;margin:0}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item:hover{background:#f9fafb;border-color:#3b82f6;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-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 .template-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 .template-list .dispatch-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 .template-item .dispatch-info,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-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 .template-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 .template-list .dispatch-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 .template-item .dispatch-info .template-header,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-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 .template-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 .template-list .dispatch-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 .template-item .dispatch-info .template-header h4,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-header h4{color:#1f2937;flex:1 1;font-size:15px;font-weight:600;line-height:1.4;margin:0}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-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 .template-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 .template-list .dispatch-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 .template-item .dispatch-info>p,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info>p{-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-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 .template-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 .template-list .dispatch-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 .template-item .dispatch-info h4,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-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 .template-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 .template-item .dispatch-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 .template-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 .template-list .dispatch-item .dispatch-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 .template-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 .template-item .dispatch-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 .template-info .dispatch-date,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-date{color:#9ca3af;font-size:12px}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item .template-actions,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions{display:flex;gap:8px}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item .template-actions .action-btn,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:6px;transition:all .2s ease}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item .template-actions .action-btn:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn:hover{background:#e5e7eb;color:#374151}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item .template-actions .action-btn:first-child:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn:first-child:hover{color:#3b82f6}.admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item .template-actions .action-btn:last-child:hover,.admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn:last-child:hover{color:#ef4444}.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 .dispatch-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 .template-list .template-item .dispatch-status .status-badge{letter-spacing:.5px;text-transform:uppercase}.admin-email-page .email-dashboard .quick-actions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.admin-email-page .email-dashboard .quick-actions h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px}.admin-email-page .email-dashboard .quick-actions .actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:16px 20px;transition:all .2s ease}.admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn.primary{background:#3b82f6;color:#fff}.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{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn.secondary:hover{background:#e5e7eb}@media(max-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{gap:16px;grid-template-columns:1fr}.admin-email-page .email-dashboard .features-section .features-grid .feature-card{padding:20px}.admin-email-page .email-dashboard .recent-activity{gap:20px;grid-template-columns:1fr}.admin-email-page .email-dashboard .quick-actions,.admin-email-page .email-dashboard .recent-activity .activity-section{padding:20px}.admin-email-page .email-dashboard .quick-actions .actions-grid{gap:12px;grid-template-columns:1fr}.admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn{font-size:13px;padding:14px 16px}}@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,#5a67d8)}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-arrow,html:not([data-theme=light]) .admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-content p{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 .dispatch-list .loading-container .loading-spinner,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .loading-container .loading-spinner{border-color:#60a5fa #4a5568 #4a5568}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .loading-container p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .loading-container p{color:#a0aec0}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .empty-state svg,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .empty-state svg{color:#718096}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .empty-state p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .empty-state p{color:#a0aec0}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item{background:#4a5568;border-color:#718096}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item:hover,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-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 .dispatch-list .dispatch-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 .template-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 .template-list .dispatch-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 .template-item .dispatch-info .template-header h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-header h4{color:#f1f5f9}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .dispatch-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 .template-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 .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 .template-item .dispatch-info .template-header .template-type,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-header .template-type{opacity:.95}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-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 .template-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 .template-list .dispatch-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 .template-item .dispatch-info>p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info>p{color:#a0aec0}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-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 .template-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 .template-list .dispatch-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 .template-item .dispatch-info h4,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info h4{color:#f1f5f9}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-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 .template-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 .template-list .dispatch-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 .template-item .dispatch-info p,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info p{color:#a0aec0}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-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 .template-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 .template-item .dispatch-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 .template-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 .template-list .dispatch-item .dispatch-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 .template-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 .template-item .dispatch-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 .template-info .dispatch-date,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-date{color:#718096}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item .template-actions .action-btn,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn{color:#a0aec0}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item .template-actions .action-btn:hover,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn:hover{background:#2d3748;color:#60a5fa}html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item .dispatch-status .status-badge,html:not([data-theme=light]) .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-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{background:#3b82f6;color:#fff}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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,#5a67d8)}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-arrow,html[data-theme=dark] .admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-content p{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 .dispatch-list .loading-container .loading-spinner,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .loading-container .loading-spinner{border-color:#60a5fa #4a5568 #4a5568}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .loading-container p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .loading-container p{color:#a0aec0}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .empty-state svg,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .empty-state svg{color:#718096}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .empty-state p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .empty-state p{color:#a0aec0}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item{background:#4a5568;border-color:#718096}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item:hover,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-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 .dispatch-list .dispatch-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 .template-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 .template-list .dispatch-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 .template-item .dispatch-info .template-header h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-header h4{color:#f1f5f9}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-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 .template-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 .template-list .dispatch-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 .template-item .dispatch-info .template-header .template-type,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-header .template-type{opacity:.95}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-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 .template-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 .template-list .dispatch-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 .template-item .dispatch-info>p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info>p{color:#a0aec0}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-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 .template-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 .template-list .dispatch-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 .template-item .dispatch-info h4,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info h4{color:#f1f5f9}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-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 .template-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 .template-list .dispatch-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 .template-item .dispatch-info p,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info p{color:#a0aec0}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-list .dispatch-item .dispatch-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 .template-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 .template-item .dispatch-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 .template-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 .template-list .dispatch-item .dispatch-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 .template-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 .template-item .dispatch-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 .template-info .dispatch-date,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-info .template-date{color:#718096}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item .template-actions .action-btn,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn{color:#a0aec0}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item .template-actions .action-btn:hover,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-item .template-actions .action-btn:hover{background:#2d3748;color:#60a5fa}html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .dispatch-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 .template-list .dispatch-item .dispatch-status .status-badge,html[data-theme=dark] .admin-email-page .email-dashboard .recent-activity .activity-section .template-list .template-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{background:#3b82f6;color:#fff}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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{align-items:center;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:12px 16px}.admin-email-templates-page .flash-warning-banner span{flex:1 1}.admin-email-templates-page .flash-warning-banner .flash-warning-dismiss{align-items:center;background:#0000;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:4px}.admin-email-templates-page .flash-warning-banner .flash-warning-dismiss:hover{background:#92400e14}.admin-email-templates-page .error-container,.admin-email-templates-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:50vh;justify-content:center;text-align:center}.admin-email-templates-page .error-container p,.admin-email-templates-page .loading-container p{color:#6b7280;font-size:16px;margin:0}.admin-email-templates-page .error-container h3,.admin-email-templates-page .loading-container h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.admin-email-templates-page .error-container .retry-btn,.admin-email-templates-page .loading-container .retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.admin-email-templates-page .error-container .retry-btn:hover,.admin-email-templates-page .loading-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;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.admin-email-templates-page .page-header .header-content{align-items:flex-start;display:flex;justify-content:space-between}.admin-email-templates-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.admin-email-templates-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.admin-email-templates-page .page-header .header-content .header-title .back-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.admin-email-templates-page .page-header .header-content .header-title .back-btn:hover{background:#f3f4f6;color:#374151}.admin-email-templates-page .page-header .header-content .create-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s ease}.admin-email-templates-page .page-header .header-content .create-btn:hover{background:#2563eb}.admin-email-templates-page .templates-content .search-filter-section{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;display:flex;gap:16px;margin-bottom:24px;padding:20px}.admin-email-templates-page .templates-content .search-filter-section .search-box{align-items:center;display:flex;flex:1 1;position:relative}.admin-email-templates-page .templates-content .search-filter-section .search-box svg{color:#9ca3af;left:12px;position:absolute;z-index:1}.admin-email-templates-page .templates-content .search-filter-section .search-box input{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px 10px 40px;width:100%}.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;display:flex;gap:8px}.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;font-size:14px;min-width:120px;padding:10px 12px}.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{display:flex;gap:8px}.admin-email-templates-page .templates-content .search-filter-section .action-buttons .action-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;padding:10px;transition:all .2s ease}.admin-email-templates-page .templates-content .search-filter-section .action-buttons .action-btn:hover{background:#e5e7eb;color:#374151}.admin-email-templates-page .templates-content .templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.admin-email-templates-page .templates-content .templates-grid .template-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;cursor:pointer;padding:20px;transition:all .2s ease}.admin-email-templates-page .templates-content .templates-grid .template-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-category{display:flex;flex-direction:column;gap:8px}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-category .category-badge{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;width:fit-content}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-category .status-badge{border-radius:8px;display:inline-block;font-size:11px;font-weight:500;padding:2px 6px;width:fit-content}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-category .status-badge.active{background:#d1fae5;color:#065f46}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-category .status-badge.draft{background:#fef3c7;color:#92400e}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-category .status-badge.inactive{background:#fee2e2;color:#991b1b}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-actions{display:flex;gap:4px}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-actions .action-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:6px;transition:all .2s ease}.admin-email-templates-page .templates-content .templates-grid .template-card .template-header .template-actions .action-btn:hover{background:#f3f4f6;color:#374151}.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;font-size:16px;font-weight:600;margin:0 0 8px}.admin-email-templates-page .templates-content .templates-grid .template-card .template-content .template-subject{color:#3b82f6;font-size:14px;font-weight:500;margin:0 0 12px}.admin-email-templates-page .templates-content .templates-grid .template-card .template-content .template-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:13px;line-height:1.5;padding:12px}.admin-email-templates-page .templates-content .templates-grid .template-card .template-footer{align-items:center;display:flex;justify-content:space-between}.admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-stats{display:flex;gap:12px}.admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-stats .stat{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:4px}.admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-variables{display:flex;flex-wrap:wrap;gap:4px}.admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-variables .variable-tag{background:#e0e7ff;border-radius:4px;color:#3730a3;font-size:11px;font-weight:500;padding:2px 6px}.admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-variables .variable-more{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:11px;font-weight:500;padding:2px 6px}.admin-email-templates-page .templates-content .empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:80px 20px;text-align:center}.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;font-size:18px;font-weight:600;margin:0 0 8px}.admin-email-templates-page .templates-content .empty-state p{color:#6b7280;font-size:14px;margin:0 0 24px}.admin-email-templates-page .templates-content .empty-state .create-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s ease}.admin-email-templates-page .templates-content .empty-state .create-btn:hover{background:#2563eb}.admin-email-templates-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-email-templates-page .modal-overlay .modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow:hidden;padding:0;width:90%}.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;font-size:14px;margin-bottom:24px;text-align:center}.admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px;text-align:center}.admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-grid .template-type-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;transition:all .2s ease}.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;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.admin-email-templates-page .modal-overlay .modal-content.create-template-modal .modal-body .template-type-selection .template-type-grid .template-type-btn .type-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.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 1}.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;font-size:14px;font-weight:600;margin:0 0 4px}.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;font-size:12px;line-height:1.4;margin:0}.admin-email-templates-page .modal-overlay .modal-content .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.admin-email-templates-page .modal-overlay .modal-content .modal-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.admin-email-templates-page .modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:background-color .2s ease}.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;font-size:14px;line-height:1.6;margin:0}.admin-email-templates-page .modal-overlay .modal-content .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-secondary:hover{background:#e5e7eb}.admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-primary{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-primary:hover{background:#2563eb}@media(max-width:768px){.admin-email-templates-page{padding:16px}.admin-email-templates-page .page-header{padding:20px}.admin-email-templates-page .page-header .header-content{align-items:stretch;flex-direction:column;gap:16px}.admin-email-templates-page .page-header .header-content .header-title{align-items:flex-start;flex-direction:column;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{align-items:stretch;flex-direction:column;gap:12px}.admin-email-templates-page .templates-content .search-filter-section .action-buttons{justify-content:center}.admin-email-templates-page .templates-content .templates-grid{gap:16px;grid-template-columns:1fr}.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 .error-container p,html:not([data-theme=light]) .admin-email-templates-page .loading-container p{color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .error-container h3,html:not([data-theme=light]) .admin-email-templates-page .loading-container h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-templates-page .error-container .retry-btn,html:not([data-theme=light]) .admin-email-templates-page .loading-container .retry-btn{background:#4299e1}html:not([data-theme=light]) .admin-email-templates-page .error-container .retry-btn:hover,html:not([data-theme=light]) .admin-email-templates-page .loading-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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#a0aec0}html:not([data-theme=light]) .admin-email-templates-page .templates-content .search-filter-section .action-buttons .action-btn:hover{background:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#a0aec0}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{background:#2d3748;color:#90cdf4}html:not([data-theme=light]) .admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-variables .variable-more{background:#4a5568;color:#a0aec0}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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 .error-container p,html[data-theme=dark] .admin-email-templates-page .loading-container p{color:#a0aec0}html[data-theme=dark] .admin-email-templates-page .error-container h3,html[data-theme=dark] .admin-email-templates-page .loading-container h3{color:#f1f5f9}html[data-theme=dark] .admin-email-templates-page .error-container .retry-btn,html[data-theme=dark] .admin-email-templates-page .loading-container .retry-btn{background:#4299e1}html[data-theme=dark] .admin-email-templates-page .error-container .retry-btn:hover,html[data-theme=dark] .admin-email-templates-page .loading-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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#a0aec0}html[data-theme=dark] .admin-email-templates-page .templates-content .search-filter-section .action-buttons .action-btn:hover{background:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#a0aec0}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{background:#2d3748;color:#90cdf4}html[data-theme=dark] .admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-variables .variable-more{background:#4a5568;color:#a0aec0}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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;font-size:15px;font-weight:700;margin:0 0 8px}.template-variable-panel-desc,.template-variable-panel-empty{color:#64748b;font-size:13px;line-height:1.5;margin:0 0 12px}.template-variable-panel .template-variable-guide,.template-variable-panel .template-variable-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 16px;padding:0}.template-variable-panel .template-variable-guide-item{display:flex;flex:1 1 100%;flex-direction:column;gap:4px;min-width:0}.template-variable-panel .template-variable-hint{color:#64748b;font-size:12px;line-height:1.45;padding-left:2px}.template-variable-panel .template-variable-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#334155;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;padding:6px 10px}.template-variable-panel .template-variable-chip:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.template-variable-panel .variable-format-warning{color:#92400e;font-size:12px;gap:6px;line-height:1.5;margin-top:8px;padding:8px 10px}.template-variable-panel .variable-format-warning,.template-variable-panel-notice{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;display:flex}.template-variable-panel-notice{gap:8px;padding:10px 12px}.template-variable-panel-notice p{color:#92400e;font-size:12px;line-height:1.4;margin:0}.create-main.with-variable-panel,.edit-main.with-variable-panel{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 260px}@media(max-width:1024px){.create-main.with-variable-panel,.edit-main.with-variable-panel{grid-template-columns:1fr}}.course-description-text{color:#94a3b8;display:block;font-size:14px;line-height:1.5;margin-top:6px}.course-description-cell{color:#64748b;font-size:13px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@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{background:#4a5568;border-color:#718096;color:#e2e8f0}html:not([data-theme=light]) .template-variable-panel .template-variable-chip:hover{background:#68d3911f;border-color:#68d391;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{background:#fbbf241f;border-color:#fbbf2459;color:#fcd34d}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-cell,html:not([data-theme=light]) .course-description-text{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{background:#4a5568;border-color:#718096;color:#e2e8f0}html[data-theme=dark] .template-variable-panel .template-variable-chip:hover{background:#68d3911f;border-color:#68d391;color:#68d391}html[data-theme=dark] .template-variable-panel .template-variable-hint{color:#a0aec0}html[data-theme=dark] .template-variable-panel .variable-format-warning{background:#fbbf241f;border-color:#fbbf2459;color:#fcd34d}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-cell,html[data-theme=dark] .course-description-text{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;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.admin-email-template-create-page .page-header .header-content{align-items:flex-start;display:flex;justify-content:space-between}.admin-email-template-create-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.admin-email-template-create-page .page-header .header-content .header-title .back-btn{background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;padding:8px;transition:all .2s ease}.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);font-size:24px;font-weight:700;margin:0 0 8px}.admin-email-template-create-page .page-header .header-content .header-title .template-type-info .type-badge{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:8px;padding:8px 12px}.admin-email-template-create-page .page-header .header-content .header-title .template-type-info .type-description{color:var(--text-muted);font-size:14px;line-height:1.5;margin:0}.admin-email-template-create-page .page-header .header-content .header-actions{display:flex;gap:12px}.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-btn,.admin-email-template-create-page .page-header .header-content .header-actions .save-draft-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.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-btn:disabled,.admin-email-template-create-page .page-header .header-content .header-actions .save-draft-btn:disabled{cursor:not-allowed;opacity:.5}.admin-email-template-create-page .page-header .header-content .header-actions .preview-btn{background:var(--btn-secondary-bg);border:1px solid var(--input-border);color:var(--btn-secondary-fg)}.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{background:#f59e0b;color:#fff}.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{display:grid;grid-template-columns:1fr}.admin-email-template-create-page .create-content .create-main.with-preview{gap:24px;grid-template-columns:1fr 400px}.admin-email-template-create-page .create-content .create-main .create-form{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:32px}.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);font-size:18px;font-weight:600;margin:0 0 8px}.admin-email-template-create-page .create-content .create-main .create-form .form-section .section-header .section-description{color:var(--text-muted);font-size:14px;line-height:1.5;margin:0}.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{background:var(--surface-0);border:1px solid var(--input-border);border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.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);box-shadow:0 0 0 3px #3b82f61a;outline:none}.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{font-family:inherit;line-height:1.6;min-height:200px;resize:vertical}.admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .error-message{color:var(--error-fg);font-size:12px;margin-top:4px}.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);font-size:14px;font-weight:600;margin:0 0 8px}.admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info .variables-description{color:var(--text-muted);font-size:13px;line-height:1.4;margin:0 0 12px}.admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info .variables-list{display:flex;flex-wrap:wrap;gap:6px}.admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info .variables-list .variable-tag{background:#e0e7ff;border-radius:6px;color:#3730a3;font-family:monospace;font-size:12px;font-weight:500;padding:4px 8px}.admin-email-template-create-page .create-content .create-main .preview-panel{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;height:fit-content;padding:24px}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:20px;padding-bottom:16px}.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);font-size:16px;font-weight:600;margin:0}.admin-email-template-create-page .save-error-overlay,.admin-email-template-create-page .save-success-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-email-template-create-page .save-error-overlay .error-content,.admin-email-template-create-page .save-error-overlay .success-content,.admin-email-template-create-page .save-success-overlay .error-content,.admin-email-template-create-page .save-success-overlay .success-content{background:var(--surface-0);border-radius:12px;max-width:400px;padding:40px;text-align:center;width:90%}.admin-email-template-create-page .save-error-overlay .error-content svg,.admin-email-template-create-page .save-error-overlay .success-content svg,.admin-email-template-create-page .save-success-overlay .error-content svg,.admin-email-template-create-page .save-success-overlay .success-content svg{margin-bottom:16px}.admin-email-template-create-page .save-error-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-success-overlay .error-content.success-content svg,.admin-email-template-create-page .save-success-overlay .success-content.success-content svg{color:var(--success-dot)}.admin-email-template-create-page .save-error-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-success-overlay .error-content.error-content svg,.admin-email-template-create-page .save-success-overlay .success-content.error-content svg{color:var(--error-fg)}.admin-email-template-create-page .save-error-overlay .error-content h3,.admin-email-template-create-page .save-error-overlay .success-content h3,.admin-email-template-create-page .save-success-overlay .error-content h3,.admin-email-template-create-page .save-success-overlay .success-content h3{color:var(--text-heading);font-size:18px;font-weight:600;margin:0 0 8px}.admin-email-template-create-page .save-error-overlay .error-content p,.admin-email-template-create-page .save-error-overlay .success-content p,.admin-email-template-create-page .save-success-overlay .error-content p,.admin-email-template-create-page .save-success-overlay .success-content p{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0 0 20px}.admin-email-template-create-page .save-error-overlay .error-content .retry-btn,.admin-email-template-create-page .save-error-overlay .success-content .retry-btn,.admin-email-template-create-page .save-success-overlay .error-content .retry-btn,.admin-email-template-create-page .save-success-overlay .success-content .retry-btn{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.admin-email-template-create-page .save-error-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-success-overlay .error-content .retry-btn:hover,.admin-email-template-create-page .save-success-overlay .success-content .retry-btn:hover{background:var(--accent-hover)}@media(max-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{align-items:stretch;flex-direction:column;gap:16px}.admin-email-template-create-page .page-header .header-content .header-title{align-items:flex-start;flex-direction:column;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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#f6ad55;color:#1a202c}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#2d3748;color:#90cdf4}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-error-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-success-overlay .error-content,html:not([data-theme=light]) .admin-email-template-create-page .save-success-overlay .success-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-template-create-page .save-error-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-success-overlay .error-content h3,html:not([data-theme=light]) .admin-email-template-create-page .save-success-overlay .success-content h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-template-create-page .save-error-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-success-overlay .error-content p,html:not([data-theme=light]) .admin-email-template-create-page .save-success-overlay .success-content p{color:#a0aec0}html:not([data-theme=light]) .admin-email-template-create-page .save-error-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-success-overlay .error-content .retry-btn,html:not([data-theme=light]) .admin-email-template-create-page .save-success-overlay .success-content .retry-btn{background:#4299e1}html:not([data-theme=light]) .admin-email-template-create-page .save-error-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-success-overlay .error-content .retry-btn:hover,html:not([data-theme=light]) .admin-email-template-create-page .save-success-overlay .success-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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#f6ad55;color:#1a202c}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#2d3748;color:#90cdf4}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-error-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-success-overlay .error-content,html[data-theme=dark] .admin-email-template-create-page .save-success-overlay .success-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-template-create-page .save-error-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-success-overlay .error-content h3,html[data-theme=dark] .admin-email-template-create-page .save-success-overlay .success-content h3{color:#f1f5f9}html[data-theme=dark] .admin-email-template-create-page .save-error-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-success-overlay .error-content p,html[data-theme=dark] .admin-email-template-create-page .save-success-overlay .success-content p{color:#a0aec0}html[data-theme=dark] .admin-email-template-create-page .save-error-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-success-overlay .error-content .retry-btn,html[data-theme=dark] .admin-email-template-create-page .save-success-overlay .success-content .retry-btn{background:#4299e1}html[data-theme=dark] .admin-email-template-create-page .save-error-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-success-overlay .error-content .retry-btn:hover,html[data-theme=dark] .admin-email-template-create-page .save-success-overlay .success-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{align-items:center;display:flex;flex-direction:column;gap:16px;height:50vh;justify-content:center}.admin-email-template-edit-page .loading-container p{color:var(--text-muted);font-size:16px;margin:0}.admin-email-template-edit-page .page-header{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.admin-email-template-edit-page .page-header .header-content{align-items:flex-start;display:flex;justify-content:space-between}.admin-email-template-edit-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.admin-email-template-edit-page .page-header .header-content .header-title .back-btn{background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;padding:8px;transition:all .2s ease}.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);font-size:24px;font-weight:700;margin:0 0 8px}.admin-email-template-edit-page .page-header .header-content .header-title .template-info .type-badge{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:8px;padding:8px 12px}.admin-email-template-edit-page .page-header .header-content .header-title .template-info .template-stats{display:flex;flex-wrap:wrap;gap:16px}.admin-email-template-edit-page .page-header .header-content .header-title .template-info .template-stats .stat{background:var(--surface-1);border-radius:6px;color:var(--text-muted);font-size:13px;padding:4px 8px}.admin-email-template-edit-page .page-header .header-content .header-actions{display:flex;gap:12px}.admin-email-template-edit-page .page-header .header-content .header-actions .delete-btn,.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-btn,.admin-email-template-edit-page .page-header .header-content .header-actions .save-draft-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.admin-email-template-edit-page .page-header .header-content .header-actions .delete-btn:disabled,.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-btn:disabled,.admin-email-template-edit-page .page-header .header-content .header-actions .save-draft-btn:disabled{cursor:not-allowed;opacity:.5}.admin-email-template-edit-page .page-header .header-content .header-actions .preview-btn{background:var(--btn-secondary-bg);border:1px solid var(--input-border);color:var(--btn-secondary-fg)}.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{background:#f59e0b;color:#fff}.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{background:#ef4444;color:#fff}.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{display:grid;grid-template-columns:1fr}.admin-email-template-edit-page .edit-content .edit-main.with-preview{gap:24px;grid-template-columns:1fr 400px}.admin-email-template-edit-page .edit-content .edit-main .edit-form{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:32px}.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);font-size:18px;font-weight:600;margin:0 0 8px}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .section-header .section-description{color:var(--text-muted);font-size:14px;line-height:1.5;margin:0}.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{background:var(--surface-0);border:1px solid var(--input-border);border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.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);box-shadow:0 0 0 3px #3b82f61a;outline:none}.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{font-family:inherit;line-height:1.6;min-height:200px;resize:vertical}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .error-message{color:var(--error-fg);font-size:12px;margin-top:4px}.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);font-size:14px;font-weight:600;margin:0 0 8px}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info .variables-description{color:var(--text-muted);font-size:13px;line-height:1.4;margin:0 0 12px}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info .variables-list{display:flex;flex-wrap:wrap;gap:6px}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info .variables-list .variable-tag{background:#e0e7ff;border-radius:6px;color:#3730a3;font-family:monospace;font-size:12px;font-weight:500;padding:4px 8px}.admin-email-template-edit-page .edit-content .edit-main .edit-form .changes-notice{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;display:flex;gap:8px;margin-top:20px;padding:12px 16px}.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;box-shadow:0 1px 3px 0 #0000001a;height:fit-content;padding:24px}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:20px;padding-bottom:16px}.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);font-size:16px;font-weight:600;margin:0}.admin-email-template-edit-page .save-error-overlay,.admin-email-template-edit-page .save-success-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-email-template-edit-page .save-error-overlay .error-content,.admin-email-template-edit-page .save-error-overlay .success-content,.admin-email-template-edit-page .save-success-overlay .error-content,.admin-email-template-edit-page .save-success-overlay .success-content{background:var(--surface-0);border-radius:12px;max-width:400px;padding:40px;text-align:center;width:90%}.admin-email-template-edit-page .save-error-overlay .error-content svg,.admin-email-template-edit-page .save-error-overlay .success-content svg,.admin-email-template-edit-page .save-success-overlay .error-content svg,.admin-email-template-edit-page .save-success-overlay .success-content svg{margin-bottom:16px}.admin-email-template-edit-page .save-error-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-success-overlay .error-content.success-content svg,.admin-email-template-edit-page .save-success-overlay .success-content.success-content svg{color:var(--success-dot)}.admin-email-template-edit-page .save-error-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-success-overlay .error-content.error-content svg,.admin-email-template-edit-page .save-success-overlay .success-content.error-content svg{color:var(--error-fg)}.admin-email-template-edit-page .save-error-overlay .error-content h3,.admin-email-template-edit-page .save-error-overlay .success-content h3,.admin-email-template-edit-page .save-success-overlay .error-content h3,.admin-email-template-edit-page .save-success-overlay .success-content h3{color:var(--text-heading);font-size:18px;font-weight:600;margin:0 0 8px}.admin-email-template-edit-page .save-error-overlay .error-content p,.admin-email-template-edit-page .save-error-overlay .success-content p,.admin-email-template-edit-page .save-success-overlay .error-content p,.admin-email-template-edit-page .save-success-overlay .success-content p{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0 0 20px}.admin-email-template-edit-page .save-error-overlay .error-content .retry-btn,.admin-email-template-edit-page .save-error-overlay .success-content .retry-btn,.admin-email-template-edit-page .save-success-overlay .error-content .retry-btn,.admin-email-template-edit-page .save-success-overlay .success-content .retry-btn{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.admin-email-template-edit-page .save-error-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-success-overlay .error-content .retry-btn:hover,.admin-email-template-edit-page .save-success-overlay .success-content .retry-btn:hover{background:var(--accent-hover)}.spinning{animation:spin 1s linear infinite}@media(max-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{align-items:stretch;flex-direction:column;gap:16px}.admin-email-template-edit-page .page-header .header-content .header-title{align-items:flex-start;flex-direction:column;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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;color:#a0aec0}html:not([data-theme=light]) .admin-email-template-edit-page .page-header .header-content .header-actions .preview-btn{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#f6ad55;color:#1a202c}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#2d3748;color:#90cdf4}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 span,html:not([data-theme=light]) .admin-email-template-edit-page .edit-content .edit-main .edit-form .changes-notice svg{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-error-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-success-overlay .error-content,html:not([data-theme=light]) .admin-email-template-edit-page .save-success-overlay .success-content{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .admin-email-template-edit-page .save-error-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-success-overlay .error-content h3,html:not([data-theme=light]) .admin-email-template-edit-page .save-success-overlay .success-content h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-template-edit-page .save-error-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-success-overlay .error-content p,html:not([data-theme=light]) .admin-email-template-edit-page .save-success-overlay .success-content p{color:#a0aec0}html:not([data-theme=light]) .admin-email-template-edit-page .save-error-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-success-overlay .error-content .retry-btn,html:not([data-theme=light]) .admin-email-template-edit-page .save-success-overlay .success-content .retry-btn{background:#4299e1}html:not([data-theme=light]) .admin-email-template-edit-page .save-error-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-success-overlay .error-content .retry-btn:hover,html:not([data-theme=light]) .admin-email-template-edit-page .save-success-overlay .success-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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;color:#a0aec0}html[data-theme=dark] .admin-email-template-edit-page .page-header .header-content .header-actions .preview-btn{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#f6ad55;color:#1a202c}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#2d3748;color:#90cdf4}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 span,html[data-theme=dark] .admin-email-template-edit-page .edit-content .edit-main .edit-form .changes-notice svg{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-error-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-success-overlay .error-content,html[data-theme=dark] .admin-email-template-edit-page .save-success-overlay .success-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .admin-email-template-edit-page .save-error-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-success-overlay .error-content h3,html[data-theme=dark] .admin-email-template-edit-page .save-success-overlay .success-content h3{color:#f1f5f9}html[data-theme=dark] .admin-email-template-edit-page .save-error-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-success-overlay .error-content p,html[data-theme=dark] .admin-email-template-edit-page .save-success-overlay .success-content p{color:#a0aec0}html[data-theme=dark] .admin-email-template-edit-page .save-error-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-success-overlay .error-content .retry-btn,html[data-theme=dark] .admin-email-template-edit-page .save-success-overlay .success-content .retry-btn{background:#4299e1}html[data-theme=dark] .admin-email-template-edit-page .save-error-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-success-overlay .error-content .retry-btn:hover,html[data-theme=dark] .admin-email-template-edit-page .save-success-overlay .success-content .retry-btn:hover{background:#3182ce}.admin-email-dispatches-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-email-dispatches-page .flash-warning-banner{align-items:center;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:12px 16px}.admin-email-dispatches-page .flash-warning-banner span{flex:1 1}.admin-email-dispatches-page .flash-warning-banner .flash-warning-dismiss{align-items:center;background:#0000;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:4px}.admin-email-dispatches-page .flash-warning-banner .flash-warning-dismiss:hover{background:#92400e14}.admin-email-dispatches-page .error-container,.admin-email-dispatches-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:50vh;justify-content:center;text-align:center}.admin-email-dispatches-page .error-container p,.admin-email-dispatches-page .loading-container p{color:#6b7280;font-size:16px;margin:0}.admin-email-dispatches-page .error-container h3,.admin-email-dispatches-page .loading-container h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.admin-email-dispatches-page .error-container .retry-btn,.admin-email-dispatches-page .loading-container .retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.admin-email-dispatches-page .error-container .retry-btn:hover,.admin-email-dispatches-page .loading-container .retry-btn:hover{background:#2563eb}.admin-email-dispatches-page .error-container .spinning,.admin-email-dispatches-page .loading-container .spinning{animation:spin 1s linear infinite}.admin-email-dispatches-page .error-container p{color:#ef4444}.admin-email-dispatches-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.admin-email-dispatches-page .page-header .header-content{align-items:flex-start;display:flex;justify-content:space-between}.admin-email-dispatches-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.admin-email-dispatches-page .page-header .header-content .header-title .back-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.admin-email-dispatches-page .page-header .header-content .header-title .back-btn:hover{background:#f3f4f6;color:#374151}.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;font-size:24px;font-weight:700;margin:0 0 4px}.admin-email-dispatches-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.admin-email-dispatches-page .page-header .header-content .create-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s ease}.admin-email-dispatches-page .page-header .header-content .create-btn:hover{background:#059669}.admin-email-dispatches-page .search-filter-section{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;display:flex;gap:16px;margin-bottom:24px;padding:20px}.admin-email-dispatches-page .search-filter-section .search-box{align-items:center;display:flex;flex:1 1;position:relative}.admin-email-dispatches-page .search-filter-section .search-box svg{color:#9ca3af;left:12px;position:absolute;z-index:1}.admin-email-dispatches-page .search-filter-section .search-box input{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px 10px 40px;width:100%}.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;display:flex;gap:8px}.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;font-size:14px;min-width:120px;padding:10px 12px}.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;display:flex;gap:8px}.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;font-size:14px;min-width:140px;padding:10px 12px}.admin-email-dispatches-page .search-filter-section .sort-section select:focus{border-color:#10b981;outline:none}.admin-email-dispatches-page .dispatches-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.admin-email-dispatches-page .dispatches-grid .dispatch-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:20px;transition:all .2s ease}.admin-email-dispatches-page .dispatches-grid .dispatch-card.is-clickable{cursor:pointer}.admin-email-dispatches-page .dispatches-grid .dispatch-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-status{display:flex;flex-direction:column;gap:8px}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-status .status-badge{border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:500;padding:4px 8px;width:fit-content}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-status .segment-type{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-size:12px;padding:2px 6px;width:fit-content}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions{display:flex;gap:4px}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:6px;transition:all .2s ease}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn:hover{background:#f3f4f6;color:#374151}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn.send-btn:hover{background:#f0fdf4;color:#10b981}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn.delete-btn:hover{background:#fef2f2;color:#ef4444}.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;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-content .dispatch-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:13px;line-height:1.5;padding:12px}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-stats .stat-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.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{align-items:center;display:flex;justify-content:space-between}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-dates .date{align-items:center;color:#9ca3af;display:flex;font-size:11px;gap:4px}.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{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:80px 20px;text-align:center}.admin-email-dispatches-page .empty-state svg{color:#9ca3af;margin-bottom:16px}.admin-email-dispatches-page .empty-state h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.admin-email-dispatches-page .empty-state p{color:#6b7280;font-size:14px;margin:0 0 24px}.admin-email-dispatches-page .empty-state .create-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s ease}.admin-email-dispatches-page .empty-state .create-btn:hover{background:#059669}.admin-email-dispatches-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-email-dispatches-page .modal-overlay .modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow:hidden;padding:0;width:90%}.admin-email-dispatches-page .modal-overlay .modal-content .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.admin-email-dispatches-page .modal-overlay .modal-content .modal-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.admin-email-dispatches-page .modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:background-color .2s ease}.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;font-size:14px;line-height:1.6;margin:0 0 20px}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options{display:flex;flex-direction:column;gap:12px}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn{align-items:flex-start;background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;min-height:80px;padding:20px;text-align:left;transition:all .2s ease;width:100%}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn:hover{background:#f0fdf4;border-color:#10b981;box-shadow:0 4px 12px #10b98126;transform:translateY(-2px)}.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;font-size:16px;font-weight:600;margin:0 0 6px}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn div p{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.admin-email-dispatches-page .modal-overlay .modal-content .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.admin-email-dispatches-page .modal-overlay .modal-content .modal-footer .btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.admin-email-dispatches-page .modal-overlay .modal-content .modal-footer .btn-secondary:hover{background:#e5e7eb}@media(max-width:768px){.admin-email-dispatches-page{padding:16px}.admin-email-dispatches-page .page-header{padding:20px}.admin-email-dispatches-page .page-header .header-content{align-items:stretch;flex-direction:column;gap:16px}.admin-email-dispatches-page .page-header .header-content .header-title{align-items:center;flex-direction:row;gap:12px}.admin-email-dispatches-page .page-header .header-content .create-btn{align-self:flex-start}.admin-email-dispatches-page .search-filter-section{align-items:stretch;flex-direction:column;gap:12px}.admin-email-dispatches-page .search-filter-section .action-buttons{justify-content:center}.admin-email-dispatches-page .dispatches-grid{gap:16px;grid-template-columns:1fr}.admin-email-dispatches-page .dispatches-grid .dispatch-card{padding:16px}.admin-email-dispatches-page .modal-overlay .modal-content{margin:20px;max-width:95%}.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 .error-container p,html:not([data-theme=light]) .admin-email-dispatches-page .loading-container p{color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatches-page .error-container h3,html:not([data-theme=light]) .admin-email-dispatches-page .loading-container h3{color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatches-page .error-container .retry-btn,html:not([data-theme=light]) .admin-email-dispatches-page .loading-container .retry-btn{background:#4299e1}html:not([data-theme=light]) .admin-email-dispatches-page .error-container .retry-btn:hover,html:not([data-theme=light]) .admin-email-dispatches-page .loading-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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatches-page .search-filter-section .action-buttons .action-btn:hover{background:#718096;color:#f1f5f9}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{background:#4a5568;color:#a0aec0}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{background:#4a5568;color:#f1f5f9}html:not([data-theme=light]) .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn.send-btn:hover{background:#2d3748;color:#68d391}html:not([data-theme=light]) .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn.delete-btn:hover{background:#2d3748;color:#f56565}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{background:#4a5568;border-color:#718096;color:#a0aec0}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{display:flex;flex-direction:column;gap:12px}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;min-height:80px;width:100%}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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 .error-container p,html[data-theme=dark] .admin-email-dispatches-page .loading-container p{color:#a0aec0}html[data-theme=dark] .admin-email-dispatches-page .error-container h3,html[data-theme=dark] .admin-email-dispatches-page .loading-container h3{color:#f1f5f9}html[data-theme=dark] .admin-email-dispatches-page .error-container .retry-btn,html[data-theme=dark] .admin-email-dispatches-page .loading-container .retry-btn{background:#4299e1}html[data-theme=dark] .admin-email-dispatches-page .error-container .retry-btn:hover,html[data-theme=dark] .admin-email-dispatches-page .loading-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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#a0aec0}html[data-theme=dark] .admin-email-dispatches-page .search-filter-section .action-buttons .action-btn:hover{background:#718096;color:#f1f5f9}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{background:#4a5568;color:#a0aec0}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{background:#4a5568;color:#f1f5f9}html[data-theme=dark] .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn.send-btn:hover{background:#2d3748;color:#68d391}html[data-theme=dark] .admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn.delete-btn:hover{background:#2d3748;color:#f56565}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{background:#4a5568;border-color:#718096;color:#a0aec0}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{display:flex;flex-direction:column;gap:12px}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn{background:#4a5568;border-color:#718096;min-height:80px;width:100%}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{background:#4a5568;border-color:#718096;color:#f1f5f9}html[data-theme=dark] .admin-email-dispatches-page .modal-overlay .modal-content .modal-footer .btn-secondary:hover{background:#718096}.email-body-editor{background:var(--surface-0);border:1px solid var(--input-border);border-radius:10px;overflow:hidden}.email-body-editor.has-error{border-color:var(--error-fg)}.email-body-editor.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.email-body-editor .editor-toolbar{align-items:center;background:var(--surface-1);border-bottom:1px solid var(--border-default);display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px}.email-body-editor .editor-toolbar button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--btn-secondary-fg);cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.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 ease,color .15s ease,box-shadow .15s ease}.email-body-editor .editor-toolbar button.format-toggle.active{background:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-hover);color:var(--brand-on-primary)}.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{cursor:not-allowed;opacity:.4}.email-body-editor .editor-toolbar .toolbar-divider{background:var(--input-border);height:20px;margin:0 4px;width:1px}.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;overflow:hidden;position:relative}.email-body-editor .upload-progress-bar .upload-progress-fill{background:var(--link-primary);inset:0 auto 0 0;opacity:.45;position:absolute;transition:width .2s ease}.email-body-editor .upload-progress-bar span{align-items:center;color:var(--info-fg);display:flex;font-size:12px;font-weight:500;height:100%;justify-content:center;position:relative;z-index:1}.email-body-editor .editor-content-wrap{min-height:220px;position:relative}.email-body-editor .editor-content .ProseMirror{background:var(--surface-0);color:var(--text-primary);font-size:14px;line-height:1.6;min-height:220px;outline:none;padding:14px 16px}.email-body-editor .editor-content .ProseMirror ::selection,.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 ol,.email-body-editor .editor-content .ProseMirror ul{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);border-radius:4px;color:var(--text-primary);font-size:.9em;padding:.15em .35em}.email-body-editor .editor-content .ProseMirror pre{background:var(--code-surface);border-radius:8px;color:var(--text-primary);margin:0 0 .75em;overflow-x:auto;padding:12px}.email-body-editor .editor-content .ProseMirror pre code{background:#0000;padding:0}.email-body-editor .editor-content .ProseMirror img{border-radius:6px;height:auto;margin:8px 0;max-width:100%}.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{bottom:12px;color:var(--input-placeholder);font-size:12px;left:16px;pointer-events:none;position:absolute;right:16px}.email-body-editor .editor-sanitize-note{background:var(--surface-1);border-top:1px solid var(--border-default);color:var(--text-muted);font-size:12px;margin:0;padding:8px 12px}.email-body-editor .error-message{background:var(--error-bg);color:var(--error-fg);font-size:13px;padding:8px 12px}.email-body-editor .editor-toast{background:var(--bulk-bar-bg);border-radius:8px;bottom:24px;box-shadow:var(--card-shadow);color:var(--text-primary);font-size:13px;padding:10px 14px;position:fixed;right:24px;z-index:1000}.email-body-editor .editor-toast.is-error{background:var(--error-fg);color:var(--brand-on-primary)}.email-body-editor .spinning{animation:emailEditorSpin 1s linear infinite}@keyframes emailEditorSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.admin-email-dispatch-create-page .page-header .header-content{align-items:flex-start;display:flex;justify-content:space-between}.admin-email-dispatch-create-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.admin-email-dispatch-create-page .page-header .header-content .header-title .back-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.admin-email-dispatch-create-page .page-header .header-content .header-title .back-btn:hover{background:#f3f4f6;color:#374151}.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;font-size:24px;font-weight:700;margin:0 0 4px}.admin-email-dispatch-create-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.admin-email-dispatch-create-page .page-header .header-content .header-actions{display:flex;gap:12px}.admin-email-dispatch-create-page .page-header .header-content .header-actions .preview-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease}.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{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.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{cursor:not-allowed;opacity:.6}.admin-email-dispatch-create-page .page-header .header-content .header-actions .save-btn .loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.admin-email-dispatch-create-page .form-content{display:flex;gap:24px}.admin-email-dispatch-create-page .form-content .form-grid{display:flex;flex:1 1;flex-direction:column;gap:24px}.admin-email-dispatch-create-page .form-content .preview-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;height:fit-content;padding:24px;position:sticky;top:24px;width:400px}.admin-email-dispatch-create-page .form-content .preview-section .section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:20px;padding-bottom:12px}.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;font-size:16px;font-weight:600;margin:0}.admin-email-dispatch-create-page .form-content .preview-section .preview-content{display:flex;flex-direction:column;gap:16px}.admin-email-dispatch-create-page .form-content .preview-section .preview-content .preview-item label{color:#6b7280;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.admin-email-dispatch-create-page .form-content .preview-section .preview-content .preview-item .preview-value{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:14px;padding:8px 12px}.admin-email-dispatch-create-page .form-content .preview-section .preview-content .preview-item .preview-value.preview-textarea{min-height:60px;white-space:pre-wrap}.admin-email-dispatch-create-page .form-content .preview-section .preview-content .preview-item .preview-value.preview-json pre{color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;margin:0;white-space:pre-wrap;word-break:break-all}.admin-email-dispatch-create-page .form-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.admin-email-dispatch-create-page .form-section .section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:20px;padding-bottom:12px}.admin-email-dispatch-create-page .form-section .section-header svg{color:#10b981}.admin-email-dispatch-create-page .form-section .section-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.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;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.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;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.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;box-shadow:0 0 0 3px #10b9811a;outline:none}.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{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.admin-email-dispatch-create-page .form-section .form-group .form-textarea{font-family:inherit;min-height:100px;resize:vertical}.admin-email-dispatch-create-page .form-section .form-group .error-message{align-items:center;color:#ef4444;display:flex;font-size:12px;gap:6px;margin-top:6px}.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;font-size:12px;line-height:1.4;margin-top:6px}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template{align-items:center;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info{flex:1 1}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info h4{color:#065f46;font-size:16px;font-weight:600;margin:0 0 4px}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info p{color:#047857;font-size:14px;margin:0 0 8px}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info .template-preview{color:#6b7280;display:block;font-size:12px;line-height:1.4}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn{align-items:center!important;background:#dc2626!important;border:none!important;border-radius:50%!important;box-shadow:none!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;height:32px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;padding:0!important;text-align:center!important;transition:background-color .2s ease!important;vertical-align:middle!important;width:32px!important}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:hover{background:#b91c1c!important;border:none!important;color:#fff!important}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:focus{box-shadow:0 0 0 2px #dc26264d!important;outline:none!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-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:16px}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card{align-items:center;background:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.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 1}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card .course-info h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card .course-info p{color:#6b7280;font-size:12px;margin:0}.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;font-size:14px;font-weight:600;margin:0 0 12px}.admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses .selected-list{display:flex;flex-wrap:wrap;gap:8px}.admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag{align-items:center;background:#10b981;border-radius:16px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag .remove-course{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:18px;justify-content:center;padding:0;transition:background-color .2s ease;width:18px}.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{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-email-dispatch-create-page .save-status-overlay .save-status-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;padding:32px;text-align:center;width:90%}.admin-email-dispatch-create-page .save-status-overlay .save-status-content .loading-spinner.large{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#10b981;height:48px;margin:0 auto 16px;width:48px}.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;font-size:18px;font-weight:600;margin:0 0 8px}.admin-email-dispatch-create-page .save-status-overlay .save-status-content p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.admin-email-dispatch-create-page .save-status-overlay .save-status-content .retry-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.admin-email-dispatch-create-page .save-status-overlay .save-status-content .retry-btn:hover{background:#dc2626}@media(max-width:1200px){.admin-email-dispatch-create-page .form-content{flex-direction:column}.admin-email-dispatch-create-page .form-content .preview-section{position:static;width:100%}}@media(max-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{align-items:stretch;flex-direction:column;gap:16px}.admin-email-dispatch-create-page .page-header .header-content .header-title{align-items:center;flex-direction:row;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 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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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 .form-group .form-label,html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .section-header h2{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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#2d3748;color:#a0aec0;cursor:not-allowed}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{align-items:center!important;background:#f56565!important;border:none!important;border-radius:50%!important;box-shadow:none!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;height:32px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;padding:0!important;text-align:center!important;transition:background-color .2s ease!important;vertical-align:middle!important;width:32px!important}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:hover{background:#e53e3e!important;border:none!important;color:#fff!important}html:not([data-theme=light]) .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:focus{box-shadow:0 0 0 2px #f565654d!important;outline:none!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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#2d3748;color:#f1f5f9}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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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 .form-group .form-label,html[data-theme=dark] .admin-email-dispatch-create-page .form-section .section-header h2{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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#2d3748;color:#a0aec0;cursor:not-allowed}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{align-items:center!important;background:#f56565!important;border:none!important;border-radius:50%!important;box-shadow:none!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;height:32px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;padding:0!important;text-align:center!important;transition:background-color .2s ease!important;vertical-align:middle!important;width:32px!important}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:hover{background:#e53e3e!important;border:none!important;color:#fff!important}html[data-theme=dark] .admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:focus{box-shadow:0 0 0 2px #f565654d!important;outline:none!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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#2d3748;color:#f1f5f9}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{align-items:center;display:flex;flex-direction:column;gap:16px;height:50vh;justify-content:center;text-align:center}.admin-email-dispatch-edit-page .loading-container p{color:var(--text-muted);font-size:16px;margin:0}.admin-email-dispatch-edit-page .loading-container .loading-spinner.large{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#10b981;height:48px;width:48px}.admin-email-dispatch-edit-page .page-header{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.admin-email-dispatch-edit-page .page-header .header-content{align-items:flex-start;display:flex;justify-content:space-between}.admin-email-dispatch-edit-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.admin-email-dispatch-edit-page .page-header .header-content .header-title .back-btn{background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;padding:8px;transition:all .2s ease}.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);font-size:24px;font-weight:700;margin:0 0 4px}.admin-email-dispatch-edit-page .page-header .header-content .header-title .header-description{color:var(--text-muted);font-size:14px;margin:0}.admin-email-dispatch-edit-page .page-header .header-content .header-title .dispatch-info .segment-type-badge{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:8px;padding:8px 12px}.admin-email-dispatch-edit-page .page-header .header-content .header-title .dispatch-info .dispatch-stats{display:flex;flex-wrap:wrap;gap:16px}.admin-email-dispatch-edit-page .page-header .header-content .header-title .dispatch-info .dispatch-stats .stat{background:var(--surface-1);border-radius:6px;color:var(--text-muted);font-size:13px;padding:4px 8px}.admin-email-dispatch-edit-page .page-header .header-content .header-title .dispatch-info .dispatch-stats .stat .status-badge{border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:500;margin-left:4px;padding:2px 6px}.admin-email-dispatch-edit-page .page-header .header-content .header-actions{display:flex;gap:12px}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .preview-btn{align-items:center;background:var(--btn-secondary-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--btn-secondary-fg);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease}.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{align-items:center;background:var(--success-dot);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.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{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease}.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-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media(min-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;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:24px}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:20px;padding-bottom:12px}.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);font-size:18px;font-weight:600;margin:0 0 4px}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header .section-description{color:var(--text-muted);font-size:14px;margin:0}.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);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.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-select,.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea{background:var(--surface-0);border:1px solid var(--input-border);border-radius:8px;color:var(--text-heading);font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.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-select:focus,.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.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-select.error,.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea.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-select::placeholder,.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea::placeholder{color:var(--input-placeholder)}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea{min-height:120px;resize:vertical}.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{align-items:center;color:var(--error-fg);display:flex;font-size:12px;gap:6px;margin-top:6px}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .input-help{color:var(--text-muted);font-size:12px;margin-top:6px}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:16px}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card{background:var(--surface-0);border:2px solid var(--border-muted);border-radius:8px;cursor:pointer;padding:16px;transition:all .2s ease}.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{background:#f0fdf4;border-color:var(--success-dot)}.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);font-size:14px;font-weight:600;margin:0 0 4px}.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);font-size:12px;margin:0}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card .course-checkbox{display:flex;justify-content:flex-end;margin-top:8px}.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);font-size:14px;font-weight:600;margin:0 0 8px}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .selected-courses .selected-list{display:flex;flex-wrap:wrap;gap:8px}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag{background:#dbeafe;border-radius:6px;color:#1e40af;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.admin-email-dispatch-edit-page .edit-content .preview-panel{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;height:fit-content;padding:24px}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:20px;padding-bottom:12px}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-header h3{color:var(--text-heading);font-size:16px;font-weight:600;margin:0}.admin-email-dispatch-edit-page .changes-notice{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:12px 16px}.admin-email-dispatch-edit-page .changes-notice svg{color:var(--pending-dot);flex-shrink:0}.admin-email-dispatch-edit-page .save-success-overlay{align-items:center;background:#1f2937e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-email-dispatch-edit-page .save-success-overlay .success-content{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;padding:32px;text-align:center}.admin-email-dispatch-edit-page .save-success-overlay .success-content h3{color:var(--text-heading);font-size:20px;font-weight:600;margin:16px 0 8px}.admin-email-dispatch-edit-page .save-success-overlay .success-content p{color:var(--text-muted);font-size:14px;margin:0}.admin-email-dispatch-edit-page .save-error-overlay{align-items:center;background:#1f2937e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-email-dispatch-edit-page .save-error-overlay .error-content{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;padding:32px;text-align:center}.admin-email-dispatch-edit-page .save-error-overlay .error-content h3{color:var(--text-heading);font-size:20px;font-weight:600;margin:16px 0 8px}.admin-email-dispatch-edit-page .save-error-overlay .error-content p{color:var(--text-muted);font-size:14px;margin:0 0 16px}.admin-email-dispatch-edit-page .save-error-overlay .error-content .retry-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;color:#e2e8f0}html:not([data-theme=light]) .admin-email-dispatch-edit-page .page-header .header-content .header-actions .preview-btn{background:#4a5568;border-color:#718096;color:#e2e8f0}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-select,html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea{background:#4a5568;border-color:#718096;color:#f1f5f9}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-select:focus,html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea: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-select.error,html:not([data-theme=light]) .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea.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-select::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 .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{background:#2b6cb0;color:#e2e8f0}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{background:#744210;border-color:#d69e2e;color:#fef5e7}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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;color:#e2e8f0}html[data-theme=dark] .admin-email-dispatch-edit-page .page-header .header-content .header-actions .preview-btn{background:#4a5568;border-color:#718096;color:#e2e8f0}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-select,html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea{background:#4a5568;border-color:#718096;color:#f1f5f9}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-select:focus,html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea: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-select.error,html[data-theme=dark] .admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-textarea.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-select::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 .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{background:#2b6cb0;color:#e2e8f0}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{background:#744210;border-color:#d69e2e;color:#fef5e7}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(max-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 .delete-btn,.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{flex:1 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;box-shadow:0 1px 3px 0 #0000001a;margin-top:24px;padding:24px}.email-dispatch-delivery-logs .section-header{margin-bottom:20px}.email-dispatch-delivery-logs .section-header .section-header-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.email-dispatch-delivery-logs .section-header h2{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 6px}.email-dispatch-delivery-logs .section-header p{color:#6b7280;font-size:14px;margin:0}.email-dispatch-delivery-logs .count-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}@media(max-width:992px){.email-dispatch-delivery-logs .count-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.email-dispatch-delivery-logs .count-cards{grid-template-columns:1fr}}.email-dispatch-delivery-logs .delivery-logs-live-badge{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 10px;white-space:nowrap}.email-dispatch-delivery-logs .delivery-logs-live-badge .spinning{animation:deliveryLogsSpin 1s linear infinite}.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;font-size:14px;font-weight:600;margin:0 0 10px}.email-dispatch-delivery-logs .delivery-progress-bar{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden}.email-dispatch-delivery-logs .delivery-progress-bar-fill{background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:inherit;height:100%;transition:width .4s ease}.email-dispatch-delivery-logs .delivery-progress-hint{color:#6b7280;font-size:12px;margin:8px 0 0}.email-dispatch-delivery-logs .delivery-logs-summary{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.email-dispatch-delivery-logs .delivery-logs-refreshing{color:#3b82f6;display:inline-flex}.email-dispatch-delivery-logs .delivery-logs-refreshing .spinning{animation:deliveryLogsSpin 1s linear infinite}.email-dispatch-delivery-logs .delivery-logs-table tbody tr.is-pending-row{background:#fafafa}.email-dispatch-delivery-logs .count-card{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;text-align:left;transition:all .2s ease}.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{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.email-dispatch-delivery-logs .filter-chip{background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease}.email-dispatch-delivery-logs .filter-chip:hover{border-color:#10b981;color:#059669}.email-dispatch-delivery-logs .filter-chip.active{background:#10b981;border-color:#10b981;color:#fff}.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;min-width:900px;width:100%}.email-dispatch-delivery-logs .delivery-logs-table thead{background:#f9fafb}.email-dispatch-delivery-logs .delivery-logs-table thead th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:12px 14px;text-align:left;white-space:nowrap}.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;font-size:14px;padding:12px 14px;vertical-align:middle}.email-dispatch-delivery-logs .delivery-logs-table tbody .empty-cell{color:#6b7280;padding:32px 16px;text-align:center}.email-dispatch-delivery-logs .recipient-cell strong{color:#111827;display:block;font-weight:600}.email-dispatch-delivery-logs .recipient-cell .recipient-email{color:#9ca3af;display:block;font-size:12px;margin-top:2px}.email-dispatch-delivery-logs .target-type-badge{background:#eff6ff;border-radius:999px;color:#1d4ed8;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.email-dispatch-delivery-logs .delivery-status-badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.email-dispatch-delivery-logs .delivery-status-badge.is-success{background:#d1fae5;color:#047857}.email-dispatch-delivery-logs .delivery-status-badge.is-error{background:#fee2e2;color:#b91c1c}.email-dispatch-delivery-logs .delivery-status-badge.is-warning{background:#ffedd5;color:#c2410c}.email-dispatch-delivery-logs .delivery-status-badge.is-neutral{background:#f3f4f6;color:#4b5563}.email-dispatch-delivery-logs .delivery-status-badge.is-muted{background:#f9fafb;color:#9ca3af}.email-dispatch-delivery-logs .failure-reason-cell{max-width:280px}.email-dispatch-delivery-logs .failure-reason{display:flex;flex-direction:column;gap:4px}.email-dispatch-delivery-logs .failure-reason-empty{color:#9ca3af}.email-dispatch-delivery-logs .error-code-chip{background:#fef2f2;border-radius:6px;color:#b91c1c;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;width:fit-content}.email-dispatch-delivery-logs .error-message-text{color:#6b7280;display:block;font-size:12px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-dispatch-delivery-logs .delivery-logs-error,.email-dispatch-delivery-logs .delivery-logs-loading,.email-dispatch-delivery-logs .delivery-logs-not-found{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 16px;text-align:center}.email-dispatch-delivery-logs .delivery-logs-error p,.email-dispatch-delivery-logs .delivery-logs-loading p,.email-dispatch-delivery-logs .delivery-logs-not-found p{font-size:14px;margin:0}.email-dispatch-delivery-logs .delivery-logs-not-found{color:#374151}.email-dispatch-delivery-logs .retry-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px}.email-dispatch-delivery-logs .retry-btn:hover{background:#2563eb}.email-dispatch-delivery-logs .spinning{animation:deliveryLogsSpin 1s linear infinite}@keyframes deliveryLogsSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.email-dispatch-delivery-logs .delivery-logs-toast{align-items:center;background:#1f2937;border-radius:10px;bottom:24px;box-shadow:0 10px 25px #00000026;color:#fff;display:flex;font-size:14px;gap:8px;padding:12px 16px;position:fixed;right:24px;z-index:1000}.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 0 #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{background:#4a5568;border-color:#718096;color:#e2e8f0}html:not([data-theme=light]) .email-dispatch-delivery-logs .filter-chip:hover{border-color:#68d391;color:#68d391}html:not([data-theme=light]) .email-dispatch-delivery-logs .filter-chip.active{background:#38a169;border-color:#38a169;color:#fff}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{border-bottom-color:#718096;color:#e2e8f0}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-table tbody tr{background:#0000;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{background:#4299e133;color:#90cdf4}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-status-badge.is-success{background:#68d39133;color:#68d391}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-status-badge.is-error{background:#f5656533;color:#f56565}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-status-badge.is-warning{background:#fb923c33;color:#fdba74}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-status-badge.is-neutral{background:#4a5568;color:#a0aec0}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-status-badge.is-muted{background:#ffffff0f;color:#718096}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{background:#f5656526;color:#f56565}html:not([data-theme=light]) .email-dispatch-delivery-logs .delivery-logs-error,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 .error-message-text{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{background:#2d3748;color:#f1f5f9}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 0 #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{background:#4a5568;border-color:#718096;color:#e2e8f0}html[data-theme=dark] .email-dispatch-delivery-logs .filter-chip:hover{border-color:#68d391;color:#68d391}html[data-theme=dark] .email-dispatch-delivery-logs .filter-chip.active{background:#38a169;border-color:#38a169;color:#fff}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{border-bottom-color:#718096;color:#e2e8f0}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-table tbody tr{background:#0000;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{background:#4299e133;color:#90cdf4}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-status-badge.is-success{background:#68d39133;color:#68d391}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-status-badge.is-error{background:#f5656533;color:#f56565}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-status-badge.is-warning{background:#fb923c33;color:#fdba74}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-status-badge.is-neutral{background:#4a5568;color:#a0aec0}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-status-badge.is-muted{background:#ffffff0f;color:#718096}html[data-theme=dark] .email-dispatch-delivery-logs .failure-reason-empty{color:#718096}html[data-theme=dark] .email-dispatch-delivery-logs .error-code-chip{background:#f5656526;color:#f56565}html[data-theme=dark] .email-dispatch-delivery-logs .delivery-logs-error,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 .error-message-text{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{background:#2d3748;color:#f1f5f9}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;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:0;margin-top:16px;padding:24px}.email-dispatch-images.is-error,.email-dispatch-images.is-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:120px;text-align:center}.email-dispatch-images.is-error p,.email-dispatch-images.is-loading p{font-size:14px;margin:0}.email-dispatch-images.is-error{color:#374151}.email-dispatch-images .section-header{margin-bottom:16px}.email-dispatch-images .section-header h2{color:#1f2937;font-size:18px;font-weight:700;margin:0}.email-dispatch-images .retry-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:8px 14px}.email-dispatch-images .retry-btn:hover{background:#2563eb}.email-dispatch-images .images-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:1200px){.email-dispatch-images .images-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-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;overflow:hidden;position:relative;transition:box-shadow .2s ease,border-color .2s ease}.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;transform:translateY(0);visibility:visible}.email-dispatch-images .image-card-actions{display:flex;gap:4px;position:absolute;right:8px;top:8px;z-index:2}.email-dispatch-images .image-action-btn{align-items:center;background:#ffffffeb;border-radius:6px;box-shadow:0 1px 3px #0000001f;color:#374151;display:inline-flex;height:28px;justify-content:center;text-decoration:none;width:28px}.email-dispatch-images .image-action-btn:hover{background:#fff;color:#111827}.email-dispatch-images .image-thumb-btn{aspect-ratio:1/1;background:#f3f4f6;border:none;cursor:pointer;display:block;overflow:hidden;padding:0;width:100%}.email-dispatch-images .image-thumb-btn img{display:block;height:100%;object-fit:cover;width:100%}.email-dispatch-images .image-meta{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px}.email-dispatch-images .image-name{color:#111827;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-dispatch-images .image-size{color:#6b7280;font-size:11px}.email-dispatch-images .image-tooltip{background:#1f2937;border-radius:8px;bottom:calc(100% + 6px);color:#fff;font-size:11px;left:8px;line-height:1.4;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;right:8px;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;visibility:hidden;z-index:3}.email-dispatch-images .image-tooltip p{margin:0}.email-dispatch-images .image-tooltip p+p{margin-top:4px}.email-dispatch-images .image-tooltip:after{background:#1f2937;bottom:-4px;content:"";height:8px;left:50%;position:absolute;transform:translateX(-50%) rotate(45deg);width:8px}.email-dispatch-images .spinning{animation:dispatchImagesSpin 1s linear infinite}@keyframes dispatchImagesSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .email-dispatch-images{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px 0 #00000040}html:not([data-theme=light]) .email-dispatch-images.is-error,html:not([data-theme=light]) .email-dispatch-images.is-loading{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{background:#2d3748eb;color:#e2e8f0}html:not([data-theme=light]) .email-dispatch-images .image-action-btn:hover{background:#2d3748;color:#f1f5f9}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{background:#2d3748;color:#f1f5f9}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 0 #00000040}html[data-theme=dark] .email-dispatch-images.is-error,html[data-theme=dark] .email-dispatch-images.is-loading{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{background:#2d3748eb;color:#e2e8f0}html[data-theme=dark] .email-dispatch-images .image-action-btn:hover{background:#2d3748;color:#f1f5f9}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{background:#2d3748;color:#f1f5f9}html[data-theme=dark] .images-toast.is-error{background:#c53030}.images-toast{background:#1f2937;border-radius:8px;bottom:24px;box-shadow:0 8px 20px #00000026;color:#fff;font-size:13px;padding:10px 14px;position:fixed;right:24px;z-index:1100}.images-toast.is-error{background:#b91c1c}.email-image-lightbox{align-items:center;background:#0f172ad1;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1050}.email-image-lightbox .lightbox-content{background:#111827;border-radius:12px;display:flex;flex-direction:column;max-height:92vh;max-width:min(960px,92vw);overflow:hidden;position:relative;width:100%}.email-image-lightbox .lightbox-close{align-items:center;background:#ffffff1f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;height:36px;justify-content:center;position:absolute;right:12px;top:12px;width:36px;z-index:2}.email-image-lightbox .lightbox-close:hover{background:#fff3}.email-image-lightbox .lightbox-nav{align-items:center;background:#ffffff1f;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:2}.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{background:#0f172a;max-height:calc(92vh - 80px);object-fit:contain;width:100%}.email-image-lightbox .lightbox-footer{align-items:center;background:#1f2937;color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.email-image-lightbox .lightbox-info{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.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{display:flex;flex-wrap:wrap;gap:8px}.email-image-lightbox .lightbox-action{align-items:center;background:#ffffff1a;border-radius:8px;color:#fff;display:inline-flex;font-size:13px;gap:6px;padding:6px 10px;text-decoration:none}.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{align-items:center;display:flex;flex-direction:column;gap:16px;height:50vh;justify-content:center;text-align:center}.admin-email-dispatch-detail-page .loading-container p,.admin-email-dispatch-detail-page .not-found-container p{color:#6b7280;font-size:14px;margin:0}.admin-email-dispatch-detail-page .loading-container h2,.admin-email-dispatch-detail-page .not-found-container h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.admin-email-dispatch-detail-page .loading-container .back-list-btn,.admin-email-dispatch-detail-page .not-found-container .back-list-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:10px 20px}.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:dispatchDetailSpin 1s linear infinite}@keyframes dispatchDetailSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-email-dispatch-detail-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:24px}.admin-email-dispatch-detail-page .page-header .header-content{align-items:flex-start;display:flex;justify-content:space-between}.admin-email-dispatch-detail-page .page-header .header-title{align-items:flex-start;display:flex;gap:16px}.admin-email-dispatch-detail-page .page-header .header-title .back-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.admin-email-dispatch-detail-page .page-header .header-title .back-btn:hover{background:#f3f4f6;color:#374151}.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;font-size:24px;font-weight:700;margin:0 0 8px}.admin-email-dispatch-detail-page .page-header .dispatch-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.admin-email-dispatch-detail-page .page-header .dispatch-meta .segment-type-badge{align-items:center;background:#eff6ff;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px}.admin-email-dispatch-detail-page .page-header .dispatch-meta .status-badge{align-items:center;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.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{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:background-color .2s ease}.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{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:13px;line-height:1.5;margin:0;max-width:320px;padding:10px 14px}.admin-email-dispatch-detail-page .dispatch-progress-notice{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1e40af;display:flex;gap:12px;margin-bottom:16px;padding:14px 16px}.admin-email-dispatch-detail-page .dispatch-progress-notice strong{display:block;font-size:14px;margin-bottom:4px}.admin-email-dispatch-detail-page .dispatch-progress-notice p{color:#1d4ed8;font-size:13px;line-height:1.5;margin:0}.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;display:inline-flex;gap:6px}.admin-email-dispatch-detail-page .status-badge .status-spinner{animation:dispatchDetailSpin 1s linear infinite}.admin-email-dispatch-detail-page .dispatch-detail-toast{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;bottom:24px;box-shadow:0 8px 24px #0f172a1f;color:#065f46;display:flex;gap:10px;padding:12px 16px;position:fixed;right:24px;z-index:1200}.admin-email-dispatch-detail-page .dispatch-detail-toast.is-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.admin-email-dispatch-detail-page .detail-content{display:flex;flex-direction:column;gap:0}.admin-email-dispatch-detail-page .content-preview-card,.admin-email-dispatch-detail-page .summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:0;padding:20px 24px}.admin-email-dispatch-detail-page .summary-card{margin-bottom:16px}.admin-email-dispatch-detail-page .summary-card .summary-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.admin-email-dispatch-detail-page .summary-card .summary-stats .stat-item{align-items:center;color:#374151;display:inline-flex;font-size:14px;gap:6px}.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{display:flex;flex-wrap:wrap;gap:16px}.admin-email-dispatch-detail-page .summary-card .summary-dates .date{align-items:center;color:#6b7280;display:inline-flex;font-size:13px;gap:6px}.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;font-size:16px;font-weight:600;margin:0 0 12px}.admin-email-dispatch-detail-page .content-preview-card p{color:#4b5563;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.admin-email-dispatch-detail-page .modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.admin-email-dispatch-detail-page .confirm-send-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;overflow:hidden;width:min(520px,100%)}.admin-email-dispatch-detail-page .confirm-send-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.admin-email-dispatch-detail-page .confirm-send-modal .modal-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.admin-email-dispatch-detail-page .confirm-send-modal .modal-header .close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;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{cursor:not-allowed;opacity:.5}.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;font-size:14px;line-height:1.6;margin:0 0 16px}.admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-field .confirm-send-label{color:#6b7280;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-field p{color:#111827;font-size:14px;line-height:1.5;margin:0;word-break:break-word}.admin-email-dispatch-detail-page .confirm-send-modal .confirm-send-error{align-items:flex-start;background:#fef2f2;border-radius:8px;color:#b91c1c;display:flex;font-size:13px;gap:8px;line-height:1.5;margin-top:16px;padding:12px}.admin-email-dispatch-detail-page .confirm-send-modal .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding:16px 24px}.admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-primary,.admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px}.admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-secondary{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.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{background:#10b981;color:#fff}.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-primary:disabled,.admin-email-dispatch-detail-page .confirm-send-modal .modal-footer .btn-secondary:disabled{cursor:not-allowed;opacity:.6}@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 0 #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{background:#4a5568;color:#f1f5f9}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{background:#4299e133;color:#90cdf4}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{background:#4a5568;border-color:#718096;color:#a0aec0}html:not([data-theme=light]) .admin-email-dispatch-detail-page .dispatch-progress-notice{background:#4299e126;border-color:#4299e159;color:#90cdf4}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{background:#68d39126;border-color:#68d39159;box-shadow:0 8px 24px #00000059;color:#68d391}html:not([data-theme=light]) .admin-email-dispatch-detail-page .dispatch-detail-toast.is-error{background:#f5656526;border-color:#f5656559;color:#f56565}html:not([data-theme=light]) .admin-email-dispatch-detail-page .content-preview-card,html:not([data-theme=light]) .admin-email-dispatch-detail-page .summary-card{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px 0 #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{background:#f5656526;color:#f56565}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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 0 #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{background:#4a5568;color:#f1f5f9}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{background:#4299e133;color:#90cdf4}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{background:#4a5568;border-color:#718096;color:#a0aec0}html[data-theme=dark] .admin-email-dispatch-detail-page .dispatch-progress-notice{background:#4299e126;border-color:#4299e159;color:#90cdf4}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{background:#68d39126;border-color:#68d39159;box-shadow:0 8px 24px #00000059;color:#68d391}html[data-theme=dark] .admin-email-dispatch-detail-page .dispatch-detail-toast.is-error{background:#f5656526;border-color:#f5656559;color:#f56565}html[data-theme=dark] .admin-email-dispatch-detail-page .content-preview-card,html[data-theme=dark] .admin-email-dispatch-detail-page .summary-card{background:#2d3748;border-color:#4a5568;box-shadow:0 1px 3px 0 #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{background:#f5656526;color:#f56565}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.loading-container .loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#10b981;height:32px;width:32px}.loading-container p{color:#6b7280;font-size:16px;margin:0}.empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;height:300px;justify-content:center;text-align:center}.empty-state svg{color:#9ca3af}.empty-state h3{color:#374151;font-size:18px;font-weight:600;margin:0}.empty-state p{color:#6b7280;font-size:14px;margin:0}.empty-state .btn-primary{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.empty-state .btn-primary:hover{background:#059669}.dispatch-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.dispatch-grid .dispatch-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .2s ease}.dispatch-grid .dispatch-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126;transform:translateY(-2px)}.dispatch-grid .dispatch-card .dispatch-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.dispatch-grid .dispatch-card .dispatch-header h3{color:#1f2937;flex:1 1;font-size:16px;font-weight:600;margin:0}.dispatch-grid .dispatch-card .dispatch-header .status-badge{border-radius:12px;font-size:11px;font-weight:500;margin-left:8px;padding:4px 8px}.dispatch-grid .dispatch-card .dispatch-header .status-badge.draft{background:#fef3c7;color:#92400e}.dispatch-grid .dispatch-card .dispatch-preview{-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:16px;overflow:hidden}.dispatch-grid .dispatch-card .dispatch-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.dispatch-grid .dispatch-card .dispatch-meta .segment-type{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:12px;padding:4px 8px}.dispatch-grid .dispatch-card .dispatch-meta .target-count{color:#10b981;font-size:12px;font-weight:500}.dispatch-grid .dispatch-card .dispatch-actions{color:#10b981;display:flex;justify-content:flex-end}.create-dispatch-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:24px}.create-dispatch-form .form-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.create-dispatch-form .form-header .header-title{align-items:center;display:flex;gap:12px}.create-dispatch-form .form-header .header-title svg{color:#10b981}.create-dispatch-form .form-header .header-title h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.create-dispatch-form .form-header .close-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.create-dispatch-form .form-header .close-btn:hover{background:#f3f4f6;color:#374151}.create-dispatch-form .form-grid{display:flex;flex-direction:column;gap:20px}@media(max-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{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:16px;padding-bottom:12px}.create-dispatch-form .form-section .section-header svg{color:#10b981}.create-dispatch-form .form-section .section-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.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;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.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;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.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;box-shadow:0 0 0 3px #10b9811a;outline:none}.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{font-family:inherit;line-height:1.5;min-height:120px;resize:vertical}.create-dispatch-form .form-section .form-group .error-message{align-items:center;color:#ef4444;display:flex;font-size:12px;gap:6px;margin-top:6px}.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;font-size:12px;line-height:1.4;margin-top:6px}.create-dispatch-form .form-section .form-group .template-selection .selected-template{align-items:center;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info{flex:1 1}.create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info h4{color:#065f46;font-size:16px;font-weight:600;margin:0 0 4px}.create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info p{color:#047857;font-size:14px;margin:0 0 8px}.create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info .template-preview{color:#6b7280;display:block;font-size:12px;line-height:1.4}.create-dispatch-form .form-section .form-group .template-selection .selected-template .clear-template-btn{align-items:center!important;background:#dc2626!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0;height:32px!important;justify-content:center!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;padding:0!important;transition:all .2s ease;width:32px!important}.create-dispatch-form .form-section .form-group .template-selection .selected-template .clear-template-btn:hover{background:#b91c1c!important;transform:scale(1.1)}.create-dispatch-form .form-section .form-group .template-selection .selected-template .clear-template-btn svg{height:16px;width: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-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:16px}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s ease}.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 1}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card .course-info h5{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card .course-info p{color:#6b7280;font-size:12px;margin:0}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card .course-checkbox{display:flex;justify-content:flex-end;margin-top:8px}.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;font-size:13px;font-weight:600;margin:0 0 8px}.create-dispatch-form .form-section .form-group .course-selection .selected-courses .selected-list{display:flex;flex-wrap:wrap;gap:6px}.create-dispatch-form .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag{align-items:center;background:#fff;border:1px solid #86efac;border-radius:16px;color:#047857;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px}.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{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:16px;padding-bottom:12px}.create-dispatch-form .preview-section .section-header svg{color:#10b981}.create-dispatch-form .preview-section .section-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.create-dispatch-form .preview-section .preview-content{display:flex;flex-direction:column;gap:12px}.create-dispatch-form .preview-section .preview-content .preview-item label{color:#6b7280;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.create-dispatch-form .preview-section .preview-content .preview-item .preview-text{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:14px;padding:8px 12px}.create-dispatch-form .preview-section .preview-content .preview-item .preview-body{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;line-height:1.5;min-height:60px;padding:12px;white-space:pre-wrap}.create-dispatch-form .form-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;margin-top:24px;padding-top:20px}.create-dispatch-form .form-actions .preview-toggle-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.create-dispatch-form .form-actions .preview-toggle-btn:hover{background:#e5e7eb}.create-dispatch-form .form-actions .action-buttons{display:flex;gap:12px}.create-dispatch-form .form-actions .action-buttons .btn-primary,.create-dispatch-form .form-actions .action-buttons .btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease}.create-dispatch-form .form-actions .action-buttons .btn-primary:disabled,.create-dispatch-form .form-actions .action-buttons .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.create-dispatch-form .form-actions .action-buttons .btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.create-dispatch-form .form-actions .action-buttons .btn-secondary:hover:not(:disabled){background:#e5e7eb}.create-dispatch-form .form-actions .action-buttons .btn-primary{background:#10b981;border:none;color:#fff}.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{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@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{background:#4a5568;color:#a0aec0}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{background:#4a5568;color:#f1f5f9}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{background:#374151;border-color:#718096;color:#f1f5f9}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{background:#374151;border-color:#34d399;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{background:#374151;border-color:#718096;color:#f1f5f9}html:not([data-theme=light]) .create-dispatch-form .preview-section .preview-content .preview-item .preview-body{background:#374151;border-color:#718096;color:#d1d5db}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{background:#4a5568;border-color:#718096;color:#d1d5db}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{background:#4a5568;border-color:#718096;color:#d1d5db}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{background:#4a5568;color:#a0aec0}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{background:#4a5568;color:#f1f5f9}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{background:#374151;border-color:#718096;color:#f1f5f9}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{background:#374151;border-color:#34d399;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{background:#374151;border-color:#718096;color:#f1f5f9}html[data-theme=dark] .create-dispatch-form .preview-section .preview-content .preview-item .preview-body{background:#374151;border-color:#718096;color:#d1d5db}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{background:#4a5568;border-color:#718096;color:#d1d5db}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{background:#4a5568;border-color:#718096;color:#d1d5db}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-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:1024px){.preview-container{grid-template-columns:1fr 1fr}}.preview-container .email-preview .preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.preview-container .email-preview .preview-header h3{color:var(--text-heading);font-size:18px;font-weight:600;margin:0}.preview-container .email-preview .preview-header .preview-toggle{align-items:center;background:var(--btn-secondary-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--btn-secondary-fg);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 12px;transition:all .2s ease}.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{font-size:14px;margin-bottom:12px}.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{background:var(--surface-0);border:1px solid var(--border-default);border-radius:6px;color:var(--btn-secondary-fg);font-size:14px;line-height:1.6;padding:12px;white-space:pre-wrap}.preview-container .target-info h3{color:var(--text-heading);font-size:18px;font-weight:600;margin:0 0 16px}.preview-container .target-info .target-summary{display:flex;gap:16px;margin-bottom:20px}.preview-container .target-info .target-summary .summary-item{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:8px}.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);font-size:14px;font-weight:600;margin:0 0 12px}.preview-container .target-info .recipients-list .recipients-grid{grid-gap:8px;display:grid;gap:8px;max-height:300px;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{display:flex;flex-direction:column;gap:4px}.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{gap:16px}.step-actions .btn-primary:disabled,.step-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.step-actions .btn-secondary{background:var(--btn-secondary-bg);border:1px solid var(--input-border);color:var(--btn-secondary-fg)}.step-actions .btn-secondary:hover:not(:disabled){background:var(--border-muted);border-color:var(--input-placeholder)}.step-actions .btn-primary{background:var(--success-dot)}.step-actions .btn-primary:hover:not(:disabled){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{background:#4a5568;border-color:#718096;color:#d1d5db}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}html[data-theme=dark] .step-actions .btn-primary{background:var(--success-dot)}.schedule-options{margin:0 auto;max-width:600px}.schedule-options .form-group{margin-bottom:24px}.schedule-options .form-group .form-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.schedule-options .form-group .radio-group{display:flex;flex-direction:column;gap:12px}.schedule-options .form-group .radio-group .radio-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:all .2s ease}.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]{cursor:pointer;opacity:0;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;height:20px;position:relative;transition:all .2s ease;width:20px}.schedule-options .form-group .radio-group .radio-option .radio-custom:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:8px}.schedule-options .form-group .radio-group .radio-option .radio-content{align-items:center;color:#6b7280;display:flex;gap:12px;transition:all .2s ease}.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{display:block;font-size:14px;font-weight:600;margin-bottom:2px}.schedule-options .form-group .radio-group .radio-option .radio-content div p{font-size:12px;line-height:1.4;margin:0}.schedule-options .form-group .form-input,.schedule-options .form-group .form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.schedule-options .form-group .form-input:focus,.schedule-options .form-group .form-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.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{align-items:center;color:#ef4444;display:flex;font-size:12px;gap:6px;margin-top:6px}.step-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:32px;padding-top:24px}.step-actions .btn-primary,.step-actions .btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.step-actions .btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.step-actions .btn-secondary:hover{background:#e5e7eb}.step-actions .btn-primary{background:#10b981;border:none;color:#fff}.step-actions .btn-primary:hover:not(:disabled){background:#059669}.step-actions .btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.step-actions .btn-primary .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@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{background:#374151;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#d1d5db}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{background:#374151;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#d1d5db}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{margin:0 auto;max-width:500px;text-align:center}.success-container .success-icon{color:#10b981;margin-bottom:24px}.success-container h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 12px}.success-container p{color:#6b7280;font-size:16px;margin:0 0 24px}.success-container .success-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:32px;padding:20px}.success-container .success-details .detail-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 0}.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{display:flex;gap:12px;justify-content:center}.success-container .success-actions .btn-primary,.success-container .success-actions .btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.success-container .success-actions .btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.success-container .success-actions .btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.success-container .success-actions .btn-primary{background:#10b981;border:none;color:#fff}.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{background:#4a5568;border-color:#718096;color:#d1d5db}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{background:#4a5568;border-color:#718096;color:#d1d5db}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;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.admin-email-send-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.admin-email-send-page .page-header .header-content .header-title .back-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.admin-email-send-page .page-header .header-content .header-title .back-btn:hover{background:#f3f4f6;color:#374151}.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;font-size:24px;font-weight:700;margin:0 0 4px}.admin-email-send-page .page-header .header-content .header-title p{color:#6b7280;font-size:14px;margin:0}.admin-email-send-page .step-indicator{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;display:flex;justify-content:center;margin-bottom:32px;padding:24px}.admin-email-send-page .step-indicator .step-item{align-items:center;display:flex;flex-direction:column;gap:8px;min-width:120px}.admin-email-send-page .step-indicator .step-item .step-number{align-items:center;background:#f3f4f6;border-radius:50%;color:#6b7280;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.admin-email-send-page .step-indicator .step-item .step-number.active{background:#10b981;color:#fff}.admin-email-send-page .step-indicator .step-item .step-number svg{color:#fff}.admin-email-send-page .step-indicator .step-item span{color:#6b7280;font-size:12px;font-weight:500;text-align:center}.admin-email-send-page .step-indicator .step-line{background:#e5e7eb;height:2px;margin:0 16px;transition:all .2s ease;width:60px}.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;box-shadow:0 1px 3px 0 #0000001a;padding:32px}.admin-email-send-page .main-content .step-content .step-header{margin-bottom:32px;text-align:center}.admin-email-send-page .main-content .step-content .step-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}.admin-email-send-page .main-content .step-content .step-header p{color:#6b7280;font-size:16px;margin:0}.admin-email-send-page .main-content .step-content .step-header .header-actions{display:flex;justify-content:flex-end;margin-top:16px}.admin-email-send-page .main-content .step-content .step-header .header-actions .btn-primary{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.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{cursor:not-allowed;opacity:.6}@media(max-width:1024px){.admin-email-send-page{padding:16px}.admin-email-send-page .page-header{padding:20px}.admin-email-send-page .step-indicator{overflow-x:auto;padding:20px}.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(max-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{font-size:12px;height:28px;width:28px}.admin-email-send-page .step-indicator .step-item span{font-size:10px}.admin-email-send-page .step-indicator .step-line{margin:0 8px;width:30px}.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(max-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;gap:8px;justify-content:center}.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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;color:#a0aec0}html:not([data-theme=light]) .admin-email-send-page .step-indicator .step-item .step-number.active{background:#10b981;color:#fff}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{background:#4a5568;color:#f1f5f9}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{background:#4a5568;color:#a0aec0}html[data-theme=dark] .admin-email-send-page .step-indicator .step-item .step-number.active{background:#10b981;color:#fff}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{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;padding:0}.toggle-switch:disabled{cursor:not-allowed;opacity:.5}.toggle-switch .toggle-switch-track{background:#d1d5db;border-radius:999px;height:24px;position:relative;transition:background-color .2s ease;width:44px}.toggle-switch .toggle-switch-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.toggle-switch.is-on .toggle-switch-track{background:#10b981}.toggle-switch.is-on .toggle-switch-thumb{transform:translateX(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;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:24px}.admin-email-settings-page .page-header .header-title{align-items:flex-start;display:flex;gap:16px}.admin-email-settings-page .page-header .header-title .back-btn{background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;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);font-size:24px;font-weight:700;margin:0 0 4px}.admin-email-settings-page .page-header .header-title .header-description{color:var(--text-muted);font-size:14px;margin:0}.admin-email-settings-page .settings-content{display:flex;flex-direction:column;gap:16px}.admin-email-settings-page .attendance-settings-section{background:var(--surface-0);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.admin-email-settings-page .section-header-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.admin-email-settings-page .section-header-row h2{color:var(--text-heading);font-size:18px;font-weight:700;margin:0 0 6px}.admin-email-settings-page .section-header-row p{color:var(--text-muted);font-size:14px;line-height:1.5;margin:0}.admin-email-settings-page .toggle-control{align-items:center;display:flex;min-height:32px}.admin-email-settings-page .section-error,.admin-email-settings-page .section-inline-error,.admin-email-settings-page .section-loading{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:8px}.admin-email-settings-page .section-error{align-items:flex-start;flex-direction:column}.admin-email-settings-page .section-loading{justify-content:center;padding:24px 0}.admin-email-settings-page .default-template-card{align-items:flex-start;background:var(--surface-1);border:1px dashed #d1d5db;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:20px}.admin-email-settings-page .default-template-card p{color:var(--text-muted);font-size:14px;margin:0}.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{display:flex;flex-direction:column;gap:14px}.admin-email-settings-page .attendance-template-view .template-view-field .view-label{color:var(--btn-secondary-fg);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.admin-email-settings-page .attendance-template-view .template-view-field .view-value{background:var(--surface-1);border:1px solid #e5e7eb;border-radius:8px;color:var(--text-heading);font-size:14px;line-height:1.5;padding:10px 12px;word-break:break-word}.admin-email-settings-page .attendance-template-view .template-view-field .view-value-body{font-family:inherit;margin:0;min-height:120px;white-space:pre-wrap}.admin-email-settings-page .active-template-badge{background:#d1fae5;border-radius:999px;color:#047857;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 10px}.admin-email-settings-page .form-grid-with-panel{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 240px}@media(max-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);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.admin-email-settings-page .form-input,.admin-email-settings-page .form-textarea{background:var(--surface-0);border:1px solid var(--input-border);border-radius:8px;color:var(--text-heading);font-size:14px;padding:10px 12px;width:100%}.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;box-shadow:0 0 0 3px #6366f126;outline:none}.admin-email-settings-page .form-textarea{font-family:inherit;line-height:1.5;min-height:160px;resize:vertical}.admin-email-settings-page .error-message{color:#b91c1c;font-size:12px;margin-top:4px}.admin-email-settings-page .form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.admin-email-settings-page .btn-danger,.admin-email-settings-page .btn-primary,.admin-email-settings-page .btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px}.admin-email-settings-page .btn-primary{background:#6366f1;color:#fff}.admin-email-settings-page .btn-primary:hover:not(:disabled){background:#4f46e5}.admin-email-settings-page .btn-secondary{background:var(--btn-secondary-bg);border:1px solid #e5e7eb;color:var(--btn-secondary-fg)}.admin-email-settings-page .btn-secondary:hover:not(:disabled){background:var(--border-muted)}.admin-email-settings-page .btn-danger{background:#fee2e2;color:#b91c1c}.admin-email-settings-page .btn-danger:hover:not(:disabled){background:#fecaca}.admin-email-settings-page .btn-danger:disabled,.admin-email-settings-page .btn-primary:disabled,.admin-email-settings-page .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.admin-email-settings-page .previous-templates{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:16px}.admin-email-settings-page .previous-templates summary{color:var(--btn-secondary-fg);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:12px}.admin-email-settings-page .previous-templates-list{display:flex;flex-direction:column;gap:10px}.admin-email-settings-page .previous-template-item{align-items:center;background:var(--surface-1);border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px}.admin-email-settings-page .previous-template-item .template-list-item-info{flex:1 1;min-width:0}.admin-email-settings-page .previous-template-item .template-list-item-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.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);font-size:12px;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-email-settings-page .attendance-variable-panel{height:fit-content}.admin-email-settings-page .spinning{animation:settingsSpin 1s linear infinite}@keyframes settingsSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-email-settings-page .settings-toast{align-items:center;background:#1f2937;border-radius:10px;bottom:24px;box-shadow:0 10px 25px #00000026;color:#fff;display:flex;font-size:14px;gap:8px;padding:12px 16px;position:fixed;right:24px;z-index:1000}.admin-email-settings-page .settings-toast.is-error{background:#b91c1c}.attendance-preview-modal{align-items:center;background:#0f172a99;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1100}.attendance-preview-modal .attendance-preview-content{border-radius:12px;box-shadow:0 20px 40px #0003;max-height:80vh;overflow:auto;width:min(640px,100%)}.attendance-preview-modal .attendance-preview-header{align-items:center;display:flex;justify-content:space-between;padding:16px 20px}.attendance-preview-modal .attendance-preview-header h3{color:var(--text-heading);font-size:18px;font-weight:700;margin:0}.attendance-preview-modal .attendance-preview-header .close-btn{background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;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{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.attendance-preview-modal .attendance-preview-body p,.attendance-preview-modal .attendance-preview-body pre{color:var(--text-heading);font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.attendance-preview-modal .attendance-preview-body pre{background:var(--surface-1);border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;padding:12px}@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 0 #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{background:#4a5568;color:#f1f5f9}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 0 #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-error,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-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{background:#4a5568;border-color:#718096;color:#f1f5f9}html:not([data-theme=light]) .admin-email-settings-page .active-template-badge{background:#68d39133;color:#68d391}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#f5656533;color:#f56565}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{background:#2d3748;color:#f1f5f9}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 0 #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{background:#4a5568;color:#f1f5f9}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 0 #00000040}html[data-theme=dark] .admin-email-settings-page .section-header-row h2{color:#f1f5f9}html[data-theme=dark] .admin-email-settings-page .section-error,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-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{background:#4a5568;border-color:#718096;color:#f1f5f9}html[data-theme=dark] .admin-email-settings-page .active-template-badge{background:#68d39133;color:#68d391}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#f5656533;color:#f56565}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{background:#2d3748;color:#f1f5f9}html[data-theme=dark] .admin-email-settings-page .settings-toast.is-error{background:#c53030}.announcement-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:24px;position:relative;transition:all .2s ease}.announcement-card:hover{border-color:#10b981;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.announcement-card h4{-webkit-line-clamp:2;color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:12px}.announcement-card h4,.announcement-card p{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.announcement-card p{-webkit-line-clamp:3;color:#374151;font-size:14px;line-height:1.6;margin-bottom:16px;white-space:normal;word-break:break-word}.announcement-card .date{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:0}.announcement-card .date svg{color:#9ca3af}.announcement-card .btn-gray{align-self:flex-start;margin-bottom:12px}.announcement-card .announcement-actions{display:flex;gap:8px;justify-content:space-between;margin-top:16px}.announcement-card .announcement-actions button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.announcement-card .announcement-actions button:hover{background:#e5e7eb;border-color:#9ca3af}.announcement-card .announcement-actions button.edit-btn{background:#ecfdf5;border-color:#10b981;color:#065f46}.announcement-card .announcement-actions button.edit-btn:hover{background:#d1fae5;border-color:#10b981}.announcement-card .announcement-actions button.delete-btn{background:#fef2f2;border-color:#ef4444;color:#991b1b}.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{background:#374151;border-color:#4b5563;color:#e2e8f0}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{background:#064e3b;border-color:#10b981;color:#86efac}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{background:#7f1d1d;border-color:#ef4444;color:#fca5a5}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{background:#374151;border-color:#4b5563;color:#e2e8f0}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{background:#064e3b;border-color:#10b981;color:#86efac}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{background:#7f1d1d;border-color:#ef4444;color:#fca5a5}html[data-theme=dark] .announcement-card .announcement-actions button.delete-btn:hover{background:#991b1b;border-color:#ef4444}.post-list-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));padding:24px}@media(max-width:768px){.post-list-grid{gap:16px;grid-template-columns:1fr;padding:16px}}@media(min-width:769px)and (max-width:1024px){.post-list-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(min-width:1025px){.post-list-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}.empty-message{background:#f8fafc;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;font-size:16px;font-style:italic;font-weight:500;margin:40px 0;padding:40px 20px;text-align:center}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .empty-message{background:#374151;border-color:#4b5563;color:#9ca3af}}html[data-theme=dark] .empty-message{background:#374151;border-color:#4b5563;color:#9ca3af}.post-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;overflow:hidden;transition:all .2s ease}.post-card:hover{border-color:#10b981;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.post-card .post-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.post-card .post-header .post-title{color:#1f2937;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px}.post-card .post-header .post-meta{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:12px}.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{-webkit-box-orient:vertical;color:#374151;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 12px;overflow:hidden}.post-card .post-content .post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.post-card .post-content .post-tags .tag{background:#e0f2fe;border-radius:6px;color:#0369a1;font-size:11px;font-weight:500;padding:4px 8px}.post-card .post-content .post-stats{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:16px}.post-card .post-content .post-stats .stat-item{align-items:center;display:flex;gap:4px}.post-card .post-actions{align-items:center;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 20px}.post-card .post-actions .post-status{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px}.post-card .post-actions .post-status.answered{background:#dcfce7;color:#166534}.post-card .post-actions .post-status.pending{background:#fef3c7;color:#92400e}.post-card .post-actions .post-status.closed{background:#f3f4f6;color:#374151}.post-card .post-actions .action-buttons{display:flex;gap:8px}.post-card .post-actions .action-buttons button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.post-card .post-actions .action-buttons button:hover{background:#f9fafb;border-color:#9ca3af}.post-card .post-actions .action-buttons button.edit-btn{border-color:#f59e0b;color:#92400e}.post-card .post-actions .action-buttons button.edit-btn:hover{background:#fef3c7;border-color:#d97706}.post-card .post-actions .action-buttons button.delete-btn{border-color:#ef4444;color:#dc2626}.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{background:#1e3a8a;color:#93c5fd}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{background:#14532d;color:#86efac}html:not([data-theme=light]) .post-card .post-actions .post-status.pending{background:#451a03;color:#fbbf24}html:not([data-theme=light]) .post-card .post-actions .post-status.closed{background:#374151;color:#d1d5db}html:not([data-theme=light]) .post-card .post-actions .action-buttons button{background:#4a5568;border-color:#718096;color:#e2e8f0}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{border-color:#f59e0b;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{border-color:#f56565;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{background:#1e3a8a;color:#93c5fd}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{background:#14532d;color:#86efac}html[data-theme=dark] .post-card .post-actions .post-status.pending{background:#451a03;color:#fbbf24}html[data-theme=dark] .post-card .post-actions .post-status.closed{background:#374151;color:#d1d5db}html[data-theme=dark] .post-card .post-actions .action-buttons button{background:#4a5568;border-color:#718096;color:#e2e8f0}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{border-color:#f59e0b;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{border-color:#f56565;color:#f56565}html[data-theme=dark] .post-card .post-actions .action-buttons button.delete-btn:hover{background:#742a2a;border-color:#f56565}.post-list-loading{align-items:center;color:#6b7280;display:flex;font-size:14px;justify-content:center;padding:60px 20px}@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 #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-top:1rem;padding-top:1rem}.notice-email-options .notice-email-toggle{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-weight:500;gap:.5rem;margin-bottom:0}.notice-email-options .notice-email-toggle input[type=checkbox]{accent-color:#10b981;cursor:pointer;flex-shrink:0;height:16px;margin:0;width:16px}.notice-email-options .notice-email-toggle span{-webkit-user-select:none;user-select:none}.notice-email-options .notice-email-panel{background:#f9fafb;background:var(--surface-muted,#f9fafb);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem}.notice-email-options .notice-email-course-list{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;display:flex;flex-direction:column;gap:.5rem;max-height:160px;overflow-y:auto;padding:.5rem}.notice-email-options .notice-email-course-item{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.notice-email-options .notice-email-hint{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.8rem;margin:.25rem 0 0}.notice-email-options .notice-email-async-note{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.8rem;margin:0}.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{display:block;width:100%}.notice-email-options .form-group{display:flex;flex-direction:column;gap:6px}.notice-email-options .form-group .form-label{color:inherit;display:block;font-size:14px;font-weight:500;margin-bottom:0}.notice-email-options .form-group .form-input{box-sizing:border-box;width:100%}.form-container .notice-email-options .notice-email-course-item,.form-container .notice-email-options .notice-email-toggle{align-items:center;flex-direction:row}.form-container .notice-email-options .notice-email-course-item input[type=checkbox]{accent-color:#10b981;height:16px;margin:0;width:16px}@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-async-note,html:not([data-theme=light]) .notice-email-options .notice-email-hint{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-async-note,html[data-theme=dark] .notice-email-options .notice-email-hint{color:#a0aec0}.comment-list{display:flex;flex-direction:column;gap:20px}.comment-list .comment-block{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:12px;padding:20px}.comment-item{display:flex;flex-direction:column;gap:8px;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-left:32px;margin-top:12px;padding:16px;position:relative}.comment-item.reply:before{border-bottom:6px solid #0000;border-right:6px solid #10b981;border-top:6px solid #0000;content:"";height:0;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:0}.comment-item.reply .comment-content{color:#1f2937}.comment-item.reply .comment-meta{color:#6b7280}.comment-item .comment-meta{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px}.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;font-size:11px;font-weight:500;margin-left:auto}.comment-item .comment-content{color:#374151;font-size:14px;font-weight:400;line-height:1.6;white-space:pre-wrap}.comment-item .comment-actions{display:flex;gap:8px;margin-top:4px;opacity:0;pointer-events:none;transition:opacity .2s ease}@media(max-width:768px){.comment-item .comment-actions{opacity:1;pointer-events:auto}}.comment-item .comment-actions .pill-btn{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.comment-item .comment-actions .pill-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.comment-item .comment-actions .pill-btn.delete{background-color:#fef2f2;border-color:#ef4444;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{display:flex;flex-direction:column;gap:12px}.comment-form textarea{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-size:14px;min-height:80px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.comment-form textarea:focus{background-color:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.comment-form textarea::placeholder{color:#9ca3af}.comment-form .btn-blue{align-self:flex-end;background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.comment-form .btn-blue:hover{background-color:#059669;transform:translateY(-1px)}.comment-form .btn-blue:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.reply-mode-indicator{align-items:center;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#6b7280;display:flex;font-size:13px;justify-content:space-between;margin-bottom:12px;padding:12px 16px}.reply-mode-indicator .cancel-reply-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.reply-mode-indicator .cancel-reply-btn:hover{background-color:#059669}.empty-comment{background-color:#f8fafc;border:2px dashed #e5e7eb;border-radius:12px;color:#9ca3af;font-size:14px;font-style:italic;font-weight:500;padding:40px 20px;text-align:center}@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 .comment-meta,html:not([data-theme=light]) .comment-list .comment-item.reply .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 .date,html:not([data-theme=light]) .comment-list .comment-item .comment-meta .edited{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{background-color:#4b5563;border-color:#6b7280;color:#e2e8f0}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{background-color:#7f1d1d;border-color:#f87171;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{background-color:#374151;border-color:#4b5563;color:#e2e8f0}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{background-color:#064e3b;border-color:#10b981;color:#e2e8f0}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{background-color:#374151;border-color:#4b5563;color:#9ca3af}}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 .comment-meta,html[data-theme=dark] .comment-list .comment-item.reply .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 .date,html[data-theme=dark] .comment-list .comment-item .comment-meta .edited{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{background-color:#4b5563;border-color:#6b7280;color:#e2e8f0}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{background-color:#7f1d1d;border-color:#f87171;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{background-color:#374151;border-color:#4b5563;color:#e2e8f0}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{background-color:#064e3b;border-color:#10b981;color:#e2e8f0}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{background-color:#374151;border-color:#4b5563;color:#9ca3af}.app-btn{align-items:center;background-color:#fff;border:2px solid #0000;border-radius:6px;box-shadow:0 2px 4px #00000014;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.2px;min-width:100px;padding:10px 16px;transition:all .2s}.app-btn:hover{box-shadow:0 4px 6px #0000001f}.app-btn.btn-green{border-color:#28a745;color:#333}.app-btn.btn-green:hover{background-color:#d4eddc}.app-btn.btn-red{border-color:#dc3545;color:#333}.app-btn.btn-red:hover{background-color:#f8d7da}.app-btn.btn-blue{border-color:#007bff;color:#333}.app-btn.btn-blue:hover{background-color:#d5e8ff}.app-btn.btn-yellow{border-color:#ffc107;color:#333}.app-btn.btn-yellow:hover{background-color:#ffeaa7}.app-btn.btn-gray{border-color:#cbd2cd;color:#333}.app-btn.btn-gray:hover{background-color:#cbd2cd}.btn-reset{all:unset;color:inherit;cursor:pointer;font:inherit;line-height:inherit}.notice-send-email-modal-overlay{align-items:center;background:#0f172a99;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1100}.notice-send-email-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;overflow:hidden;width:min(480px,100%)}.notice-send-email-modal .notice-send-email-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.notice-send-email-modal .notice-send-email-modal-header h3{color:#1f2937;font-size:18px;font-weight:700;margin:0}.notice-send-email-modal .notice-send-email-modal-header .close-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;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{cursor:not-allowed;opacity:.5}.notice-send-email-modal .notice-send-email-modal-body{padding:20px}.notice-send-email-modal .notice-send-email-modal-body p{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 16px}.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;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.notice-send-email-modal .notice-send-email-summary p{color:#111827;font-size:14px;margin:0;word-break:break-word}.notice-send-email-modal .notice-send-email-field{margin-bottom:12px}.notice-send-email-modal .notice-send-email-field .field-label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.notice-send-email-modal .notice-send-email-field .field-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.notice-send-email-modal .notice-send-email-error{background:#fef2f2;border-radius:8px;color:#b91c1c;font-size:13px;margin-top:12px;padding:10px 12px}.notice-send-email-modal .notice-send-email-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.notice-send-email-modal .notice-send-email-modal-footer .btn-primary,.notice-send-email-modal .notice-send-email-modal-footer .btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px}.notice-send-email-modal .notice-send-email-modal-footer .btn-secondary{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.notice-send-email-modal .notice-send-email-modal-footer .btn-primary{background:#6366f1;color:#fff}.notice-send-email-modal .notice-send-email-modal-footer .btn-primary:disabled,.notice-send-email-modal .notice-send-email-modal-footer .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.notice-send-email-modal .spinning{animation:noticeSendSpin 1s linear infinite}@keyframes noticeSendSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.post-detail-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-height:85vh;max-width:800px;overflow-y:auto;padding:32px;position:relative}.modal-close-btn{all:unset;align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.modal-close-btn:hover{background-color:#e5e7eb;border-color:#9ca3af;color:#374151}.modal-close-btn svg{stroke-width:2}.post-detail-header{border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.post-detail-title-row{align-items:center;display:flex;justify-content:space-between}.post-detail-title-row .post-detail-title{color:#2b6cb0;font-size:1.5rem;font-weight:700;margin:0}.post-detail-title{color:#1f2937;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0}.post-meta-row{align-items:flex-start;display:flex;justify-content:space-between}.post-meta{color:#4a5568;font-size:.9rem}.post-meta .edited-tag{color:#999;font-size:.8rem;margin-left:6px}.post-date{align-items:center;color:#a0aec0;display:flex;font-size:.8rem}.post-date svg{margin-right:4px}.post-content{color:#374151;font-size:15px;line-height:1.7;padding:16px 0;white-space:pre-wrap}.post-file{margin-top:8px}.post-file a{background-color:#edf2f7;border-radius:6px;color:#2b6cb0;font-size:.9rem;font-weight:500;padding:6px 12px;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;font-size:1.25rem;font-weight:700;margin-bottom:16px}.files-section{display:flex;flex-direction:column;gap:12px;margin-top:16px}.file-download-row{align-items:center;background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.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;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-download-row .file-download-icon{color:#10b981}.post-meta{align-items:center;display:flex;justify-content:space-between}.post-meta .post-actions{display:flex;gap:8px}.post-meta .post-actions .delete-btn,.post-meta .post-actions .edit-btn{background:none;border:none;color:#36f;cursor:pointer;font-size:.9rem}.post-meta .post-actions .delete-btn:hover,.post-meta .post-actions .edit-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{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.post-more-wrapper .more-button:hover{background-color:#f0f0f0;color:#374151}.post-more-wrapper .more-button svg{color:inherit}.post-more-wrapper .more-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 12px #00000026;min-width:120px;overflow:hidden;position:absolute;right:0;top:30px;z-index:999}.post-more-wrapper .more-menu button{background:none;border:none;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.post-more-wrapper .more-menu button:hover{background-color:#f8fafc}.post-more-wrapper .more-menu button:last-child{color:#ef4444}.post-author-info{display:flex;flex-direction:column;gap:4px}.post-author-info .post-author{color:#4a5568;font-size:.9rem}.post-author-info .edited-tag{color:#999;font-size:.8rem;margin-left:4px}.post-author-info .post-date{align-items:center;color:#a0aec0;display:flex;font-size:.8rem}.post-author-info .post-date svg{margin-right:4px}.post-edit-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.post-edit-modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;gap:20px;height:85%;max-width:800px;padding:32px;width:90%}.post-edit-modal-content h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 8px}.post-edit-modal-content input,.post-edit-modal-content textarea{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.post-edit-modal-content input:focus,.post-edit-modal-content textarea:focus{background-color:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.post-edit-modal-content input{min-height:48px}.post-edit-modal-content textarea{flex-grow:1;min-height:200px;resize:vertical}.post-edit-modal-content .file-upload-section{display:flex;flex-direction:column;gap:12px}.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;font-size:13px;font-weight:600;margin:0 0 12px}.post-edit-modal-content .file-upload-section .existing-attachments .existing-attachments-list{display:flex;flex-direction:column;gap:8px}.post-edit-modal-content .file-upload-section .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s ease}.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]{accent-color:#3b82f6;cursor:pointer;height:18px;width: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;font-size:13px;word-break:break-all}.post-edit-modal-content .file-upload-section .file-label{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;min-height:48px;padding:12px 16px;transition:all .2s ease}.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{display:flex;flex-direction:column;gap:8px}.post-edit-modal-content .file-upload-section .selected-files .new-files-label{color:#374151;font-size:13px;font-weight:600;margin:0 0 8px}.post-edit-modal-content .file-upload-section .selected-files{margin-top:8px}.post-edit-modal-content .file-upload-section .selected-files .selected-file-item{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.post-edit-modal-content .file-upload-section .selected-files .selected-file-item .selected-file{color:#10b981;flex:1 1;font-size:13px;font-weight:500}.post-edit-modal-content .file-upload-section .selected-files .selected-file-item .remove-file-btn{align-items:center;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:20px}.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{display:flex;gap:12px;justify-content:flex-end}.post-edit-modal-content .edit-modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.post-edit-modal-content .edit-modal-actions button:first-child{background-color:#10b981;color:#fff}.post-edit-modal-content .edit-modal-actions button:first-child:hover{background-color:#059669}.post-edit-modal-content .edit-modal-actions button:last-child{background-color:#6b7280;color:#fff}.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{background:#374151;border-color:#4b5563;color:#d1d5db}html:not([data-theme=light]) .post-detail-wrapper .modal-close-btn:hover{background-color:#4b5563;border-color:#6b7280;color:#f3f4f6}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{background-color:#374151;color:#e2e8f0}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{background-color:#374151;border-color:#4b5563;color:#e2e8f0}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{background:#374151;border-color:#4b5563;color:#e2e8f0}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{background-color:#10b981;color:#fff}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{background-color:#6b7280;color:#fff}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{background:#374151;border-color:#4b5563;color:#d1d5db}html[data-theme=dark] .post-detail-wrapper .modal-close-btn:hover{background-color:#4b5563;border-color:#6b7280;color:#f3f4f6}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{background-color:#374151;color:#e2e8f0}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{background-color:#374151;border-color:#4b5563;color:#e2e8f0}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{background:#374151;border-color:#4b5563;color:#e2e8f0}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{background-color:#10b981;color:#fff}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{background-color:#6b7280;color:#fff}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{display:flex;justify-content:flex-end}.post-detail-email-footer .post-detail-send-email-btn{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px}.post-detail-email-footer .post-detail-send-email-btn:hover:not(:disabled){background:#4f46e5}.post-detail-email-footer .post-detail-send-email-btn:disabled{cursor:not-allowed;opacity:.55}.post-search-bar{margin-bottom:20px;width:100%}.community-header__search .post-search-bar{margin-bottom:0}.community-header__search .post-search-bar .post-search-form .post-search-input-wrapper{flex:1 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;display:flex;gap:8px;width:100%}.post-search-bar .post-search-form .post-search-input-wrapper{flex:1 1;max-width:none;position:relative}.post-search-bar .post-search-form .post-search-input-wrapper .post-search-icon{color:#64748b;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.post-search-bar .post-search-form .post-search-input-wrapper .post-search-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;outline:none;padding:10px 12px 10px 40px;transition:border-color .2s;width:100%}.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{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color .2s}.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{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s;white-space:nowrap}.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{background:#374151;border-color:#4b5563;color:#f1f5f9}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{background:#10b981;color:#fff}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{background:#374151;border-color:#4b5563;color:#f1f5f9}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{background:#10b981;color:#fff}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;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.admin-communication-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.admin-communication-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.admin-communication-page .communication-tab-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a}.admin-communication-page .communication-tab-container h2{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px}.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{background:none;border:none;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.admin-communication-page .communication-tab-container .tabs-header .tab-button:hover{background-color:#f1f5f9;color:#374151}.admin-communication-page .communication-tab-container .tabs-header .tab-button.active{background-color:#fff;border-bottom:2px solid #10b981;color:#10b981;font-weight:600}.admin-communication-page .communication-tab-container .tabs-content{background-color:#fff;padding:24px}.admin-communication-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.admin-communication-page .loading-container p{color:#6b7280;font-size:16px;margin:0}.community-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:24px}.community-header .community-header__search-container{align-items:center;display:flex;flex:1 1;min-width:0}.community-header .community-header__search{flex:1 1;min-width:0;width:100%}.community-header .community-header__actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.community-header .write-post-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.community-header .write-post-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.community-header .write-post-btn svg{flex-shrink:0}.course-qna-toolbar{align-items:flex-end;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px}.course-qna-toolbar .write-post-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.course-qna-toolbar .write-post-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.course-qna-toolbar .write-post-btn svg{flex-shrink:0}.course-qna-toolbar__left{display:flex;flex-direction:column;gap:8px}.course-qna-toolbar__left .form-label{color:#374151;font-size:14px;font-weight:500}.course-qna-toolbar__left .form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;min-width:260px;padding:10px 12px;transition:all .2s ease}.course-qna-toolbar__left .form-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.section-title{color:#1f2937;font-size:18px;font-weight:600;margin:20px 0 16px}@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{background-color:#4a5568;color:#e2e8f0}html:not([data-theme=light]) .admin-communication-page .communication-tab-container .tabs-header .tab-button.active{background-color:#2d3748;border-bottom-color:#68d391;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{background:#2d3748;border-color:#718096;color:#f1f5f9}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{background-color:#4a5568;color:#e2e8f0}html[data-theme=dark] .admin-communication-page .communication-tab-container .tabs-header .tab-button.active{background-color:#2d3748;border-bottom-color:#68d391;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{background:#2d3748;border-color:#718096;color:#f1f5f9}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(max-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{align-items:stretch;flex-direction:column;gap:12px}.community-header .write-post-btn{justify-content:center;width:100%}.course-qna-toolbar{align-items:stretch;flex-direction:column;gap:12px}.course-qna-toolbar__left .form-select{min-width:auto;width:100%}.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;display:flex;flex-direction:column;max-height:calc(100vh - 60px);min-height:100vh;overflow:hidden;padding:24px}.admin-booking-resource-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;flex-shrink:0;margin-bottom:32px;padding:24px}.admin-booking-resource-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.admin-booking-resource-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.admin-booking-resource-page .resource-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;flex:1 1;min-height:0;overflow-y:auto;padding:24px}.admin-booking-resource-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.admin-booking-resource-page .loading-container p{color:#6b7280;font-size:16px;margin:0}.resource-list-wrapper{width:100%}.resource-list-wrapper .filter-section{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.resource-list-wrapper .filter-section label{color:#374151;font-size:14px;font-weight:600;white-space:nowrap}.resource-list-wrapper .filter-section .type-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:200px;padding:8px 12px;transition:all .2s ease}.resource-list-wrapper .filter-section .type-filter-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.resource-list-wrapper .filter-section .type-filter-select:hover{border-color:#9ca3af}.resource-list-wrapper .type-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-align:center;white-space:nowrap}.resource-list-wrapper .type-badge.type-badge-instructor{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.resource-list-wrapper .type-badge.type-badge-admin{background:#fef3c7;border:1px solid #fde047;color:#92400e}.resource-list-wrapper .type-badge.type-badge-academy{background:#e9d5ff;border:1px solid #c084fc;color:#6b21a8}@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{background:#2d3748;border-color:#4a5568}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}html:not([data-theme=light]) .resource-list-wrapper .type-badge.type-badge-admin{background:#78350f;border-color:#f59e0b;color:#fde047}html:not([data-theme=light]) .resource-list-wrapper .type-badge.type-badge-academy{background:#581c87;border-color:#8b5cf6;color:#c084fc}}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{background:#2d3748;border-color:#4a5568}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}html[data-theme=dark] .resource-list-wrapper .type-badge.type-badge-admin{background:#78350f;border-color:#f59e0b;color:#fde047}html[data-theme=dark] .resource-list-wrapper .type-badge.type-badge-academy{background:#581c87;border-color:#8b5cf6;color:#c084fc}@media(max-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{align-items:stretch;flex-direction:column;gap:8px}.resource-list-wrapper .filter-section label{font-size:13px}.resource-list-wrapper .filter-section .type-filter-select{min-width:auto;width:100%}}.policy-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.policy-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-x:hidden;overflow-y:auto;width:90%}.policy-modal-content .modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.policy-modal-content .modal-header h2{color:#1f2937;font-size:20px;font-weight:800;margin:0}.policy-modal-content .modal-header .close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.policy-modal-content .modal-header .close-btn:hover{background:#e5e7eb;color:#374151}.policy-modal-content .modal-body{padding:24px}.policy-modal-content .modal-body .time-range{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.policy-modal-content .modal-body .time-range>.form-group{min-width:0}.policy-modal-content .modal-body .time-range-hint{color:#6b7280;font-size:12px;font-weight:600;margin-bottom:14px;margin-top:-10px}.policy-modal-content .modal-body .form-group{margin-bottom:20px}.policy-modal-content .modal-body .form-group label{color:#374151;display:block;font-size:14px;font-weight:700;margin-bottom:8px}.policy-modal-content .modal-body .form-group input[type=date],.policy-modal-content .modal-body .form-group input[type=time],.policy-modal-content .modal-body .form-group select,.policy-modal-content .modal-body .form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.policy-modal-content .modal-body .form-group input[type=date]:focus,.policy-modal-content .modal-body .form-group input[type=time]:focus,.policy-modal-content .modal-body .form-group select:focus,.policy-modal-content .modal-body .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;outline:none}.policy-modal-content .modal-body .form-group .time-picker{align-items:center;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #d1d5db;border-radius:10px;box-shadow:inset 0 2px 5px #0f172a0a;display:flex;gap:10px;min-width:0;padding:8px 10px;position:relative;width:100%}.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{font-feature-settings:"tnum";background:#0000;border:none;color:#111827;flex:1 1;font-size:14px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.01em;min-width:0;outline:none}.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{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:inset 0 1px 2px #0f172a0a;color:#111827;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;padding:9px 12px;transition:all .2s ease;width:100%}.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;box-shadow:0 0 0 3px #3b82f61f;outline:none}.policy-modal-content .modal-body .form-group .date-picker-trigger .date-icon{color:#6b7280;flex:0 0 auto}.policy-modal-content .modal-body .form-group .date-picker-trigger .date-value{font-feature-settings:"tnum";flex:1 1;font-variant-numeric:tabular-nums;text-align:left}.policy-modal-content .modal-body .form-group .field-error{color:#b91c1c;font-size:12px;font-weight:700;margin-top:6px}.policy-modal-content .modal-body .form-group textarea{font-family:inherit;min-height:92px;resize:vertical}.policy-modal-content .modal-body .form-group .field-help{color:#6b7280;font-size:12px;font-weight:600;line-height:1.4;margin-top:6px}.policy-modal-content .modal-body .form-group .field-warn{color:#b45309;font-size:12px;font-weight:600;line-height:1.4;margin-top:6px}.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{display:flex;flex-wrap:wrap;gap:16px}.policy-modal-content .modal-body .form-group .checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:8px}.policy-modal-content .modal-body .form-group .checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.policy-modal-content .modal-body .form-group .duration-custom-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.policy-modal-content .modal-body .form-group .duration-custom-row .duration-custom-input{border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:700;padding:8px 10px;width:100px}.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{background:#eff6ff;border:1px solid #3b82f6;border-radius:8px;color:#2563eb;cursor:pointer;font-size:13px;font-weight:700;padding:8px 14px;transition:all .2s ease}.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{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.policy-modal-content .modal-body .form-group .duration-chips .duration-chip{align-items:center;background:#eff6ff;border-radius:9999px;color:#1d4ed8;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:6px 10px}.policy-modal-content .modal-body .form-group .duration-chips .duration-chip .chip-remove{align-items:center;background:#0000;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;display:inline-flex;justify-content:center;padding:0;transition:color .15s ease}.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-bottom:8px;margin-top:20px;overflow:hidden}.policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-toggle{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.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 1}.policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body{border-top:1px solid #e5e7eb;color:#4b5563;font-size:13px;line-height:1.5;padding:14px 16px}.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{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:13px;font-weight:600;line-height:1.4;margin-bottom:0;margin-top:12px;padding:12px 14px}.policy-modal-content .modal-body .modal-footer{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.policy-modal-content .modal-body .modal-footer button{border:1px solid;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s ease}.policy-modal-content .modal-body .modal-footer button.cancel-btn{background:#fff;border-color:#d1d5db;color:#374151}.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{background:#3b82f6;border-color:#3b82f6;color:#fff}.policy-modal-content .modal-body .modal-footer button.submit-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #3b82f640;transform:translateY(-1px)}.policy-modal-content .modal-body .modal-footer button.submit-btn:disabled{cursor:not-allowed;opacity:.5}.notion-date-picker-popper{z-index:1200}.notion-date-picker-popper .react-datepicker__navigation{display:none}.notion-date-picker-popper .notion-datepicker-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:4px}.notion-date-picker-popper .notion-datepicker-header .month-label{color:var(--text-heading);font-size:13px;font-weight:800;letter-spacing:-.01em}.notion-date-picker-popper .notion-datepicker-header .today-btn{background:#0000;border:none;border-radius:8px;color:var(--accent);cursor:pointer;font-size:12px;font-weight:700;padding:6px 8px;transition:all .15s ease}.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;display:flex;gap:6px}.notion-date-picker-popper .notion-datepicker-header .nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:all .15s ease;width:28px}.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{cursor:not-allowed;opacity:.4}.notion-date-picker-popper .react-datepicker__day-names{margin-top:4px}.notion-date-picker-popper .react-datepicker__day,.notion-date-picker-popper .react-datepicker__day-name{border-radius:9px;font-weight:700;line-height:1.9rem;margin:.1rem;width: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{background:#4a5568;color:#f3f4f6}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=date],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 select,html:not([data-theme=light]) .policy-modal-content .modal-body .form-group textarea{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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 input[type=time]:focus,html:not([data-theme=light]) .policy-modal-content .modal-body .form-group select:focus,html:not([data-theme=light]) .policy-modal-content .modal-body .form-group textarea: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(180deg,#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{background:linear-gradient(180deg,#1f2937,#172030);border-color:#4a5568;color:#e2e8f0}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .duration-custom-row .duration-add-btn{background:#3b82f633;border-color:#60a5fa;color:#93c5fd}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{background:#3b82f633;color:#93c5fd}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{background:#1f2937!important;border-top-color:#4a5568;color:#f1f5f9!important}html:not([data-theme=light]) .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body li,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{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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#4a5568;color:#f3f4f6}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=date],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 select,html[data-theme=dark] .policy-modal-content .modal-body .form-group textarea{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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 input[type=time]:focus,html[data-theme=dark] .policy-modal-content .modal-body .form-group select:focus,html[data-theme=dark] .policy-modal-content .modal-body .form-group textarea: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(180deg,#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{background:linear-gradient(180deg,#1f2937,#172030);border-color:#4a5568;color:#e2e8f0}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}html[data-theme=dark] .policy-modal-content .modal-body .form-group .duration-custom-row .duration-add-btn{background:#3b82f633;border-color:#60a5fa;color:#93c5fd}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{background:#3b82f633;color:#93c5fd}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{background:#1f2937!important;border-top-color:#4a5568;color:#f1f5f9!important}html[data-theme=dark] .policy-modal-content .modal-body .form-group .policy-info-accordion .policy-info-body li,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{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{background:#374151;border-color:#4a5568;color:#e2e8f0}html[data-theme=dark] .policy-modal-content .modal-body .modal-footer .cancel-btn:hover{background:#4a5568;border-color:#718096}@media(max-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:1 1 160px}}.slot-preview .preview-header{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:16px}.slot-preview .preview-header h2{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:800;gap:8px;margin:0}.slot-preview .preview-controls{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:16px}.slot-preview .preview-controls .control-group{display:flex;flex-direction:column;gap:8px}.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{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:8px 12px;transition:all .2s ease}.slot-preview .preview-controls .control-group input[type=date]:focus,.slot-preview .preview-controls .control-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;outline:none}.slot-preview .preview-controls .control-group .radio-group{display:flex;gap:16px}.slot-preview .preview-controls .control-group .radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:8px}.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{align-items:center;color:#1f2937;display:flex;font-size:15px;font-weight:800;gap:8px;margin:0 0 12px}.slot-preview .preview-controls .control-group .duration-preview-title svg{color:#3b82f6;flex-shrink:0}.slot-preview .preview-controls .control-group .duration-radio-group{display:flex;flex-wrap:wrap;gap:12px 20px}.slot-preview .preview-controls .control-group .duration-radio-option{align-items:center;border:1px solid #0000;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:6px 12px;transition:all .2s ease}.slot-preview .preview-controls .control-group .duration-radio-option input[type=radio]{accent-color:#3b82f6;cursor:pointer;height:18px;margin:0;width:18px}.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){background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.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-list h3,.slot-preview .preview-results .slots-range-list .day-slots h3,.slot-preview .preview-results .slots-range-list h3{color:#374151;font-size:16px;font-weight:700;margin:0 0 12px}.slot-preview .preview-results .slots-list .slots-grid,.slot-preview .preview-results .slots-range-list .slots-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.slot-preview .preview-results .slots-list .slot-item,.slot-preview .preview-results .slots-range-list .slot-item{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#166534;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 12px;transition:all .2s ease}.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{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:8px;color:#9ca3af;font-size:14px;font-style:italic;padding:20px;text-align:center}.slot-preview .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.slot-preview .loading-container p{color:#6b7280;font-size:16px;margin:0}@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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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){background:#3b82f633;border-color:#60a5fa;color:#93c5fd}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-list 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-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{background:#065f46;border-color:#10b981;color:#d1fae5}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{background:#374151;border-color:#4a5568;color:#9ca3af}}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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){background:#3b82f633;border-color:#60a5fa;color:#93c5fd}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-list h3,html[data-theme=dark] .slot-preview .preview-results .slots-range-list .day-slots 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{background:#065f46;border-color:#10b981;color:#d1fae5}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{background:#374151;border-color:#4a5568;color:#9ca3af}@media(max-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;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.booking-page-shell .page-header .header-content{align-items:center;display:flex;gap:16px;justify-content:flex-start}.booking-page-shell .page-header .header-content .back-button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 14px;transition:all .2s ease}.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;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.booking-page-shell .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.booking-page-shell .page-header .header-content .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-left:auto}.booking-page-shell .page-header .header-content .header-actions .header-action-btn{align-items:center;background:#2563eb;border:1px solid #2563eb;border-radius:10px;box-shadow:0 2px 6px #2563eb2e;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:10px 16px;white-space:nowrap}.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{box-shadow:0 1px 4px #2563eb40;transform:translateY(.5px)}.booking-page-shell .page-header .header-content .header-actions .header-action-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.65}.booking-page-shell .resource-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;display:flex;gap:8px;margin-bottom:24px;padding:8px}.booking-page-shell .resource-tabs .tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-align:center;transition:all .2s ease}.booking-page-shell .resource-tabs .tab-btn:hover{background:#f3f4f6;color:#374151}.booking-page-shell .resource-tabs .tab-btn.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f640;color:#fff}.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{background:#d1fae5;border:1px solid #10b981;border-radius:8px;color:#065f46;font-size:14px;font-weight:600;margin-bottom:16px;padding:12px 16px}.booking-page-shell .info-banner{background:#dbeafe;border:1px solid #3b82f6;border-radius:8px;color:#1e40af;font-size:14px;font-weight:700;margin-bottom:16px;padding:12px 16px}.booking-page-shell .error-container{background:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#991b1b;font-size:14px;font-weight:600;padding:12px 16px}.booking-page-shell .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.booking-page-shell .loading-container p{color:#6b7280;font-size:16px;margin:0}@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{background:#374151;color:#e2e8f0}html:not([data-theme=light]) .booking-page-shell .resource-tabs .tab-btn.active{background:#2563eb;color:#fff}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{background:#3b82f629;border-color:#60a5fa99;color:#bfdbfe}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#374151;color:#e2e8f0}html[data-theme=dark] .booking-page-shell .resource-tabs .tab-btn.active{background:#2563eb;color:#fff}html[data-theme=dark] .booking-page-shell .resource-tabs .tab-btn.active:hover{background:#1d4ed8}html[data-theme=dark] .booking-page-shell .info-banner{background:#3b82f629;border-color:#60a5fa99;color:#bfdbfe}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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(max-width:768px){.booking-page-shell{padding:16px}.booking-page-shell .resource-tabs{gap:6px;padding:6px}.booking-page-shell .resource-tabs .tab-btn{font-size:12px;padding:10px 12px}.booking-page-shell .resource-tabs .tab-btn svg{height:16px;width:16px}.booking-page-shell .page-header{margin-bottom:24px;padding:16px}.booking-page-shell .page-header .header-content{align-items:flex-start;flex-direction:column;gap:12px}}.booking-policy-page .policy-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media(max-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;box-shadow:0 1px 3px 0 #0000001a;display:flex;flex-direction:column;min-height:0;padding:24px}.booking-policy-page .policy-list-section .section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.booking-policy-page .policy-list-section .section-header h2{color:#1f2937;font-size:18px;font-weight:800;margin:0}.booking-policy-page .policy-list-section .section-header .add-policy-btn{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:800;padding:10px 18px;transition:all .2s ease}.booking-policy-page .policy-list-section .section-header .add-policy-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f640;transform:translateY(-1px)}.booking-policy-page .policy-list-section .booking-policy-list-table{flex:1 1;min-height:0}.booking-policy-page .policy-list-section .booking-policy-list-table .table-wrapper{max-height:400px;overflow:auto;overflow-x:auto;overflow-y:auto;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.booking-policy-page .policy-list-section .booking-policy-list-table .table-wrapper::-webkit-scrollbar{height:8px;width: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{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#64748b;cursor:pointer;display:inline-flex;height:36px;justify-content:center;min-width:36px;padding:0;transition:all .2s ease;width:36px}.booking-policy-page .policy-list-section .booking-policy-list-table .action-cell .more-btn:hover{background:#e2e8f0;border-color:#94a3b8;box-shadow:0 2px 4px #00000014;color:#475569}.booking-policy-page .policy-list-section .booking-policy-list-table .action-cell .more-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.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{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;min-width:160px;overflow:hidden;padding:6px 0;position:absolute;right:0;top:calc(100% + 6px);z-index:100}.booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 16px;text-align:left;transition:background .15s ease;width:100%}.booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item:hover{background:#f1f5f9;color:#1e293b}.booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item.policy-more-item-danger{border-top:1px solid #e2e8f0;color:#dc2626;margin-top:4px;padding-top:10px}.booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item.policy-more-item-danger:hover{background:#fef2f2;color:#b91c1c}.booking-policy-page .slot-preview-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}@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{background:#374151;border-color:#4b5563;color:#9ca3af}html:not([data-theme=light]) .booking-policy-page .policy-list-section .booking-policy-list-table .action-cell .more-btn:hover{background:#4b5563;border-color:#6b7280;color:#d1d5db}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{background:#4b5563;color:#f9fafb}html:not([data-theme=light]) .booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item.policy-more-item-danger{border-top-color:#4b5563;color:#f87171}html:not([data-theme=light]) .booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item.policy-more-item-danger:hover{background:#7f1d1d;color:#fca5a5}}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{background:#374151;border-color:#4b5563;color:#9ca3af}html[data-theme=dark] .booking-policy-page .policy-list-section .booking-policy-list-table .action-cell .more-btn:hover{background:#4b5563;border-color:#6b7280;color:#d1d5db}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{background:#4b5563;color:#f9fafb}html[data-theme=dark] .booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item.policy-more-item-danger{border-top-color:#4b5563;color:#f87171}html[data-theme=dark] .booking-policy-page .policy-list-section .booking-policy-list-table .policy-more-item.policy-more-item-danger:hover{background:#7f1d1d;color:#fca5a5}@media(max-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-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media(max-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;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.booking-override-page .override-list-section .section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.booking-override-page .override-list-section .section-header h2{color:#1f2937;font-size:18px;font-weight:800;margin:0}.booking-override-page .override-list-section .section-header .add-override-btn{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:800;padding:10px 18px;transition:all .2s ease}.booking-override-page .override-list-section .section-header .add-override-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f640;transform:translateY(-1px)}.booking-override-page .override-list-section .date-range-filter{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.booking-override-page .override-list-section .date-range-filter .filter-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.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]{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;font-size:14px;padding:10px 12px;transition:all .2s ease}.booking-override-page .override-list-section .date-range-filter .filter-group input[type=date]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;outline:none}.booking-override-page .slot-preview-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.override-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px;text-align:center}.override-badge.override-badge-closed{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.override-badge.override-badge-open{background:#dbeafe;border:1px solid #3b82f6;color:#1e40af}@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]{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}html:not([data-theme=light]) .override-badge.override-badge-open{background:#1e3a8a;border-color:#2563eb;color:#93c5fd}}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]{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}html[data-theme=dark] .override-badge.override-badge-open{background:#1e3a8a;border-color:#2563eb;color:#93c5fd}@media(max-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-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:1200px){.booking-page-shell.booking-resource-overview-page .overview-content{grid-template-columns:1fr 1fr}}.booking-page-shell.booking-resource-overview-page .quick-actions-card,.booking-page-shell.booking-resource-overview-page .resource-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.booking-page-shell.booking-resource-overview-page .quick-actions-card h2,.booking-page-shell.booking-resource-overview-page .resource-info-card h2{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:20px;font-weight:700;margin:0 0 20px;padding-bottom:16px}.booking-page-shell.booking-resource-overview-page .resource-info-card .info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.booking-page-shell.booking-resource-overview-page .resource-info-card .info-grid .info-item{display:flex;flex-direction:column;gap:8px}.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{display:flex;flex-wrap:wrap;gap:8px}.booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn{align-items:center;background:#f8fafc;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:150px;padding:14px 20px;text-align:center;transition:all .2s ease}.booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.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{border-color:#8b5cf6;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){border-color:#f59e0b;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){border-color:#3b82f6;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{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-align:center;white-space:nowrap}.booking-page-shell.booking-resource-overview-page .type-badge.type-badge-instructor{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.booking-page-shell.booking-resource-overview-page .type-badge.type-badge-admin{background:#fef3c7;border:1px solid #fde047;color:#92400e}.booking-page-shell.booking-resource-overview-page .type-badge.type-badge-academy{background:#e9d5ff;border:1px solid #c084fc;color:#6b21a8}.booking-page-shell.booking-resource-overview-page .error-container,.booking-page-shell.booking-resource-overview-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;text-align:center}.booking-page-shell.booking-resource-overview-page .error-container p,.booking-page-shell.booking-resource-overview-page .loading-container p{color:#6b7280;font-size:16px;margin:0}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .quick-actions-card,html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .resource-info-card{background:#2d3748;border-color:#4a5568}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .quick-actions-card h2,html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .resource-info-card h2{border-bottom-color:#4a5568;color:#f1f5f9}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{background:#374151;border-color:#4a5568;color:#a0aec0}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:hover{background:#4a5568;border-color:#718096;color:#e2e8f0}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:first-child{border-color:#7c3aed;color:#a78bfa}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){border-color:#f59e0b;color:#fbbf24}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){border-color:#3b82f6;color:#60a5fa}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{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .type-badge.type-badge-admin{background:#78350f;border-color:#f59e0b;color:#fde047}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .type-badge.type-badge-academy{background:#581c87;border-color:#8b5cf6;color:#c084fc}html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .error-container p,html:not([data-theme=light]) .booking-page-shell.booking-resource-overview-page .loading-container p{color:#9ca3af}}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .quick-actions-card,html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .resource-info-card{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .quick-actions-card h2,html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .resource-info-card h2{border-bottom-color:#4a5568;color:#f1f5f9}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{background:#374151;border-color:#4a5568;color:#a0aec0}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:hover{background:#4a5568;border-color:#718096;color:#e2e8f0}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .quick-actions-card .resource-tabs .tab-btn:first-child{border-color:#7c3aed;color:#a78bfa}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){border-color:#f59e0b;color:#fbbf24}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){border-color:#3b82f6;color:#60a5fa}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{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .type-badge.type-badge-admin{background:#78350f;border-color:#f59e0b;color:#fde047}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .type-badge.type-badge-academy{background:#581c87;border-color:#8b5cf6;color:#c084fc}html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .error-container p,html[data-theme=dark] .booking-page-shell.booking-resource-overview-page .loading-container p{color:#9ca3af}@media(max-width:768px){.booking-page-shell.booking-resource-overview-page .overview-content{gap:16px}.booking-page-shell.booking-resource-overview-page .quick-actions-card,.booking-page-shell.booking-resource-overview-page .resource-info-card{padding:16px}.booking-page-shell.booking-resource-overview-page .resource-info-card .info-grid{gap:16px;grid-template-columns:1fr}.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;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.booking-manager-page .manager-content .manager-list-section .section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.booking-manager-page .manager-content .manager-list-section .section-header h2{color:#1f2937;font-size:18px;font-weight:800;margin:0}.role-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px;text-align:center}.role-badge.role-badge-viewer{background:#e0e7ff;border:1px solid #818cf8;color:#3730a3}.role-badge.role-badge-manager{background:#dbeafe;border:1px solid #60a5fa;color:#1e40af}.role-badge.role-badge-admin{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}@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{background:#312e81;border-color:#6366f1;color:#a5b4fc}html:not([data-theme=light]) .role-badge.role-badge-manager{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}html:not([data-theme=light]) .role-badge.role-badge-admin{background:#78350f;border-color:#f59e0b;color:#fde047}}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{background:#312e81;border-color:#6366f1;color:#a5b4fc}html[data-theme=dark] .role-badge.role-badge-manager{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}html[data-theme=dark] .role-badge.role-badge-admin{background:#78350f;border-color:#f59e0b;color:#fde047}@media(max-width:768px){.booking-manager-page .manager-list-section{padding:16px}}.manager-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.manager-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:520px;overflow-y:auto;width:90%}.manager-modal-content .modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.manager-modal-content .modal-header h2{color:#1f2937;font-size:20px;font-weight:800;margin:0}.manager-modal-content .modal-header .close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.manager-modal-content .modal-header .close-btn:hover{background:#e5e7eb;color:#374151}.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;display:block;font-size:14px;font-weight:700;margin-bottom:8px}.manager-modal-content .modal-body .form-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.manager-modal-content .modal-body .form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;outline:none}.manager-modal-content .modal-body .form-group .readonly-field{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;padding:10px 12px}.manager-modal-content .modal-body .form-group .checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:700;gap:8px}.manager-modal-content .modal-body .form-group .checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width: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;left:12px;pointer-events:none;position:absolute}.manager-modal-content .modal-body .user-search-wrapper .search-input-wrapper .user-search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:10px 12px 10px 40px;transition:all .2s ease;width:100%}.manager-modal-content .modal-body .user-search-wrapper .search-input-wrapper .user-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;outline:none}.manager-modal-content .modal-body .user-search-wrapper .search-loading{color:#6b7280;font-size:14px;padding:12px;text-align:center}.manager-modal-content .modal-body .user-search-wrapper .search-results{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 18px #0000001f;left:0;margin-top:4px;max-height:220px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.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 1;min-width:0}.manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item .user-info .user-name{color:#1f2937;font-size:14px;font-weight:700;margin-bottom:2px}.manager-modal-content .modal-body .user-search-wrapper .search-results .search-result-item .user-info .user-email{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-modal-content .modal-body .user-search-wrapper .selected-user{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1e40af;display:flex;font-size:14px;font-weight:700;gap:8px;margin-top:8px;padding:10px 12px}.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 1}.manager-modal-content .modal-body .user-search-wrapper .selected-user .remove-user-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#1e40af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.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;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.manager-modal-content .modal-body .modal-footer button{border:1px solid;border-radius:8px;cursor:pointer;font-size:14px;font-weight:800;padding:10px 20px;transition:all .2s ease}.manager-modal-content .modal-body .modal-footer button.cancel-btn{background:#fff;border-color:#d1d5db;color:#374151}.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{background:#3b82f6;border-color:#3b82f6;color:#fff}.manager-modal-content .modal-body .modal-footer button.submit-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #3b82f640;transform:translateY(-1px)}.manager-modal-content .modal-body .modal-footer button.submit-btn:disabled{cursor:not-allowed;opacity:.5}@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{background:#4a5568;color:#f3f4f6}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#9ca3af}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#4a5568;color:#f3f4f6}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#9ca3af}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{display:flex;flex-direction:column;max-height:calc(100vh - 60px);overflow:hidden}.booking-page-shell.booking-counseling-list-page .counseling-content{flex:1 1;min-height:0;overflow-y:auto}.booking-counseling-list-page .filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:24px}.booking-counseling-list-page .filters-section .filters-container{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.booking-counseling-list-page .filters-section .filters-container .filter-group{display:flex;flex-direction:column;gap:8px}.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{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:10px 12px;transition:all .2s ease}.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;box-shadow:0 0 0 3px #3b82f61a;outline:none}.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;font-size:13px;margin:10px 0 0}.booking-counseling-list-page .filters-section .filters-container .filter-actions{display:flex;gap:8px}.booking-counseling-list-page .filters-section .filters-container .filter-actions .reset-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.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;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.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{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.counseling-list-table .counseling-no-show-badge{align-items:center;background:#ffedd5;border:1px solid #fdba74;border-radius:999px;color:#9a3412;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px}.counseling-list-table .counseling-list-status-hint{color:#6b7280;font-size:11px;line-height:1.3}.counseling-list-table .counseling-list-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:background .2s,border-color .2s}.counseling-list-table .counseling-list-action-btn:hover{background:#eff6ff;border-color:#93c5fd}.counseling-bulk-action-bar{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.counseling-bulk-action-bar .counseling-bulk-selected-count{color:#1e40af;font-size:14px;font-weight:600}.counseling-bulk-action-bar .counseling-bulk-actions{display:flex;flex-wrap:wrap;gap:8px}.counseling-bulk-action-bar .counseling-bulk-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px}.counseling-bulk-action-bar .counseling-bulk-btn:disabled{cursor:not-allowed;opacity:.6}.counseling-bulk-action-bar .counseling-bulk-btn.confirm{background:#3b82f6;color:#fff}.counseling-bulk-action-bar .counseling-bulk-btn.reject{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.counseling-bulk-action-bar .counseling-bulk-btn.cancel{background:#fff;border-color:#d1d5db;color:#374151}.counseling-bulk-action-bar .counseling-bulk-btn.no-show{background:#dc2626;color:#fff}.counseling-bulk-action-bar .counseling-bulk-btn.clear{background:#0000;border-color:#d1d5db;color:#6b7280}.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{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.counseling-bulk-result-panel .counseling-bulk-result-summary{color:#065f46;font-size:14px;font-weight:600;margin:0}.counseling-bulk-result-panel.has-failures .counseling-bulk-result-summary{color:#9a3412}.counseling-bulk-result-panel .counseling-bulk-result-close{background:#0000;border:none;color:#6b7280;cursor:pointer}.counseling-bulk-result-panel .counseling-bulk-result-toggle{align-items:center;background:#0000;border:none;color:#2563eb;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;margin-top:8px;padding:0}.counseling-bulk-result-panel .counseling-bulk-result-details{font-size:13px;margin:8px 0 0;padding-left:18px}.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{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.counseling-list-empty-state .counseling-list-empty-icon{color:#cbd5e1;margin-bottom:16px}.counseling-list-empty-state .counseling-list-empty-title{color:#475569;font-size:16px;font-weight:600;margin:0 0 8px}.counseling-list-empty-state .counseling-list-empty-hint{color:#94a3b8;font-size:14px;margin:0;max-width:320px}.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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#78350f;border-color:#f59e0b;color:#fde047}html:not([data-theme=light]) .status-badge.confirmed{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}html:not([data-theme=light]) .status-badge.completed{background:#064e3b;border-color:#10b981;color:#6ee7b7}html:not([data-theme=light]) .status-badge.rejected{background:#7f1d1d;border-color:#ef4444;color:#fca5a5}html:not([data-theme=light]) .status-badge.cancelled{background:#111827;border-color:#6b7280;color:#e5e7eb}}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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(max-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}}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-align:center}.status-badge.confirmed{background:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.status-badge.completed{background:#d1fae5;border:1px solid #10b981;color:#065f46}.status-badge.rejected{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.status-badge.cancelled{background:#e5e7eb;border:1px solid #9ca3af;color:#374151}.status-badge.reschedule-pending{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.status-badge.reschedule-pending-warning{background:#fff7ed;border:1px solid #f97316;color:#c2410c;font-weight:700}.reschedule-time-comparison{align-items:stretch;display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 0}.reschedule-time-comparison-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:140px;padding:14px 16px}.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{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.reschedule-time-comparison-value{color:#111827;font-size:14px;font-weight:600;line-height:1.4}.reschedule-time-comparison-arrow{align-items:center;color:#9ca3af;display:flex;font-size:18px;font-weight:700}.technical-details-toggle{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 0;text-align:left;width:100%}.technical-details-toggle:hover{color:#374151}.technical-details-toggle .technical-details-chevron{transition:transform .2s ease}.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{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}.reject-reschedule-modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 28px #00000026;max-width:420px;overflow:hidden;width:100%}.reject-reschedule-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px}.reject-reschedule-modal-header h3{color:#111827;font-size:16px;font-weight:700;margin:0}.reject-reschedule-modal-close{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;padding:4px}.reject-reschedule-modal-close:hover{background:#f1f5f9;color:#334155}.reject-reschedule-modal-body{padding:20px}.reject-reschedule-modal-body label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.reject-reschedule-modal-body textarea{border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 14px;resize:vertical;width:100%}.reject-reschedule-modal-body textarea:focus{border-color:#6366f1;outline:none}.reject-reschedule-modal-footer{background:#fafafa;border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.reject-reschedule-modal-footer .reject-reschedule-modal-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-weight:600;padding:10px 18px}.reject-reschedule-modal-footer .reject-reschedule-modal-cancel:hover:not(:disabled){background:#f1f5f9}.reject-reschedule-modal-footer .reject-reschedule-modal-confirm-reject{align-items:center;background:#fff;border:1px solid #ef4444;border-radius:10px;color:#dc2626;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 18px}.reject-reschedule-modal-footer .reject-reschedule-modal-confirm-reject:hover:not(:disabled){background:#fef2f2}.reject-reschedule-modal-footer .reject-reschedule-modal-confirm-reject:disabled{cursor:not-allowed;opacity:.6}.counseling-detail-modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 28px #0000001f;margin:0 auto;max-width:900px;overflow-y:auto;width:100%}.counseling-detail-modal-content .modal-body{padding:24px}.counseling-detail-modal-content .modal-body textarea{border:1px solid #d1d5db;border-radius:10px;color:#111827;font-family:inherit;font-size:14px;padding:12px 14px;resize:vertical;transition:all .2s ease;width:100%}.counseling-detail-modal-content .modal-body textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;outline:none}.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;font-size:18px;font-weight:800;margin:0 0 16px}.counseling-detail-modal-content .modal-body .detail-section .info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.counseling-detail-modal-content .modal-body .detail-section .info-grid .info-item{display:flex;flex-direction:column;gap:6px}.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;font-size:15px;font-weight:500;word-break:break-word}.counseling-detail-modal-content .modal-body .detail-section .notes-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#374151;font-size:14px;line-height:1.6;padding:16px;white-space:pre-wrap}.counseling-detail-modal-content .modal-body .detail-section .notes-content.reject-reason-content{background:#fef2f2;border-color:#fecaca;color:#991b1b}.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;font-size:14px;font-weight:600;margin:0}.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{font-size:16px;font-weight:700;margin:0 0 8px}.counseling-detail-modal-content .modal-body .detail-section.reschedule-card .reschedule-card-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 14px}.counseling-detail-modal-content .modal-body .detail-section.reschedule-card .reschedule-reason{color:#374151;font-size:14px;line-height:1.5;margin:0}.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;display:block;font-size:13px;font-weight:600;margin-bottom:4px}.counseling-detail-modal-content .modal-body .detail-section.reschedule-pending .reschedule-reject-reason-section textarea{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;margin-top:6px;padding:10px 12px;width:100%}.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-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.counseling-detail-modal-content .modal-body .result-content .result-item{display:flex;flex-direction:column;gap:6px}.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{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#111827;font-size:14px;line-height:1.6;padding:14px 16px;white-space:pre-wrap;word-break:break-word}.counseling-detail-modal-content .modal-body .action-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.counseling-detail-modal-content .modal-body .action-buttons button{align-items:center;border:1px solid;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s ease}.counseling-detail-modal-content .modal-body .action-buttons button:disabled{cursor:not-allowed;opacity:.55}.counseling-detail-modal-content .modal-body .action-buttons button.approve-btn{background:#10b981;border-color:#10b981;color:#fff}.counseling-detail-modal-content .modal-body .action-buttons button.approve-btn:hover:not(:disabled){background:#059669;border-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.counseling-detail-modal-content .modal-body .action-buttons button.confirm-btn{background:#10b981;border-color:#10b981;color:#fff}.counseling-detail-modal-content .modal-body .action-buttons button.reject-btn{background:#ef4444;border-color:#ef4444;color:#fff}.counseling-detail-modal-content .modal-body .action-buttons button.reject-btn:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.counseling-detail-modal-content .modal-body .action-buttons button.reject-btn-outline{background:#fff;border-color:#e2e8f0;color:#dc2626}.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{background:#fff;border-color:#d1d5db;color:#374151}.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{background:#dc2626;border-color:#dc2626;color:#fff}.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{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1100}.reschedule-modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:920px;overflow:auto;width:100%}.reschedule-modal-content .modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.reschedule-modal-content .modal-header h2{color:#111827;font-size:18px;font-weight:800;margin:0}.reschedule-modal-content .modal-header .close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;padding:8px}.reschedule-modal-content .modal-header .close-btn:hover{background:#e5e7eb;color:#374151}.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;font-size:16px;font-weight:900;margin:0 0 14px}.reschedule-modal-content .modal-body .detail-section .info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.reschedule-modal-content .modal-body .detail-section .info-grid .info-item{display:flex;flex-direction:column;gap:6px}.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;font-size:14px;font-weight:600;word-break:break-word}.reschedule-modal-content .modal-body .reschedule-same-duration-hint{color:#64748b;font-size:13px;line-height:1.5;margin:12px 0 0}.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 .reschedule-same-duration-hint,.reschedule-modal-content .modal-body .reschedule-summary.reschedule-summary--dimmed .value{color:#94a3b8}.reschedule-modal-content .modal-body .reschedule-reason-section h3{margin-bottom:10px}.reschedule-modal-content .modal-body .reschedule-reason-input{border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:14px;min-height:80px;padding:12px 14px;resize:vertical;transition:border-color .2s;width:100%}.reschedule-modal-content .modal-body .reschedule-reason-input::placeholder{color:#94a3b8}.reschedule-modal-content .modal-body .reschedule-reason-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11f;outline:none}.reschedule-modal-content .modal-body .reschedule-reason-input:disabled{cursor:not-allowed;opacity:.7}.reschedule-modal-content .modal-body .reschedule-selected-banner{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1d4ed8;display:flex;font-size:14px;gap:8px;line-height:1.5;margin-top:12px;padding:12px 14px}.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{font-size:.9rem;font-weight:500;line-height:1.4;margin-bottom:12px;margin-top:0;padding:10px 14px}.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;display:flex;gap:20px}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .calendar-wrapper{flex:11 1;max-width:none;min-width:0;position:relative}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .calendar-wrapper .loading-overlay{align-items:center;background:#ffffffe6;border-radius:8px;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .calendar-wrapper .loading-overlay p{color:#6b7280;font-size:14px;margin:0}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex:9 1;max-width:none;min-width:0;overflow:hidden;padding:16px}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-title{align-items:center;color:#111827;display:flex;font-size:15px;font-weight:900;gap:8px;margin:0 0 12px}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .no-slots-message{color:#6b7280;font-size:14px;margin:0;padding:28px 12px;text-align:center}.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;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);max-height:360px;overflow-x:hidden;overflow-y:auto;padding-right:4px;width:100%}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .time-slots-grid .time-slot{background:#fff;border:2px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;font-size:13px;font-weight:900;padding:10px 12px;text-align:center;transition:all .2s ease}.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{background:#3b82f6;border-color:#3b82f6;color:#fff}.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{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .reschedule-time-grid{gap:8px;grid-template-columns:repeat(4,1fr)}.reschedule-modal-content .modal-body .reschedule-calendar-time-container .time-slots-wrapper .reschedule-selected-banner--booking-style{margin-top:14px;width:100%}.reschedule-modal-content .modal-body .action-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:8px}.reschedule-modal-content .modal-body .action-buttons .reschedule-cancel-btn,.reschedule-modal-content .modal-body .action-buttons .reschedule-submit-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:opacity .2s,transform .15s,box-shadow .2s}.reschedule-modal-content .modal-body .action-buttons .reschedule-cancel-btn:disabled,.reschedule-modal-content .modal-body .action-buttons .reschedule-submit-btn:disabled{cursor:not-allowed;opacity:.6}.reschedule-modal-content .modal-body .action-buttons .reschedule-submit-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f159;color:#fff}.reschedule-modal-content .modal-body .action-buttons .reschedule-submit-btn:hover:not(:disabled){box-shadow:0 4px 14px #6366f166;opacity:.95;transform:translateY(-1px)}.reschedule-modal-content .modal-body .action-buttons .reschedule-cancel-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}.reschedule-modal-content .modal-body .action-buttons .reschedule-cancel-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569}.reschedule-modal-content .modal-body .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.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{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#111827;font-size:14px;padding:10px 12px;transition:all .2s ease}.reschedule-modal-content .modal-body .form-group input:focus,.reschedule-modal-content .modal-body .form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;outline:none}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .status-badge.requested{background:#78350f;border-color:#f59e0b;color:#fde047}html:not([data-theme=light]) .status-badge.confirmed{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}html:not([data-theme=light]) .status-badge.completed{background:#064e3b;border-color:#10b981;color:#6ee7b7}html:not([data-theme=light]) .status-badge.rejected{background:#7f1d1d;border-color:#ef4444;color:#fca5a5}html:not([data-theme=light]) .status-badge.cancelled{background:#111827;border-color:#6b7280;color:#e5e7eb}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#4a5568;color:#f3f4f6}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{background:#3b82f62e;border-color:#60a5fa59;color:#e0f2fe}html:not([data-theme=light]) .reschedule-modal-content .modal-body .duration-buttons button{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#3b82f6;border-color:#3b82f6;color:#fff}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#3b82f6;border-color:#3b82f6;color:#fff}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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.confirmed{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}html[data-theme=dark] .status-badge.completed{background:#064e3b;border-color:#10b981;color:#6ee7b7}html[data-theme=dark] .status-badge.rejected{background:#7f1d1d;border-color:#ef4444;color:#fca5a5}html[data-theme=dark] .status-badge.cancelled{background:#111827;border-color:#6b7280;color:#e5e7eb}html[data-theme=dark] .counseling-detail-modal-content{background:#2d3748;border-color:#4a5568}html[data-theme=dark] .counseling-detail-modal-content .modal-body textarea{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#4a5568;color:#f3f4f6}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{background:#3b82f62e;border-color:#60a5fa59;color:#e0f2fe}html[data-theme=dark] .reschedule-modal-content .modal-body .duration-buttons button{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#3b82f6;border-color:#3b82f6;color:#fff}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#3b82f6;border-color:#3b82f6;color:#fff}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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(max-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 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%}}.counseling-detail-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:16px;position:fixed;top:0;width:100%;z-index:1000}.admin-booking-requested-counseling-page{background:#f8fafc;display:flex;flex-direction:column;max-height:calc(100vh - 60px);min-height:100vh;overflow:hidden;padding:24px}.admin-booking-requested-counseling-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.admin-booking-requested-counseling-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.admin-booking-requested-counseling-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.admin-booking-requested-counseling-page .counseling-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;flex:1 1;min-height:0;overflow-y:auto;padding:24px}.admin-booking-requested-counseling-page .counseling-content .admin-table .table-wrapper{scrollbar-gutter:stable}.admin-booking-requested-counseling-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.admin-booking-requested-counseling-page .loading-container p{color:#6b7280;font-size:16px;margin:0}.counseling-row{transition:all .2s ease}.counseling-row:hover{background:#f0f9ff!important;transform:scale(1.01)}.status-badge.requested{background:#fef3c7;border:1px solid #fbbf24;border-radius:12px;color:#92400e;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-align:center}@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{background:#78350f;border-color:#f59e0b;color:#fde047}}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}html[data-theme=dark] .status-badge.requested{background:#78350f;border-color:#f59e0b;color:#fde047}@media(max-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{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.reschedule-detail-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.reschedule-detail-modal-content .modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px;position:sticky;top:0;z-index:10}.reschedule-detail-modal-content .modal-header h2{color:#1f2937;font-size:20px;font-weight:700;margin:0}.reschedule-detail-modal-content .modal-header .close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.reschedule-detail-modal-content .modal-header .close-btn:hover{background:#e5e7eb;color:#374151}.reschedule-detail-modal-content .modal-body{padding:24px}.reschedule-detail-modal-content .modal-body .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.reschedule-detail-modal-content .modal-body .loading-container p{color:#6b7280;font-size:16px;margin:0}.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;font-size:18px;font-weight:700;margin:0 0 16px}.reschedule-detail-modal-content .modal-body .detail-section .info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.reschedule-detail-modal-content .modal-body .detail-section .info-grid .info-item{display:flex;flex-direction:column;gap:6px}.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;font-size:15px;font-weight:500;word-break:break-word}.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{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;line-height:1.6;padding:16px;white-space:pre-wrap}.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;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section textarea{border:1px solid #d1d5db;border-radius:8px;color:#374151;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;transition:all .2s ease;width:100%}.reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:none}.reschedule-detail-modal-content .modal-body .detail-section .reject-reason-section textarea:disabled{background:#f3f4f6;cursor:not-allowed}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons{display:flex;gap:12px;justify-content:flex-end}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button:disabled{cursor:not-allowed;opacity:.5}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button.approve-btn{background:#10b981;border-color:#10b981;color:#fff}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button.approve-btn:hover:not(:disabled){background:#059669;border-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button.reject-btn{background:#ef4444;border-color:#ef4444;color:#fff}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button.reject-btn:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.reschedule-detail-modal-content .modal-body .detail-section .action-buttons button.reject-btn-outline{background:#fff;border-color:#e2e8f0;color:#dc2626}.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{background:#fff;border-color:#d1d5db;color:#374151}.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{background:#4a5568;color:#f3f4f6}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#fca5a5}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section .reject-btn-outline:hover:not(:disabled){background:#4c1d95;border-color:#7c3aed;color:#fecaca}html:not([data-theme=light]) .reschedule-detail-modal-content .modal-body .detail-section .cancel-btn{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#4a5568;color:#f3f4f6}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#fca5a5}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section .reject-btn-outline:hover:not(:disabled){background:#4c1d95;border-color:#7c3aed;color:#fecaca}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section .cancel-btn{background:#374151;border-color:#4a5568;color:#e2e8f0}html[data-theme=dark] .reschedule-detail-modal-content .modal-body .detail-section .cancel-btn:hover:not(:disabled){background:#4a5568;border-color:#6b7280}@media(max-width:768px){.reschedule-detail-modal-content{margin:16px;width:95%}.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;display:flex;flex-direction:column;max-height:calc(100vh - 60px);min-height:100vh;overflow:hidden;padding:24px}.admin-booking-reschedule-request-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.admin-booking-reschedule-request-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.admin-booking-reschedule-request-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.admin-booking-reschedule-request-page .reschedule-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;flex:1 1;min-height:0;overflow-y:auto;padding:24px}.admin-booking-reschedule-request-page .reschedule-content .admin-table .table-wrapper{scrollbar-gutter:stable}.admin-booking-reschedule-request-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.admin-booking-reschedule-request-page .loading-container p{color:#6b7280;font-size:16px;margin:0}.reschedule-row{transition:all .2s ease}.reschedule-row:hover{background:#f5f3ff!important;transform:scale(1.01)}@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(max-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}}.instructor-mypage-page.mypage-page{--mypage-accent:var(--mypage-instructor-accent)}.course-card{background:#2d3748;border:1px solid #4a5568;border-radius:12px;cursor:pointer;display:flex;min-height:180px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.course-card:hover{border-color:#6b7280;box-shadow:0 12px 32px #0006;transform:translateY(-4px)}.course-card__info{display:flex;flex:1 1;flex-direction:column;gap:16px;padding-right:20px;z-index:1}.course-card__badge{background:#8b5cf6;border-radius:6px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase;width:fit-content}.course-card__text{display:flex;flex-direction:column;gap:8px}.course-card__title{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1.3;margin:0}.course-card__instructor{color:#fff;font-size:16px;font-weight:400;margin:0;opacity:.9}.course-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#cbd5e1;display:-webkit-box;font-size:14px;line-height:1.4;margin:0;overflow:hidden}.course-card__media{border-radius:8px;flex-shrink:0;height:140px;overflow:hidden;position:relative;width:180px}.course-card__thumbnail{border-radius:8px;height:100%;object-fit:cover;width:100%}.course-card__thumbnail--placeholder{background:#4a5568;border-radius:8px;height:100%;position:relative;width:100%}.course-card__thumbnail--placeholder:after{background:#6b7280;border-radius:50%;content:"";height:40px;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}@media(max-width:768px){.course-card{flex-direction:column;min-height:auto}.course-card__info{padding-bottom:16px;padding-right:0}.course-card__badge{font-size:11px;padding:5px 10px}.course-card__title{font-size:20px}.course-card__instructor{font-size:14px}.course-card__media{height:200px;width:100%}}@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;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px}.courses-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.courses-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.courses-page .page-header .header-content .header-title .header-icon{color:#8b5cf6}.courses-page .page-header .header-content .header-title h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.courses-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.courses-page .loading-container{align-items:center;color:#6b7280;display:flex;font-size:16px;justify-content:center;padding:60px 20px;text-align:center}.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;font-size:20px;font-weight:600;margin:0}.courses-page .courses-section .courses-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));padding:24px}.courses-page .courses-section .courses-container .empty-state{color:#9ca3af;font-size:16px;font-style:italic;grid-column:1/-1;padding:40px 20px;text-align:center}.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 .loading-container,html:not([data-theme=light]) .courses-page .page-header .header-content .header-title .header-description{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{background:#2b293d;border-color:#4a5568;color:#f1f5f9}}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 .loading-container,html[data-theme=dark] .courses-page .page-header .header-content .header-title .header-description{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{background:#2b293d;border-color:#4a5568;color:#f1f5f9}@media(max-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{gap:16px;grid-template-columns:1fr;padding:16px}.courses-page .course-content-section .course-content{min-height:300px;padding:16px}}.attendance-management{display:flex;flex-direction:column;gap:24px;padding-bottom:56px}.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;display:flex;gap:8px;margin-bottom:14px}.attendance-management .section-header .section-number{color:#1d4ed8;font-size:16px;font-weight:800;line-height:1}.attendance-management .section-header h4{color:#0f172a;font-size:17px;font-weight:700;line-height:1.2;margin:0}.attendance-management .card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.attendance-management .attendance-toast{align-items:center;background:#ecfdf5;border:1px solid #d1fae5;border-radius:12px;color:#065f46;display:flex;gap:10px;padding:12px 14px}.attendance-management .attendance-toast.is-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.attendance-management .attendance-toast .toast-icon{flex-shrink:0}.attendance-management .attendance-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.attendance-management .attendance-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 20px 50px #0f172a2e;max-width:400px;padding:18px 18px 16px;width:100%}.attendance-management .attendance-modal--workspace{display:flex;flex-direction:column;max-height:min(92vh,760px);max-width:500px;overflow:hidden;padding:0}.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{display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0;overflow-y:auto;padding:16px 20px 20px}.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{color:#64748b;font-size:12px;font-weight:800;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.attendance-management .schedule-workspace-footer{border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:auto;padding-top:12px}.attendance-management .schedule-mode-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.attendance-management .schedule-mode-card{align-items:flex-start;background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 16px;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;width:100%}.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{cursor:not-allowed;opacity:.55}.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{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;display:flex;gap:8px;margin-bottom:10px;padding:8px 10px}.attendance-management .schedule-modal-search .schedule-modal-search-icon{color:#64748b;flex-shrink:0}.attendance-management .schedule-modal-search .schedule-modal-search-input{background:#0000;border:none;color:#111827;flex:1 1;font-size:13px;min-width:0;outline:none}.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{align-items:stretch;background:#0000;border:none;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:4px;padding:10px 12px;text-align:left;transition:background .12s ease;width:100%}.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 0 #2563eb}.attendance-management .schedule-session-row.is-disabled{background:#0f172a08;cursor:not-allowed;opacity:.72}.attendance-management .schedule-session-row-main{display:flex;flex-direction:column;gap:2px}.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;font-size:13px;padding:12px 14px}.attendance-management .schedule-modal-summary-line{color:#0f172a;font-weight:800}.attendance-management .schedule-modal-summary-type{color:#2563eb;font-size:12px;font-weight:700;margin-top:4px}.attendance-management .schedule-modal-blocked{background:#fee2e280;border:1px solid #fecaca;border-radius:10px;padding:12px}.attendance-management .schedule-modal-hint-sub{color:#64748b;font-size:12px;font-weight:600;line-height:1.45;margin:8px 0 0}.attendance-management .schedule-modal-empty{color:#64748b;font-size:13px;font-weight:600;margin:0;padding:16px;text-align:center}.attendance-management .schedule-modal-empty-wrap{padding:14px 12px;text-align:center}.attendance-management .schedule-modal-empty-desc{color:#64748b;font-size:12px;font-weight:600;line-height:1.4;margin:6px 0 0}.attendance-management .schedule-datetime-groups{display:flex;flex-direction:column;gap:16px}.attendance-management .schedule-field-block{display:flex;flex-direction:column;gap:6px}.attendance-management .schedule-field-label{color:#475569;font-size:12px;font-weight:800;letter-spacing:.02em}.attendance-management .schedule-native-input-wrap{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;display:flex;gap:10px;padding:2px 10px 2px 8px;transition:border-color .15s ease,box-shadow .15s ease}.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{background:#0000;border:none;color:#0f172a;flex:1 1;font-size:15px;font-weight:600;min-width:0;outline:none;padding:8px 0}.attendance-management .schedule-native-input-wrap .schedule-native-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.85}.attendance-management .schedule-native-input-wrap .schedule-native-input--date,.attendance-management .schedule-native-input-wrap .schedule-native-input--time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.attendance-management .schedule-field-helper{color:#64748b;font-size:12px;font-weight:600;line-height:1.35;margin:0}.attendance-management .schedule-preview-panel{background:linear-gradient(180deg,#f8fafcf2,#f1f5f9a6);border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:14px 16px}.attendance-management .schedule-preview-row{grid-gap:10px;align-items:start;display:grid;font-size:13px;gap:10px;grid-template-columns:minmax(88px,110px) 1fr}.attendance-management .schedule-preview-row--stack{gap:6px;grid-template-columns:1fr}.attendance-management .schedule-preview-label{color:#64748b;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.attendance-management .schedule-preview-value{color:#0f172a;font-weight:700;line-height:1.45;word-break:break-word}.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;font-size:13px;font-weight:800;line-height:1.35;margin:0 0 6px}.attendance-management .schedule-extra-default-desc{color:#64748b;font-size:12px;font-weight:600;line-height:1.4;margin:0}.attendance-management .schedule-modal-context{background:#2563eb0f;border:1px solid #2563eb26;border-radius:10px;color:#334155;font-size:13px;margin-bottom:14px;padding:12px}.attendance-management .schedule-modal-context .schedule-modal-context-label{color:#64748b;display:block;font-size:11px;font-weight:800;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.attendance-management .schedule-modal-context .schedule-modal-context-body{display:flex;flex-direction:column;gap:4px}.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;font-size:13px;font-weight:600;margin:0}.attendance-management .schedule-modal-desc{color:#64748b;font-size:13px;line-height:1.45;margin:0 0 16px}.attendance-management .schedule-modal-pick{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.attendance-management .schedule-modal-pick-btn{background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#1e3a8a;cursor:pointer;font-size:14px;font-weight:800;padding:12px 14px;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;width:100%}.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{cursor:not-allowed;opacity:.55}.attendance-management .schedule-modal-pick-btn--secondary{color:#0f172a;font-weight:700}.attendance-management .schedule-modal-back{align-items:center;background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:4px;margin:0 0 10px;padding:4px 6px}.attendance-management .schedule-modal-back:hover:not(:disabled){background:#0f172a0f;color:#0f172a}.attendance-management .schedule-modal-back:disabled{cursor:not-allowed;opacity:.5}.attendance-management .schedule-modal-hint{color:#b45309;font-size:13px;font-weight:600;margin:0 0 14px}.attendance-management .schedule-modal-hint--warn{color:#991b1b}.attendance-management .schedule-modal-fields{gap:12px!important}.attendance-management .attendance-modal-title{color:#0f172a;font-size:17px;font-weight:800;margin:0 0 14px}.attendance-management .attendance-modal-section{color:#334155;display:flex;flex-direction:column;font-size:13px;gap:8px;margin-bottom:14px}.attendance-management .attendance-modal-row{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.attendance-management .attendance-modal-label{color:#64748b;flex-shrink:0;font-weight:700}.attendance-management .attendance-modal-fields{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.attendance-management .attendance-modal-fields--stack{flex-direction:column}.attendance-management .attendance-modal-field{display:flex;flex:1 1;flex-direction:column;font-size:13px;gap:6px;min-width:120px}.attendance-management .attendance-modal-field input[type=date],.attendance-management .attendance-modal-field input[type=time]{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;padding:8px 10px}.attendance-management .attendance-modal-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.attendance-management .attendance-modal-btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:8px 14px}.attendance-management .attendance-modal-btn.secondary{background:#fff;border-color:#d1d5db;color:#374151}.attendance-management .attendance-modal-btn.secondary:hover:not(:disabled){background:#f9fafb}.attendance-management .attendance-modal-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.attendance-management .attendance-modal-btn.primary:hover:not(:disabled){background:#1d4ed8}.attendance-management .attendance-modal-btn:disabled{cursor:not-allowed;opacity:.65}.attendance-management .attendance-modal-btn .spin{animation:attendance-spin .8s linear infinite}@keyframes attendance-spin{to{transform:rotate(1turn)}}.attendance-management .attendance-header{background:#0000;border:none;border-radius:0;padding:0}.attendance-management .attendance-header .attendance-header-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.attendance-management .attendance-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.attendance-management .attendance-header .session-selector-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:14px;padding:14px}.attendance-management .attendance-header .session-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:0}.attendance-management .attendance-header .session-toolbar .session-toolbar-main{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;min-width:0}.attendance-management .attendance-header .session-toolbar .session-toolbar-schedule-btn{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#1d4ed8;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:700;padding:8px 12px;transition:background .15s ease,border-color .15s ease}.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{cursor:not-allowed;opacity:.45}.attendance-management .attendance-header .session-toolbar .session-filter-chips{display:flex;flex-wrap:wrap;gap:8px}.attendance-management .attendance-header .session-toolbar .filter-chip{background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#374151;cursor:pointer;font-size:13px;padding:7px 10px}.attendance-management .attendance-header .session-toolbar .filter-chip.active{background:#2563eb14;border-color:#2563eb;color:#1d4ed8;font-weight:600}.attendance-management .attendance-header .session-toolbar .session-search-wrap{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;display:flex;gap:8px;max-width:100%;min-width:260px;padding:8px 10px}.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{background:#0000;border:none;color:#111827;font-size:13px;outline:none;width:100%}.attendance-management .attendance-header .session-card-list{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:2px 2px 6px}.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(max-width:768px){.attendance-management .attendance-header .session-card-list{grid-template-columns:1fr}}.attendance-management .attendance-header .session-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 0 #0f172a05;cursor:pointer;padding:10px;text-align:left;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.attendance-management .attendance-header .session-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #0f172a0d;transform:translateY(-.5px)}.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{background:#f8fafc;border-color:#d1d5db;box-shadow:none;opacity:.86}.attendance-management .attendance-header .session-card.is-past:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0a;transform:none}.attendance-management .attendance-header .session-card .session-card-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.attendance-management .attendance-header .session-card .session-card-datetime{color:#111827;display:flex;flex-direction:column;gap:6px}.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;display:inline-flex;font-size:12px;font-weight:700;gap:8px}.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{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.attendance-management .attendance-header .session-card .session-card-badge{background:#0f172a08;border:1px solid #e5e7eb;border-radius:999px;color:#334155;font-size:11px;font-weight:700;padding:4px 8px}.attendance-management .attendance-header .session-card .session-card-badge.today{background:#f59e0b1f;border-color:#f59e0b4d;color:#92400e}.attendance-management .attendance-header .session-card .session-card-badge.extra{background:#f59e0b24;border-color:#f59e0b59;color:#92400e}.attendance-management .attendance-header .session-card .session-card-badge.override{background:#a855f724;border-color:#a855f759;color:#6b21a8}.attendance-management .attendance-header .session-card .session-card-badge.type{background:#0f172a0f;border-color:#0f172a1f;color:#0f172a}.attendance-management .attendance-header .session-card .session-card-badge.projected{background:#3b82f61f;border-color:#3b82f647;color:#1d4ed8}.attendance-management .attendance-header .session-card .session-card-badge.persisted{background:#10b9811f;border-color:#10b98147;color:#065f46}.attendance-management .attendance-header .session-card .session-card-badge.past{background:#64748b1f;border-color:#64748b47;color:#334155}.attendance-management .attendance-header .session-card .session-card-badge.selected{background:#2563eb1f;border-color:#2563eb4d;color:#1d4ed8}.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{align-items:baseline;color:#64748b;display:flex;font-size:12px;gap:8px;margin-top:6px}.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;font-size:12px;font-weight:700;margin-top:8px}.attendance-management .attendance-header .single-session-card{background:linear-gradient(180deg,#2563eb0d,#fffffffa);border-radius:16px;max-width:560px;padding:14px;width:100%}.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{display:flex;justify-content:flex-end;padding-top:2px}.attendance-management .attendance-header .session-more-btn{background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#334155;cursor:pointer;font-size:12px;font-weight:800;padding:8px 12px;transition:background .15s ease,border-color .15s ease}.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{align-items:center;background:#f8fafc;border-color:#cbd5e1;border-style:dashed;display:flex;flex-direction:column;gap:6px;justify-content:center}.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;font-size:12px;font-weight:700;margin:4px 2px 0}.attendance-management .attendance-header .session-list-wrap .form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.attendance-management .attendance-header .session-list-wrap .form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.attendance-management .attendance-header .session-list-wrap .form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.attendance-management .attendance-header .schedule-selector .form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.attendance-management .attendance-header .schedule-selector .form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.attendance-management .attendance-header .schedule-selector .form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.attendance-management .attendance-session-stage{display:flex;flex-direction:column;gap:14px}.attendance-management .panel-caption{color:#475569;font-size:12px;font-weight:900;letter-spacing:.06em;margin-bottom:2px;text-transform:uppercase}.attendance-management .attendance-steps{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.attendance-management .attendance-step{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;display:inline-flex;font-size:12px;font-weight:800;gap:8px;padding:7px 10px}.attendance-management .attendance-step .step-dot{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:999px;color:#475569;display:inline-flex;font-size:11px;font-weight:900;height:20px;justify-content:center;line-height:1;width:20px}.attendance-management .attendance-step.current{background:#2563eb14;border-color:#2563eb47;color:#1d4ed8}.attendance-management .attendance-step.completed{background:#10b9811a;border-color:#10b98147;color:#065f46}.attendance-management .selected-session-card{background:linear-gradient(180deg,#2563eb0f,#f1f5f9);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 24px #0f172a0f;padding:18px}.attendance-management .selected-session-card .selected-session-flow{margin-bottom:10px}.attendance-management .selected-session-card .selected-session-flow-pill{align-items:center;background:#fffc;border:1px solid #0f172a1a;border-radius:999px;color:#0f172a;display:inline-flex;font-size:12px;font-weight:900;padding:6px 10px}.attendance-management .selected-session-card .selected-session-flow-pill.selected{background:#3b82f61a;border-color:#3b82f640;color:#1d4ed8}.attendance-management .selected-session-card .selected-session-flow-pill.editing{background:#f59e0b1f;border-color:#f59e0b40;color:#92400e}.attendance-management .selected-session-card .selected-session-flow-pill.saved{background:#10b9811f;border-color:#10b98140;color:#065f46}.attendance-management .selected-session-card .selected-session-title-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.attendance-management .selected-session-card .selected-session-title-aside{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.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{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:10px;margin-top:8px}.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{background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:999px;color:#92400e;font-weight:800;padding:4px 8px}.attendance-management .selected-session-card .selected-session-sub .selected-session-original{color:#64748b}.attendance-management .selected-session-card .selected-session-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.attendance-management .selected-session-card .selected-session-badge{background:#0f172a08;border:1px solid #e5e7eb;border-radius:999px;color:#334155;font-size:12px;font-weight:800;padding:6px 10px}.attendance-management .selected-session-card .selected-session-badge.type{background:#ffffffbf;border-color:#0f172a1a;color:#0f172a}.attendance-management .selected-session-card .selected-session-badge.persistence.projected{background:#3b82f61f;border-color:#3b82f647;color:#1d4ed8}.attendance-management .selected-session-card .selected-session-badge.persistence.persisted{background:#10b9811f;border-color:#10b98147;color:#065f46}.attendance-management .selected-session-card .selected-session-note{align-items:flex-start;background:#3b82f614;border:1px solid #3b82f638;border-radius:12px;color:#1d4ed8;display:flex;font-size:13px;font-weight:600;gap:10px;margin-top:12px;padding:10px 12px}.attendance-management .selected-session-card .selected-session-note svg{flex-shrink:0;margin-top:2px}.attendance-management .selected-session-card .selected-session-details{display:flex;flex-direction:column;gap:10px;margin-top:12px}.attendance-management .selected-session-card .selected-session-details .selected-session-detail-row{align-items:baseline;background:#ffffffbf;border:1px solid #0f172a14;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.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{align-items:flex-start;color:#334155;display:flex;flex-wrap:wrap;font-size:12px;font-weight:800;gap:8px 12px}.attendance-management .selected-session-card .selected-session-details .selected-session-status-row .before-attendance--compact{flex:1 1 100%;font-weight:500;width:100%}.attendance-management .selected-session-card .selected-session-details .selected-session-status-row .before-attendance--compact .state-title{color:#0f172a;display:block;font-size:12px;font-weight:700}.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;box-shadow:0 1px 0 #0f172a08;padding:18px}.attendance-management .attendance-state-card{align-items:flex-start;display:flex;gap:12px}.attendance-management .attendance-state-card .state-card-icon{align-items:center;background:#0f172a08;border:1px solid #e5e7eb;border-radius:12px;color:#334155;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.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;font-size:13px;line-height:1.5;margin-top:4px}.attendance-management .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.attendance-management .loading-container p{color:#6b7280;font-size:16px;margin:0}.attendance-management .attendance-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:60vh;overflow:hidden;overflow:auto}.attendance-management .attendance-table-container .attendance-table{border-collapse:collapse;font-size:14px;width:100%}.attendance-management .attendance-table-container .attendance-table td,.attendance-management .attendance-table-container .attendance-table th{border-bottom:1px solid #e5e7eb;padding:22px 16px;text-align:left}.attendance-management .attendance-table-container .attendance-table th{background:#f8fafc;color:#374151;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row{background:#0000;transition:background-color .2s ease}.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:rgba(239,68,68,.045)}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row.unselected{background:#0000}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row.dirty{background:linear-gradient(90deg,#3b82f60f,#fff0);box-shadow:inset 4px 0 0 #3b82f68c}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row.just-saved{animation:am-saved-flash .5s ease-out 1}.attendance-management .attendance-table-container .attendance-table tbody tr.student-row.updated{animation:am-bulk-row-flash .4s ease}.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.absent,.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.unselected{background:#94a3b81f}.attendance-management .attendance-table-container .attendance-table .student-name-cell{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.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{background:#0000;border:none;color:#2563eb;cursor:pointer;font:inherit;font-weight:600;padding:0;text-align:left;text-decoration:underline;text-underline-offset:2px}.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;display:inline-block;font-size:13px;margin-top:2px}.attendance-management .attendance-table-container .attendance-table td .status-buttons{display:flex;flex-wrap:wrap;gap:6px}.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{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:12px;height:42px;min-width:84px;padding:10px 12px;transition:all .15s ease}.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{background:#2563eb14;border-color:#2563eb;color:#1d4ed8;font-weight:600}.attendance-management .attendance-table-container .attendance-table td .status-btn:disabled{cursor:not-allowed;opacity:.55}.attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn{background:#0000;border:none;border-radius:0;border-right:1px solid #d1d5db;flex:1 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{background:#2563eb29;color:#1d4ed8;font-weight:800}.attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.present.active{background:#dcfce7;color:#166534;font-weight:800}.attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.late.active{background:#fed7aa;color:#9a3412;font-weight:800}.attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.absent.active{background:#fee2e2;color:#991b1b;font-weight:800}.attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.excused.active{background:#e5e7eb;color:#374151;font-weight:800}.attendance-management .attendance-table-container .attendance-table td .row-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 8px}.attendance-management .attendance-table-container .attendance-table td .row-status-badge.saved{background:#10b9811f;color:#065f46}.attendance-management .attendance-table-container .attendance-table td .row-status-badge.changed{background:#f59e0b24;color:#92400e}.attendance-management .attendance-table-container .attendance-table td .comment-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:13px;height:40px;padding:12px;width:100%}.attendance-management .attendance-table-container .attendance-table td .comment-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.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;font-size:13px;padding:8px 12px;transition:all .2s ease}.attendance-management .attendance-table-container .attendance-table td .status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.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{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:13px;min-height:60px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.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{background:#f9fafb;color:#6b7280}.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 .cancel-btn,.attendance-management .attendance-table-container .attendance-table td .action-buttons .delete-btn,.attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-btn,.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 .cancel-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .delete-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-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{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s ease}.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 .action-buttons .edit-btn:hover:not(:disabled),.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 .cancel-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .delete-actions .delete-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 .register-btn:hover:not(:disabled),.attendance-management .attendance-table-container .attendance-table td .delete-actions .update-btn:hover:not(:disabled){transform:translateY(-1px)}.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 .action-buttons .edit-btn:active,.attendance-management .attendance-table-container .attendance-table td .action-buttons .register-btn:active,.attendance-management .attendance-table-container .attendance-table td .action-buttons .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,.attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-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 .update-btn:active{transform:translateY(0)}.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 .action-buttons .edit-btn:disabled,.attendance-management .attendance-table-container .attendance-table td .action-buttons .register-btn:disabled,.attendance-management .attendance-table-container .attendance-table td .action-buttons .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,.attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-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 .update-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.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 .action-buttons .edit-btn svg,.attendance-management .attendance-table-container .attendance-table td .action-buttons .register-btn svg,.attendance-management .attendance-table-container .attendance-table td .action-buttons .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,.attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-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 .update-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{background:#10b981;color:#fff}.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{background:#f59e0b;color:#fff}.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{background:#ef4444;color:#fff}.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{display:flex;flex-direction:column;gap:4px}.attendance-management .attendance-table-container .attendance-table .empty-state{color:#6b7280;font-style:italic;padding:40px 16px;text-align:center}.attendance-management .table-card .attendance-stage-panel,.attendance-management .table-card .attendance-table-container{background:#0000;border:none;border-radius:10px;box-shadow:none;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;font-size:16px;font-weight:600;margin:0}.attendance-management .bulk-register-section .bulk-controls{align-items:end;display:flex;gap:16px;padding:20px}.attendance-management .bulk-register-section .bulk-controls .bulk-selector{flex:1 1}.attendance-management .bulk-register-section .bulk-controls .bulk-selector .form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.attendance-management .bulk-register-section .bulk-controls .bulk-selector .form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.attendance-management .bulk-register-section .bulk-controls .bulk-selector .form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.attendance-management .bulk-register-section .bulk-controls .bulk-register-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.attendance-management .bulk-register-section .bulk-controls .bulk-register-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.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{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.attendance-management .bulk-register-section .bulk-controls .bulk-register-btn svg{flex-shrink:0}.attendance-management .attendance-action-bar{align-items:stretch;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:0;padding:14px 16px}.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;display:flex;gap:8px;margin-bottom:2px}.attendance-management .attendance-action-bar .summary-block .summary-line--status .summary-state-dot{background:#f59e0b;border-radius:999px;flex-shrink:0;height:8px;width: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{align-items:center;color:#475569;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:6px 4px;margin-top:4px}.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;font-size:12px;font-weight:500;margin-top:6px}.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;display:flex;flex-direction:column;font-size:13px;gap:4px}.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 .action-block,.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{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.attendance-management .attendance-action-bar .action-bar-search{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;display:flex;flex:1 1 240px;gap:8px;max-width:420px;min-width:200px;padding:8px 10px}.attendance-management .attendance-action-bar .action-bar-search .search-icon{color:#6b7280}.attendance-management .attendance-action-bar .action-bar-search .search-input{background:#0000;border:none;font-size:13px;outline:none;width:100%}.attendance-management .attendance-action-bar .action-bar-actions{align-items:center;display:flex;flex:0 1 auto;flex-wrap:wrap;gap:10px;justify-content:flex-end;min-width:0}.attendance-management .attendance-action-bar .action-bar-actions .save-attendance-btn,.attendance-management .attendance-action-bar .action-bar-actions .start-attendance-btn{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;gap:8px;height:46px;padding:12px 14px;transition:all .15s ease}.attendance-management .attendance-action-bar .action-bar-actions .save-attendance-btn:disabled,.attendance-management .attendance-action-bar .action-bar-actions .start-attendance-btn:disabled{cursor:not-allowed;opacity:.55}.attendance-management .attendance-action-bar .action-bar-actions .start-attendance-btn{background:#fff;border:1px solid #d1d5db;color:#334155}.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{background:#1d4ed8;border:none;box-shadow:0 8px 20px #1d4ed838;color:#fff;font-size:14px;padding:12px 18px}.attendance-management .attendance-action-bar .action-bar-actions .save-attendance-btn.no-changes{background:#94a3b8;box-shadow:none}.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:am-spin .9s linear infinite}.attendance-management .attendance-action-bar .bulk-status-controls{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:8px;min-width:0}.attendance-management .attendance-action-bar .bulk-overwrite-label{align-items:center;color:#64748b;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;-webkit-user-select:none;user-select:none}.attendance-management .attendance-action-bar .bulk-overwrite-label input{accent-color:#2563eb}.attendance-management .attendance-action-bar .bulk-label{color:#6b7280;font-size:12px;font-weight:600;white-space:nowrap}.attendance-management .attendance-action-bar .bulk-status-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px;transition:border-color .15s ease,background .15s ease}.attendance-management .attendance-action-bar .bulk-status-btn:hover{background:#f9fafb;border-color:#9ca3af}.attendance-management .attendance-action-bar .bulk-status-btn.present{border-color:#16653459;color:#166534}.attendance-management .attendance-action-bar .bulk-status-btn.late{border-color:#9a341259;color:#9a3412}.attendance-management .attendance-action-bar .bulk-status-btn.absent{border-color:#991b1b59;color:#991b1b}.attendance-management .attendance-action-bar .bulk-status-btn.excused{border-color:#37415159;color:#374151}.attendance-management .attendance-action-bar .overwrite-warning{color:#b45309;display:block;flex-basis:100%;font-size:11px;font-weight:600;margin-top:2px;width:100%}@keyframes am-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes am-saved-flash{0%{background:#10b9811a;box-shadow:inset 3px 0 0 #10b981a6}to{background:#0000;box-shadow:inset 3px 0 0 #10b98100}}@keyframes am-bulk-row-flash{0%{background:#e0f2fe}to{background:#0000}}@keyframes am-bulk-row-flash-dark{0%{background:#38bdf838}to{background:#0000}}@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(180deg,#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=date],html:not([data-theme=light]) .attendance-management .attendance-modal-field input[type=time]{background:#0f172a;border-color:#4a5568;color:#e2e8f0}html:not([data-theme=light]) .attendance-management .attendance-modal-btn.secondary{background:#334155;border-color:#4a5568;color:#e2e8f0}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{background:#1e293b;border-color:#4a5568;color:#e2e8f0}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){background:#ffffff0f;color:#f1f5f9}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{background:#ffffff08;border-color:#4a5568;color:#cbd5e1}html:not([data-theme=light]) .attendance-management .attendance-step .step-dot{background:#1a202c;border-color:#64748b;color:#cbd5e1}html:not([data-theme=light]) .attendance-management .attendance-step.current{background:#60a5fa29;border-color:#60a5fa59;color:#bfdbfe}html:not([data-theme=light]) .attendance-management .attendance-step.completed{background:#10b98124;border-color:#10b98157;color:#a7f3d0}html:not([data-theme=light]) .attendance-management .attendance-header{background:#0000;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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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{background:#2d3748;border-color:#4a5568;color:#93c5fd}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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}html:not([data-theme=light]) .attendance-management .attendance-header .session-toolbar .filter-chip.active{background:#60a5fa29;border-color:#60a5fa;color:#bfdbfe}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{background:#2d3748;border-color:#4a5568;box-shadow:none}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(180deg,#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{background:#94a3b814;border-color:#475569;opacity:.82}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{background:#ffffff0a;border-color:#4a5568;color:#e2e8f0}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-badge.today{background:#fbbf2429;border-color:#fbbf2459;color:#fef3c7}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-badge.type{background:#ffffff14;border-color:#64748b;color:#f1f5f9}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-badge.selected{background:#60a5fa2e;border-color:#60a5fa61;color:#bfdbfe}html:not([data-theme=light]) .attendance-management .attendance-header .session-card .session-card-badge.past{background:#94a3b82e;border-color:#94a3b857;color:#cbd5e1}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(180deg,#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 .attendance-action-bar,html:not([data-theme=light]) .attendance-management .attendance-stage-panel,html:not([data-theme=light]) .attendance-management .selected-session-card{background:#2d3748;border-color:#4a5568;box-shadow:none}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{background:#fbbf2429;border-color:#fbbf2459;color:#fef3c7}html:not([data-theme=light]) .attendance-management .selected-session-card .selected-session-badge{background:#ffffff0a;border-color:#4a5568;color:#e2e8f0}html:not([data-theme=light]) .attendance-management .selected-session-card .selected-session-note{background:#60a5fa1f;border-color:#60a5fa40;color:#bfdbfe}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{background:#ffffff0a;border-color:#4a5568;color:#e2e8f0}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 .action-block,html:not([data-theme=light]) .attendance-management .attendance-action-bar .bulk-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{background:#1a202c;border-color:#4a5568;color:#e2e8f0}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{border-color:#34d39973;color:#a7f3d0}html:not([data-theme=light]) .attendance-management .attendance-action-bar .bulk-status-btn.late{border-color:#fb923c73;color:#fdba74}html:not([data-theme=light]) .attendance-management .attendance-action-bar .bulk-status-btn.absent{border-color:#f8717173;color:#fecaca}html:not([data-theme=light]) .attendance-management .attendance-action-bar .bulk-status-btn.excused{border-color:#9ca3af73;color:#d1d5db}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{background:#1a202c;border-color:#4a5568;color:#e2e8f0}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{background:#60a5fa;box-shadow:none;color:#0b1220}html:not([data-theme=light]) .attendance-management .attendance-action-bar .action-bar-actions .save-attendance-btn.no-changes{background:#64748b;color:#0b1220}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{background:#1a202c;border-bottom-color:#4a5568;color:#e2e8f0}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table tbody tr{background:#0000}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:#0000}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table tbody tr.updated{animation:am-bulk-row-flash-dark .4s ease}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.absent,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.unselected{background:#94a3b814}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td{border-bottom-color:#4a5568;color:#e2e8f0}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{border-right-color:#4a5568;color:#e2e8f0}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{background:#60a5fa38;color:#bfdbfe}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.present.active{background:#1665348c;color:#bbf7d0}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.late.active{background:#9a341280;color:#ffedd5}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.absent.active{background:#7f1d1d8c;color:#fecaca}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.excused.active{background:#374151a6;color:#e5e7eb}html:not([data-theme=light]) .attendance-management .attendance-table-container .attendance-table td .comment-input{background:#1a202c;border-color:#4a5568;color:#e2e8f0}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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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{background:#1a202c;color:#a0aec0}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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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(180deg,#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=date],html[data-theme=dark] .attendance-management .attendance-modal-field input[type=time]{background:#0f172a;border-color:#4a5568;color:#e2e8f0}html[data-theme=dark] .attendance-management .attendance-modal-btn.secondary{background:#334155;border-color:#4a5568;color:#e2e8f0}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{background:#1e293b;border-color:#4a5568;color:#e2e8f0}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){background:#ffffff0f;color:#f1f5f9}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{background:#ffffff08;border-color:#4a5568;color:#cbd5e1}html[data-theme=dark] .attendance-management .attendance-step .step-dot{background:#1a202c;border-color:#64748b;color:#cbd5e1}html[data-theme=dark] .attendance-management .attendance-step.current{background:#60a5fa29;border-color:#60a5fa59;color:#bfdbfe}html[data-theme=dark] .attendance-management .attendance-step.completed{background:#10b98124;border-color:#10b98157;color:#a7f3d0}html[data-theme=dark] .attendance-management .attendance-header{background:#0000;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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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{background:#2d3748;border-color:#4a5568;color:#93c5fd}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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}html[data-theme=dark] .attendance-management .attendance-header .session-toolbar .filter-chip.active{background:#60a5fa29;border-color:#60a5fa;color:#bfdbfe}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{background:#2d3748;border-color:#4a5568;box-shadow:none}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(180deg,#60a5fa1a,#2d3748);border-color:#60a5fabf;box-shadow:0 0 0 4px #60a5fa24}html[data-theme=dark] .attendance-management .attendance-header .session-card.is-past{background:#94a3b814;border-color:#475569;opacity:.82}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{background:#ffffff0a;border-color:#4a5568;color:#e2e8f0}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-badge.today{background:#fbbf2429;border-color:#fbbf2459;color:#fef3c7}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-badge.type{background:#ffffff14;border-color:#64748b;color:#f1f5f9}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-badge.selected{background:#60a5fa2e;border-color:#60a5fa61;color:#bfdbfe}html[data-theme=dark] .attendance-management .attendance-header .session-card .session-card-badge.past{background:#94a3b82e;border-color:#94a3b857;color:#cbd5e1}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(180deg,#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 .attendance-action-bar,html[data-theme=dark] .attendance-management .attendance-stage-panel,html[data-theme=dark] .attendance-management .selected-session-card{background:#2d3748;border-color:#4a5568;box-shadow:none}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{background:#fbbf2429;border-color:#fbbf2459;color:#fef3c7}html[data-theme=dark] .attendance-management .selected-session-card .selected-session-badge{background:#ffffff0a;border-color:#4a5568;color:#e2e8f0}html[data-theme=dark] .attendance-management .selected-session-card .selected-session-note{background:#60a5fa1f;border-color:#60a5fa40;color:#bfdbfe}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{background:#ffffff0a;border-color:#4a5568;color:#e2e8f0}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 .action-block,html[data-theme=dark] .attendance-management .attendance-action-bar .bulk-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{background:#1a202c;border-color:#4a5568;color:#e2e8f0}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{border-color:#34d39973;color:#a7f3d0}html[data-theme=dark] .attendance-management .attendance-action-bar .bulk-status-btn.late{border-color:#fb923c73;color:#fdba74}html[data-theme=dark] .attendance-management .attendance-action-bar .bulk-status-btn.absent{border-color:#f8717173;color:#fecaca}html[data-theme=dark] .attendance-management .attendance-action-bar .bulk-status-btn.excused{border-color:#9ca3af73;color:#d1d5db}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{background:#1a202c;border-color:#4a5568;color:#e2e8f0}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{background:#60a5fa;box-shadow:none;color:#0b1220}html[data-theme=dark] .attendance-management .attendance-action-bar .action-bar-actions .save-attendance-btn.no-changes{background:#64748b;color:#0b1220}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{background:#1a202c;border-bottom-color:#4a5568;color:#e2e8f0}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table tbody tr{background:#0000}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:#0000}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table tbody tr.updated{animation:am-bulk-row-flash-dark .4s ease}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.absent,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.unselected{background:#94a3b814}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td{border-bottom-color:#4a5568;color:#e2e8f0}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{border-right-color:#4a5568;color:#e2e8f0}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{background:#60a5fa38;color:#bfdbfe}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.present.active{background:#1665348c;color:#bbf7d0}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.late.active{background:#9a341280;color:#ffedd5}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.absent.active{background:#7f1d1d8c;color:#fecaca}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .status-buttons.segmented .status-btn.excused.active{background:#374151a6;color:#e5e7eb}html[data-theme=dark] .attendance-management .attendance-table-container .attendance-table td .comment-input{background:#1a202c;border-color:#4a5568;color:#e2e8f0}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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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{background:#1a202c;color:#a0aec0}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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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(max-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 td,.attendance-management .attendance-table-container .attendance-table th{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{font-size:12px;min-height:50px;padding:10px}.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 .cancel-btn,.attendance-management .attendance-table-container .attendance-table td .action-buttons .delete-btn,.attendance-management .attendance-table-container .attendance-table td .action-buttons .edit-btn,.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 .cancel-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .delete-btn,.attendance-management .attendance-table-container .attendance-table td .delete-actions .edit-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{font-size:11px;padding:6px 10px}.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{align-items:stretch;flex-direction:column;gap:12px}.attendance-management .bulk-register-section .bulk-controls .bulk-register-btn{font-size:15px;justify-content:center;padding:14px 20px;width:100%}}.attendance-comment-field{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.attendance-comment-field .comment-input{box-sizing:border-box;min-width:0;width:100%}.attendance-comment-counter{color:#6b7280;font-size:11px;line-height:1.3;text-align:right;-webkit-user-select:none;user-select:none}.attendance-comment-counter.is-warning{color:#d97706;font-weight:600}.attendance-comment-counter.is-at-limit{color:#dc2626;font-weight:700}.course-materials-page{display:flex;flex-direction:column;gap:24px}.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;display:flex;gap:16px}.course-materials-page .page-header .header-content .header-icon{align-items:center;background:#3b82f6;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.course-materials-page .page-header .header-content .header-text .header-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.course-materials-page .page-header .header-content .header-text .header-description{color:#6b7280;font-size:14px;margin:0}.course-materials-page .materials-content{display:flex;flex-direction:column;gap:24px}.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;font-size:18px;font-weight:600;margin:0}.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;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.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;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.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;box-shadow:0 0 0 3px #3b82f61a;outline:none}.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{font-family:inherit;min-height:100px;resize:vertical}.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{left:-9999px;opacity:0;pointer-events:none;position:absolute}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:3px dashed #d1d5db;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;overflow:hidden;padding:40px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:before{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#3b82f6;box-shadow:0 10px 25px #3b82f626;transform:translateY(-2px)}.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,#d1fae5);border-color:#10b981;box-shadow:0 15px 35px #10b98133;transform:scale(1.02)}.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 rgba(0,0,0,.1));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{position:relative;text-align:center;z-index:1}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px;transition:color .3s ease}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 12px}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:20px;color:#9ca3af;display:inline-block;font-size:12px;font-weight:500;margin:0;padding:8px 16px}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file{align-items:center;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:2px solid #0ea5e9;border-radius:12px;box-shadow:0 4px 12px #0ea5e926;display:flex;justify-content:space-between;margin-top:16px;padding:16px 20px}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .file-info{align-items:center;display:flex;flex:1 1;gap:12px}.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{display:flex;flex-direction:column;gap:2px}.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;font-size:14px;font-weight:600;word-break:break-all}.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{align-items:center;background:#fef2f2;border:none;color:#dc2626;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn:hover{background:#dc2626;color:#fff;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{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.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{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.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{display:flex;justify-content:flex-end;margin-top:24px}.course-materials-page .materials-content .material-form-section .form-container .form-actions .upload-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.course-materials-page .materials-content .material-form-section .form-container .form-actions .upload-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.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{background:#9ca3af;box-shadow:none;cursor:not-allowed;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;font-size:18px;font-weight:600;margin:0}.course-materials-page .materials-content .materials-list-section .materials-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:24px}.course-materials-page .materials-content .materials-list-section .materials-container .material-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s ease}.course-materials-page .materials-content .materials-list-section .materials-container .material-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-header .material-title{color:#1f2937;flex:1 1;font-size:18px;font-weight:600;line-height:1.4;margin:0}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-header .status-badge{background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;color:#166534;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.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{-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.6;margin:0;max-height:120px;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{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.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{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;margin-top:16px;padding-top:16px}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn,.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{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn:hover,.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{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn:active,.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{transform:translateY(0)}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn svg,.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{flex-shrink:0;height:16px;width:16px}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .detail-btn{background:#6b7280;border:1px solid #4b5563;color:#fff}.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{background:#10b981;border:1px solid #059669;color:#fff}.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{background:#ef4444;border:1px solid #dc2626;color:#fff}.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{align-items:center;color:#9ca3af;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px;text-align:center}.course-materials-page .materials-content .materials-list-section .materials-container .empty-state svg{margin-bottom:16px;opacity:.5}.course-materials-page .materials-content .materials-list-section .materials-container .empty-state p{font-size:16px;margin:0}@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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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,#2d3748);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,#a78bfa0d)}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,#1e40af);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,#065f46);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{background:#2d3748cc;color:#718096}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,#1e40af);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{background:#7f1d1d;color:#fca5a5}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{background:#dc2626;color:#fff}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{background:#064e3b;border-color:#047857;color:#6ee7b7}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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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,#2d3748);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,#a78bfa0d)}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,#1e40af);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,#065f46);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{background:#2d3748cc;color:#718096}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,#1e40af);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{background:#7f1d1d;color:#fca5a5}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{background:#dc2626;color:#fff}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{background:#064e3b;border-color:#047857;color:#6ee7b7}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(max-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{font-size:11px;padding:6px 12px}.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{font-size:16px;height:28px;width:28px}.course-materials-page .materials-content .materials-list-section .materials-container{gap:16px;grid-template-columns:1fr;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{align-items:flex-start;flex-direction:column;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 .delete-btn,.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{width:100%}}.detail-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.detail-modal-container{animation:modalSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:calc(100vh - 40px);max-width:800px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.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{align-items:center;display:flex;justify-content:space-between}.modal-header .header-content .modal-title{color:#1f2937;font-size:20px;font-weight:700;margin:0}.modal-header .header-content .close-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.modal-header .header-content .close-btn:hover{background:#e5e7eb;color:#374151}.modal-body{max-height:calc(100vh - 200px);overflow-y:auto;padding:24px}.modal-body .content-section{margin-bottom:24px}.modal-body .content-section .content{color:#374151;font-size:16px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.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;display:flex;gap:8px}.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;font-size:16px;font-weight:600;margin:0 0 16px}.modal-body .file-section .file-list{display:flex;flex-direction:column;gap:12px}.modal-body .file-section .file-list .file-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.modal-body .file-section .file-list .file-item:hover{background:#e5e7eb;border-color:#d1d5db}.modal-body .file-section .file-list .file-item .file-info{align-items:center;display:flex;flex:1 1;gap:12px}.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;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-body .file-section .file-list .file-item .download-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:all .2s ease}.modal-body .file-section .file-list .file-item .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.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;display:flex;gap:8px;justify-content:flex-end;padding:16px 24px}.modal-footer .detail-modal-send-email-btn{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:background .2s ease}.modal-footer .detail-modal-send-email-btn:hover:not(:disabled){background:#4f46e5}.modal-footer .detail-modal-send-email-btn:disabled{cursor:not-allowed;opacity:.55}@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{background:#4a5568;color:#e2e8f0}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 .meta-label,html:not([data-theme=light]) .modal-body .meta-section .meta-item svg{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{background:#4a5568;color:#e2e8f0}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 .meta-label,html[data-theme=dark] .modal-body .meta-section .meta-item svg{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(max-width:768px){.detail-modal-overlay{padding:16px}.detail-modal-container{margin:0;max-height:calc(100vh - 32px);max-width:none}.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{font-size:12px;padding:6px 10px}}.evaluation-modal{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 5px 12px #00000026;left:50%;max-width:90%;padding:30px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:420px;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-55%)}to{opacity:1;transform:translate(-50%,-50%)}}.evaluation-modal h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:18px}.evaluation-type{color:#007bff;font-weight:700;margin-left:5px}.evaluation-modal input,.evaluation-modal select,.evaluation-modal textarea{background:#f8f9fa;border:1px solid #ccc;border-radius:8px;font-size:15px;margin-top:12px;padding:12px;transition:all .2s ease-in-out;width:100%}.evaluation-modal input:focus,.evaluation-modal select:focus,.evaluation-modal textarea:focus{border-color:#007bff;box-shadow:0 0 6px #007bff4d;outline:none}.evaluation-modal textarea{height:100px;resize:none}.evaluation-modal .pass-fail-buttons{display:flex;gap:15px;justify-content:center;margin-top:15px}.evaluation-modal .pass-fail-buttons button.selected-green{background-color:#d4eddc!important;box-shadow:0 0 0 2px #28a74533;color:#1e4620;font-weight:700}.evaluation-modal .pass-fail-buttons button.selected-red{background-color:#f8d7da!important;box-shadow:0 0 0 2px #dc354533;color:#842029;font-weight:700}.fail-btn,.pass-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:12px 20px;transition:all .2s}.evaluation-modal .modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.evaluation-modal button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:12px 16px;transition:all .2s}@media(max-width:500px){.evaluation-modal{padding:25px;width:90%}.evaluation-modal .modal-buttons{flex-direction:column;gap:12px}}.student-submissions-page{display:flex;flex-direction:column;gap:24px}.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;display:flex;gap:16px}.student-submissions-page .page-header .header-content .header-icon{align-items:center;background:#3b82f6;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.student-submissions-page .page-header .header-content .header-text .header-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.student-submissions-page .page-header .header-content .header-text .header-description{color:#6b7280;font-size:14px;margin:0}.student-submissions-page .submissions-content{display:flex;flex-direction:column;gap:24px}.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;font-size:18px;font-weight:600;margin:0}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list{display:flex;flex-wrap:wrap;gap:12px;padding:20px}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn:hover{border-color:#3b82f6;color:#3b82f6}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center;width:100%}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .empty-state svg{margin-bottom:16px;opacity:.5}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .empty-state p{font-size:16px;margin:0}.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;display:flex;gap:8px;padding:8px}.student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn:hover{background:#e0f2fe;color:#3b82f6}.student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.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-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.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 ease}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.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{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .student-name{color:#1f2937;flex:1 1;font-size:18px;font-weight:600;line-height:1.4;margin:0}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .status-badge{border-radius:20px;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .status-badge.submitted{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .status-badge.graded{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.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{align-items:center;display:flex;justify-content:space-between}.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;font-size:14px;font-weight:600;margin:0 0 8px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-answer .answer-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.6;margin:0;max-height:120px;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;font-size:14px;font-weight:600;margin:0 0 12px}.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{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:8px}.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 .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,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results .evaluation-details .score-display{align-items:center;display:flex;font-size:13px;justify-content:space-between}.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 .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 .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,.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 .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 .score-display .score-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 .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 .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 .pass-fail-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 .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 .score-display .score-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 .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,.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{font-weight:600}.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,.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{color:#166534}.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,.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{color:#dc2626}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .feedback-section h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .feedback-section .feedback-text{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;line-height:1.6;margin:0;padding:12px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;margin-top:16px;padding-top:16px}.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 .edit-btn,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.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 .edit-btn:hover,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.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 .edit-btn:active,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-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 .edit-btn svg,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn svg{flex-shrink:0;height:16px;width:16px}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .download-btn{background:#10b981;border:1px solid #059669;color:#fff}.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{background:#3b82f6;border:1px solid #2563eb;color:#fff}.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{background:#f59e0b;border:1px solid #d97706;color:#fff}.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{align-items:center;color:#9ca3af;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px;text-align:center}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .empty-state svg{margin-bottom:16px;opacity:.5}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .empty-state p{font-size:16px;margin:0}@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{background:#2d3748;border-color:#4a5568;color:#a0aec0}html:not([data-theme=light]) .student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn:hover{border-color:#60a5fa;color:#60a5fa}html:not([data-theme=light]) .student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn.active{background:#60a5fa;border-color:#60a5fa;box-shadow:0 2px 8px #60a5fa4d;color:#fff}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{background:#1e3a8a;color:#60a5fa}html:not([data-theme=light]) .student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn.active{background:#60a5fa;box-shadow:0 2px 8px #60a5fa4d;color:#fff}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{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}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{background:#064e3b;border-color:#047857;color:#6ee7b7}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-answer h4,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{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 .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 .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 .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,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 .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 .score-display .score-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 .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 .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 .pass-fail-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 .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 .score-display .score-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 .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,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{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 .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,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{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{background:#1a202c;border-color:#4a5568;color:#a0aec0}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{background:#2d3748;border-color:#4a5568;color:#a0aec0}html[data-theme=dark] .student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn:hover{border-color:#60a5fa;color:#60a5fa}html[data-theme=dark] .student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn.active{background:#60a5fa;border-color:#60a5fa;box-shadow:0 2px 8px #60a5fa4d;color:#fff}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{background:#1e3a8a;color:#60a5fa}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn.active{background:#60a5fa;box-shadow:0 2px 8px #60a5fa4d;color:#fff}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{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}html[data-theme=dark] .student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .status-badge.graded{background:#064e3b;border-color:#047857;color:#6ee7b7}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-answer h4,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{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 .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 .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 .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,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 .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 .score-display .score-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 .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 .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 .pass-fail-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 .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 .score-display .score-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 .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,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{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 .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,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{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{background:#1a202c;border-color:#4a5568;color:#a0aec0}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(max-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{gap:16px;grid-template-columns:1fr}.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{align-items:flex-start;flex-direction:column;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 .edit-btn,.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn{width:100%}}.course-assignments-page{display:flex;flex-direction:column;gap:24px}.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;display:flex;gap:16px}.course-assignments-page .page-header .header-content .header-icon{align-items:center;background:#3b82f6;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.course-assignments-page .page-header .header-content .header-text .header-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.course-assignments-page .page-header .header-content .header-text .header-description{color:#6b7280;font-size:14px;margin:0}.course-assignments-page .assignments-content{display:flex;flex-direction:column;gap:24px}.course-assignments-page .assignments-content .tab-navigation{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:8px;padding:8px}.course-assignments-page .assignments-content .tab-navigation .tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.course-assignments-page .assignments-content .tab-navigation .tab-btn:hover{background:#e0f2fe;color:#3b82f6}.course-assignments-page .assignments-content .tab-navigation .tab-btn.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.course-assignments-page .assignments-content .tab-navigation .tab-btn svg{flex-shrink:0}.course-assignments-page .assignments-content .manage-section{display:flex;flex-direction:column;gap:24px}.course-assignments-page .assignments-content .manage-section .section-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.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;font-size:16px;font-weight:600;margin:0}.course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons{display:flex;gap:12px;padding:20px}.course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn:hover{border-color:#3b82f6;color:#3b82f6}.course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.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;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.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-select,.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.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-select:focus,.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.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-select::placeholder,.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea::placeholder{color:#9ca3af}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea{font-family:inherit;min-height:100px;resize:vertical}.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{left:-9999px;opacity:0;pointer-events:none;position:absolute}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:3px dashed #d1d5db;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;overflow:hidden;padding:40px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.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,#3b82f60d,#9333ea0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.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,#e0f2fe);border-color:#3b82f6;box-shadow:0 10px 25px #3b82f626;transform:translateY(-2px)}.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,#d1fae5);border-color:#10b981;box-shadow:0 15px 35px #10b98133;transform:scale(1.02)}.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 rgba(0,0,0,.1));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{position:relative;text-align:center;z-index:1}.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;font-size:18px;font-weight:600;margin:0 0 8px;transition:color .3s ease}.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;font-size:14px;line-height:1.5;margin:0 0 12px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:20px;color:#9ca3af;display:inline-block;font-size:12px;font-weight:500;margin:0;padding:8px 16px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file{align-items:center;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:2px solid #0ea5e9;border-radius:12px;box-shadow:0 4px 12px #0ea5e926;display:flex;justify-content:space-between;margin-top:16px;padding:16px 20px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .file-info{align-items:center;display:flex;flex:1 1;gap:12px}.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{display:flex;flex-direction:column;gap:2px}.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;font-size:14px;font-weight:600;word-break:break-all}.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{align-items:center;background:#fef2f2;border:none;color:#dc2626;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn:hover{background:#dc2626;color:#fff;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{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.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{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.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{display:flex;justify-content:flex-end;margin-top:24px}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-actions .upload-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-actions .upload-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.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{background:#9ca3af;box-shadow:none;cursor:not-allowed;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;font-size:18px;font-weight:600;margin:0}.course-assignments-page .assignments-content .assignments-list-section .assignment-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:24px}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.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{background:#dc2626;color:#fff}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-header .assignment-title{color:#1f2937;flex:1 1;font-size:18px;font-weight:600;line-height:1.4;margin:0}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-header .status-badge{border-radius:20px;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-header .status-badge.ongoing{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-header .status-badge.expired{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.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{-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.6;margin:0 0 16px;max-height:120px;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;display:flex;flex-direction:column;gap:10px;padding:12px}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta .meta-item{align-items:center;display:flex;justify-content:space-between}.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;display:flex;gap:8px;margin-top:16px;padding-top:16px}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn,.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn:hover,.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn:active,.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn:active{transform:translateY(0)}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn svg,.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn svg{flex-shrink:0;height:16px;width:16px}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn{background:#10b981;border:1px solid #059669;color:#fff}.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{background:#ef4444;border:1px solid #dc2626;color:#fff}.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{align-items:center;color:#9ca3af;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px;text-align:center}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .empty-state svg{margin-bottom:16px;opacity:.5}.course-assignments-page .assignments-content .assignments-list-section .assignment-list .empty-state p{font-size:16px;margin:0}.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;font-size:18px;font-weight:600;margin:0}@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{background:#1e3a8a;color:#60a5fa}html:not([data-theme=light]) .course-assignments-page .assignments-content .tab-navigation .tab-btn.active{background:#60a5fa;box-shadow:0 2px 8px #60a5fa4d;color:#fff}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{background:#2d3748;border-color:#4a5568;color:#a0aec0}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn:hover{border-color:#60a5fa;color:#60a5fa}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn.active{background:#60a5fa;border-color:#60a5fa;color:#fff}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-select,html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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-select:focus,html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-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-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-select::placeholder,html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea::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,#2d3748);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,#a78bfa0d)}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,#1e40af);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,#065f46);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{background:#2d3748cc;color:#718096}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,#1e40af);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{background:#7f1d1d;color:#fca5a5}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{background:#dc2626;color:#fff}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{background:#dc2626;border-color:#b91c1c;color:#fff}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{background:#064e3b;border-color:#047857;color:#6ee7b7}html:not([data-theme=light]) .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-header .status-badge.expired{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}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{background:#1e3a8a;color:#60a5fa}html[data-theme=dark] .course-assignments-page .assignments-content .tab-navigation .tab-btn.active{background:#60a5fa;box-shadow:0 2px 8px #60a5fa4d;color:#fff}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{background:#2d3748;border-color:#4a5568;color:#a0aec0}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn:hover{border-color:#60a5fa;color:#60a5fa}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn.active{background:#60a5fa;border-color:#60a5fa;color:#fff}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-select,html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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-select:focus,html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea: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-select::placeholder,html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-textarea::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,#2d3748);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,#a78bfa0d)}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,#1e40af);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,#065f46);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{background:#2d3748cc;color:#718096}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,#1e40af);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{background:#7f1d1d;color:#fca5a5}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{background:#dc2626;color:#fff}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{background:#dc2626;border-color:#b91c1c;color:#fff}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{background:#064e3b;border-color:#047857;color:#6ee7b7}html[data-theme=dark] .course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-header .status-badge.expired{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}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(max-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{font-size:13px;padding:10px 16px}.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{font-size:11px;padding:6px 12px}.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{font-size:16px;height:28px;width:28px}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list{gap:16px;grid-template-columns:1fr;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{align-items:flex-start;flex-direction:column;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 .delete-btn,.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn{justify-content:center;width:100%}}.course-notices-page{display:flex;flex-direction:column;gap:24px}.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;display:flex;gap:16px}.course-notices-page .page-header .header-content .header-icon{align-items:center;background:#3b82f6;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.course-notices-page .page-header .header-content .header-text .header-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.course-notices-page .page-header .header-content .header-text .header-description{color:#6b7280;font-size:14px;margin:0}.course-notices-page .notices-content{display:flex;flex-direction:column;gap:24px}.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;font-size:18px;font-weight:600;margin:0}.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;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.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;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.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;box-shadow:0 0 0 3px #3b82f61a;outline:none}.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{font-family:inherit;min-height:120px;resize:vertical}.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{left:-9999px;opacity:0;pointer-events:none;position:absolute}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:3px dashed #d1d5db;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;overflow:hidden;padding:40px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:before{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#3b82f6;box-shadow:0 10px 25px #3b82f626;transform:translateY(-2px)}.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,#d1fae5);border-color:#10b981;box-shadow:0 15px 35px #10b98133;transform:scale(1.02)}.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 rgba(0,0,0,.1));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{position:relative;text-align:center;z-index:1}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px;transition:color .3s ease}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 12px}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:20px;color:#9ca3af;display:inline-block;font-size:12px;font-weight:500;margin:0;padding:8px 16px}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file{align-items:center;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:2px solid #0ea5e9;border-radius:12px;box-shadow:0 4px 12px #0ea5e926;display:flex;justify-content:space-between;margin-top:16px;padding:16px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .file-info{align-items:center;display:flex;flex:1 1;gap:12px}.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{display:flex;flex-direction:column;gap:2px}.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;font-size:14px;font-weight:600;word-break:break-all}.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{align-items:center;background:#fef2f2;border:none;color:#dc2626;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn:hover{background:#dc2626;color:#fff;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{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.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{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.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{display:flex;justify-content:flex-end;margin-top:24px}.course-notices-page .notices-content .notice-form-section .form-container .form-actions .upload-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.course-notices-page .notices-content .notice-form-section .form-container .form-actions .upload-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.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{background:#9ca3af;box-shadow:none;cursor:not-allowed;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;font-size:18px;font-weight:600;margin:0}.course-notices-page .notices-content .notices-list-section .announcement-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:24px}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s ease}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-header .announcement-title{color:#1f2937;flex:1 1;font-size:18px;font-weight:600;line-height:1.4;margin:0}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-header .status-badge{background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;color:#166534;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.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{-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.6;margin:0;max-height:120px;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;display:flex;gap:8px;margin-bottom:8px}.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;display:flex;gap:8px;margin-top:16px;padding-top:16px}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn,.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{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn:hover,.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{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn:active,.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{transform:translateY(0)}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn svg,.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{flex-shrink:0;height:16px;width:16px}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .detail-btn{background:#6b7280;border:1px solid #4b5563;color:#fff}.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{background:#10b981;border:1px solid #059669;color:#fff}.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{background:#ef4444;border:1px solid #dc2626;color:#fff}.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{align-items:center;color:#9ca3af;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px;text-align:center}.course-notices-page .notices-content .notices-list-section .announcement-list .empty-state svg{margin-bottom:16px;opacity:.5}.course-notices-page .notices-content .notices-list-section .announcement-list .empty-state p{font-size:16px;margin:0}@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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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,#2d3748);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,#a78bfa0d)}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,#1e40af);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,#065f46);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{background:#2d3748cc;color:#718096}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,#1e40af);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{background:#7f1d1d;color:#fca5a5}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{background:#dc2626;color:#fff}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{background:#064e3b;border-color:#047857;color:#6ee7b7}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 .meta-label,html:not([data-theme=light]) .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta .meta-item svg{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{background:#2d3748;border-color:#4a5568;color:#e2e8f0}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,#2d3748);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,#a78bfa0d)}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,#1e40af);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,#065f46);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{background:#2d3748cc;color:#718096}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,#1e40af);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{background:#7f1d1d;color:#fca5a5}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{background:#dc2626;color:#fff}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{background:#064e3b;border-color:#047857;color:#6ee7b7}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 .meta-label,html[data-theme=dark] .course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta .meta-item svg{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(max-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{font-size:11px;padding:6px 12px}.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{font-size:16px;height:28px;width:28px}.course-notices-page .notices-content .notices-list-section .announcement-list{gap:16px;grid-template-columns:1fr;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{align-items:flex-start;flex-direction:column;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 .delete-btn,.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{width:100%}}.instructor-schedule-page{background:#f8fafc;min-height:100vh;padding:24px}.instructor-schedule-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.instructor-schedule-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.instructor-schedule-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.instructor-schedule-page .calendar-container{margin-bottom:24px}.instructor-schedule-page .calendar-container,.instructor-schedule-page .tab-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a}.instructor-schedule-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.instructor-schedule-page .loading-container p{color:#6b7280;font-size:16px;margin:0}@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(max-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}}.student-mypage-page.mypage-page{--mypage-accent:var(--mypage-student-accent)}.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);border-radius:6px;color:var(--error-fg);font-size:.875rem;line-height:1.4;margin-top:12px;padding:8px 12px}.student-mypage-progress-reports{margin:24px auto 0;max-width:960px;padding:0 24px 24px}.student-mypage-toast{background:var(--success-bg);border:1px solid var(--success-border);border-radius:10px;bottom:24px;box-shadow:var(--card-shadow);color:var(--success-fg);padding:12px 16px;position:fixed;right:24px;z-index:2200}.student-mypage-toast.is-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-fg)}.student-attendance-page{background:#0000;display:flex;flex-direction:column;gap:24px;min-height:auto}.student-attendance-page .loading-container{align-items:center;color:#6b7280;display:flex;font-size:16px;justify-content:center;padding:60px 20px;text-align:center}.student-attendance-page .attendance-content{display:flex;flex-direction:column;gap:24px}.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{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 20px}.student-attendance-page .attendance-content .attendance-section .section-header .section-icon{align-items:center;background:#8b5cf6;border-radius:8px;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.student-attendance-page .attendance-content .attendance-section .section-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.student-attendance-page .table-container{background:#0000;padding:24px}.student-attendance-page .table-container .attendance-table{background:#0000;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.student-attendance-page .table-container .attendance-table td,.student-attendance-page .table-container .attendance-table th{border-bottom:1px solid #4a5568;font-size:14px;padding:12px;text-align:center;vertical-align:middle}.student-attendance-page .table-container .attendance-table th{background:#8b5cf6;color:#fff;font-weight:600}.student-attendance-page .table-container .attendance-table tbody tr{background:#0000}.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 .day-info,.student-attendance-page .table-container .attendance-table td .time-info{align-items:center;display:flex;justify-content:center}.student-attendance-page .table-container .attendance-table td .date-info .date-text,.student-attendance-page .table-container .attendance-table td .date-info .day-text,.student-attendance-page .table-container .attendance-table td .date-info .time-text,.student-attendance-page .table-container .attendance-table td .day-info .date-text,.student-attendance-page .table-container .attendance-table td .day-info .day-text,.student-attendance-page .table-container .attendance-table td .day-info .time-text,.student-attendance-page .table-container .attendance-table td .time-info .date-text,.student-attendance-page .table-container .attendance-table td .time-info .day-text,.student-attendance-page .table-container .attendance-table td .time-info .time-text{color:#e2e8f0;font-size:14px}.student-attendance-page .table-container .attendance-table .empty-state{color:#a0aec0;font-style:italic;padding:20px;text-align:center}.student-attendance-page .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:4px 12px;text-align:center;white-space:nowrap}.student-attendance-page .status-badge.present{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.student-attendance-page .status-badge.late{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.student-attendance-page .status-badge.absent{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.student-attendance-page .summary-section{background:#2d3748;border:1px solid #8b5cf6;border-radius:12px;overflow:hidden}.student-attendance-page .summary-section .section-header{align-items:center;background:#0000;border-bottom:1px solid #4a5568;display:flex;gap:12px;padding:16px 20px}.student-attendance-page .summary-section .section-header .section-icon{align-items:center;background:#8b5cf6;border-radius:8px;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.student-attendance-page .summary-section .section-header h2{color:#fff;font-size:18px;font-weight:600;margin:0}.student-attendance-page .summary-section .summary-content{padding:24px}.student-attendance-page .summary-section .summary-content .summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}@media(max-width:1200px){.student-attendance-page .summary-section .summary-content .summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.student-attendance-page .summary-section .summary-content .summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-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{align-items:center;background:#374151;border:1px solid #4a5568;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.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{align-items:center;background:#4a5568;border-radius:6px;color:#a0aec0;display:flex;height:32px;justify-content:center;width:32px}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-info{display:flex;flex-direction:column;gap:2px}.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{background:#10b98133;color:#10b981}.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{background:#f59e0b33;color:#f59e0b}.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{background:#ef444433;color:#ef4444}.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{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:8px;padding:20px}.student-attendance-page .summary-section .summary-content .attendance-rate .rate-label{font-size:14px;font-weight:500;opacity:.9}.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:#0000;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 .day-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 .day-info .date-text,html:not([data-theme=light]) .student-attendance-page .table-container .attendance-table td .day-info .day-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 .time-info .date-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 .time-info .time-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.absent,html:not([data-theme=light]) .student-attendance-page .status-badge.late,html:not([data-theme=light]) .student-attendance-page .status-badge.present{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{background:#4a5568;color:#a0aec0}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{background:#10b98133;color:#10b981}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{background:#f59e0b33;color:#f59e0b}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{background:#ef444433;color:#ef4444}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:#0000;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 .day-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 .day-info .date-text,html[data-theme=dark] .student-attendance-page .table-container .attendance-table td .day-info .day-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 .time-info .date-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 .time-info .time-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.absent,html[data-theme=dark] .student-attendance-page .status-badge.late,html[data-theme=dark] .student-attendance-page .status-badge.present{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{background:#4a5568;color:#a0aec0}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{background:#10b98133;color:#10b981}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{background:#f59e0b33;color:#f59e0b}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{background:#ef444433;color:#ef4444}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 td,.student-attendance-page .table-container .attendance-table th{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 .day-text,.student-attendance-page .table-container .attendance-table td .date-info .time-text,.student-attendance-page .table-container .attendance-table td .day-info .date-text,.student-attendance-page .table-container .attendance-table td .day-info .day-text,.student-attendance-page .table-container .attendance-table td .day-info .time-text,.student-attendance-page .table-container .attendance-table td .time-info .date-text,.student-attendance-page .table-container .attendance-table td .time-info .day-text,.student-attendance-page .table-container .attendance-table td .time-info .time-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:#0000;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-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}}@media(prefers-color-scheme:light)and (max-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 (max-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 (max-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{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.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{align-items:center;background:#e5e7eb;border-radius:6px;color:#6b7280;display:flex;height:32px;justify-content:center;width:32px}.student-attendance-page .attendance-content .summary-section .summary-content .summary-grid .summary-item .summary-info{display:flex;flex-direction:column;gap:2px}.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{background:#dcfce7;color:#166534}.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{background:#fef3c7;color:#92400e}.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{background:#fee2e2;color:#991b1b}.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{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:8px;padding:20px}.student-attendance-page .attendance-content .summary-section .summary-content .attendance-rate .rate-label{font-size:14px;font-weight:500;opacity:.9}.student-attendance-page .attendance-content .summary-section .summary-content .attendance-rate .rate-value{font-size:32px;font-weight:700}}@media(max-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 td,.student-attendance-page .table-container .attendance-table th{font-size:12px;padding:8px}.student-attendance-page .summary-section .summary-content{padding:16px}.student-attendance-page .summary-section .summary-content .summary-grid{gap:12px;grid-template-columns:1fr}.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{min-height:100vh}.student-assignments-page,.student-assignments-page .assignments-content{display:flex;flex-direction:column;gap:24px}.student-assignments-page .assignments-content .tab-section .tab-navigation{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:8px}.student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn svg{height:16px;width:16px}.student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn:hover{background:#e5e7eb;color:#374151}.student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn.active{background:#8b5cf6;color:#fff}.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;font-size:18px;font-weight:600;margin:0}.student-assignments-page .assignments-list,.student-assignments-page .graded-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:24px}.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{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.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{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.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{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.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 1;font-size:18px;font-weight:600;line-height:1.4;margin:0}.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{border-radius:20px;flex-shrink:0;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.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{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.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{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.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{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.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;font-size:14px;line-height:1.5;margin:0}.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{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.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;height:16px;width: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{display:flex;flex-direction:column;gap:4px}.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;display:flex;gap:8px;margin-top:16px;padding-top:16px}.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{align-items:center;background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.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{height:16px;width:16px}.student-assignments-page .submission-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.student-assignments-page .submission-section .edit-form,.student-assignments-page .submission-section .expired-form,.student-assignments-page .submission-section .submission-form{display:flex;flex-direction:column;gap:16px}.student-assignments-page .submission-section .edit-form .form-group,.student-assignments-page .submission-section .expired-form .form-group,.student-assignments-page .submission-section .submission-form .form-group{display:flex;flex-direction:column;gap:8px}.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,.student-assignments-page .submission-section .submission-form .form-group .form-input,.student-assignments-page .submission-section .submission-form .form-group .form-textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.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,.student-assignments-page .submission-section .submission-form .form-group .form-input:focus,.student-assignments-page .submission-section .submission-form .form-group .form-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.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,.student-assignments-page .submission-section .submission-form .form-group .form-input:disabled,.student-assignments-page .submission-section .submission-form .form-group .form-textarea:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.student-assignments-page .submission-section .edit-form .form-group .form-textarea,.student-assignments-page .submission-section .expired-form .form-group .form-textarea,.student-assignments-page .submission-section .submission-form .form-group .form-textarea{min-height:100px;resize:vertical}.student-assignments-page .submission-section .edit-form .form-group .existing-attachments,.student-assignments-page .submission-section .expired-form .form-group .existing-attachments,.student-assignments-page .submission-section .submission-form .form-group .existing-attachments{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px}.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,.student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-label{color:#374151;font-size:13px;font-weight:600;margin:0 0 12px}.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,.student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list{display:flex;flex-direction:column;gap:8px}.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,.student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s ease}.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,.student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox:hover{background:#f3f4f6}.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],.student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.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,.student-assignments-page .submission-section .submission-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 .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,.student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-list .existing-attachment-item .existing-attachment-checkbox .attachment-name{color:#374151;font-size:13px;word-break:break-all}.student-assignments-page .submission-section .edit-form .form-group .selected-files,.student-assignments-page .submission-section .expired-form .form-group .selected-files,.student-assignments-page .submission-section .submission-form .form-group .selected-files{display:flex;flex-direction:column;gap:12px;margin-top:16px}.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,.student-assignments-page .submission-section .submission-form .form-group .selected-files .new-files-label{color:#374151;font-size:13px;font-weight:600;margin:0 0 8px}.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,.student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file{align-items:center;background:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.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,.student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info{align-items:center;display:flex;flex:1 1;gap:10px}.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,.student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info svg{color:#0ea5e9;flex-shrink:0}.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,.student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info .file-name{color:#0c4a6e;font-size:13px;font-weight:600;word-break:break-all}.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,.student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info .file-size{color:#0369a1;font-size:11px;font-weight:500}.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,.student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .remove-file-btn{align-items:center;background:none;border:none;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.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,.student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .remove-file-btn:hover{color:#dc2626;transform:scale(1.1)}.student-assignments-page .submission-section .edit-form .form-actions,.student-assignments-page .submission-section .expired-form .form-actions,.student-assignments-page .submission-section .submission-form .form-actions{display:flex;gap:12px}.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 .edit-form .form-actions .save-btn,.student-assignments-page .submission-section .edit-form .form-actions .submit-btn,.student-assignments-page .submission-section .expired-form .form-actions .cancel-btn,.student-assignments-page .submission-section .expired-form .form-actions .edit-btn,.student-assignments-page .submission-section .expired-form .form-actions .save-btn,.student-assignments-page .submission-section .expired-form .form-actions .submit-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 .submission-form .form-actions .save-btn,.student-assignments-page .submission-section .submission-form .form-actions .submit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.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 .edit-form .form-actions .save-btn svg,.student-assignments-page .submission-section .edit-form .form-actions .submit-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,.student-assignments-page .submission-section .expired-form .form-actions .save-btn svg,.student-assignments-page .submission-section .expired-form .form-actions .submit-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 .submission-form .form-actions .save-btn svg,.student-assignments-page .submission-section .submission-form .form-actions .submit-btn svg{height:16px;width:16px}.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 .edit-form .form-actions .save-btn:disabled,.student-assignments-page .submission-section .edit-form .form-actions .submit-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,.student-assignments-page .submission-section .expired-form .form-actions .save-btn:disabled,.student-assignments-page .submission-section .expired-form .form-actions .submit-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 .submission-form .form-actions .save-btn:disabled,.student-assignments-page .submission-section .submission-form .form-actions .submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.student-assignments-page .submission-section .edit-form .form-actions .submit-btn,.student-assignments-page .submission-section .expired-form .form-actions .submit-btn,.student-assignments-page .submission-section .submission-form .form-actions .submit-btn{background:#8b5cf6;color:#fff}.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),.student-assignments-page .submission-section .submission-form .form-actions .submit-btn:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.student-assignments-page .submission-section .edit-form .form-actions .save-btn,.student-assignments-page .submission-section .expired-form .form-actions .save-btn,.student-assignments-page .submission-section .submission-form .form-actions .save-btn{background:#3b82f6;color:#fff}.student-assignments-page .submission-section .edit-form .form-actions .save-btn:hover,.student-assignments-page .submission-section .expired-form .form-actions .save-btn:hover,.student-assignments-page .submission-section .submission-form .form-actions .save-btn:hover{background:#2563eb;transform:translateY(-1px)}.student-assignments-page .submission-section .edit-form .form-actions .cancel-btn,.student-assignments-page .submission-section .expired-form .form-actions .cancel-btn,.student-assignments-page .submission-section .submission-form .form-actions .cancel-btn{background:#6b7280;color:#fff}.student-assignments-page .submission-section .edit-form .form-actions .cancel-btn:hover,.student-assignments-page .submission-section .expired-form .form-actions .cancel-btn:hover,.student-assignments-page .submission-section .submission-form .form-actions .cancel-btn:hover{background:#4b5563;transform:translateY(-1px)}.student-assignments-page .submission-section .edit-form .form-actions .edit-btn,.student-assignments-page .submission-section .expired-form .form-actions .edit-btn,.student-assignments-page .submission-section .submission-form .form-actions .edit-btn{background:#f59e0b;color:#fff}.student-assignments-page .submission-section .edit-form .form-actions .edit-btn:hover,.student-assignments-page .submission-section .expired-form .form-actions .edit-btn:hover,.student-assignments-page .submission-section .submission-form .form-actions .edit-btn:hover{background:#d97706;transform:translateY(-1px)}.student-assignments-page .submission-section .expired-warning{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.student-assignments-page .submission-section .expired-warning svg{height:16px;width:16px}.student-assignments-page .submission-section .submitted-content{display:flex;flex-direction:column;gap:16px}.student-assignments-page .submission-section .submitted-content .submission-file .download-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.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{height:16px;width:16px}.student-assignments-page .submission-section .submitted-content .submitted-answer{align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0c4a6e;display:flex;font-size:14px;gap:8px;padding:12px 16px}.student-assignments-page .submission-section .submitted-content .submitted-answer svg{flex-shrink:0;height:16px;margin-top:2px;width:16px}.student-assignments-page .grading-results{margin-bottom:16px}.student-assignments-page .grading-results .result-item{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.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;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.student-assignments-page .feedback-section .feedback-text{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;line-height:1.5;margin:0;padding:12px 16px}.student-assignments-page .empty-state{color:#9ca3af;font-size:16px;font-style:italic;grid-column:1/-1;padding:40px 20px;text-align:center}@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{background:#374151;color:#e2e8f0}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{background:#1f2937;border-color:#374151;color:#10b981}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{background:#1f2937;border-color:#374151;color:#ef4444}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{background:#1f2937;border-color:#374151;color:#f59e0b}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 .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,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{background:#374151;border-color:#4a5568;color:#e2e8f0}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,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{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a}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,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{background-color:#2d3748;color:#718096}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,html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .existing-attachments{background:#374151;border-color:#4b5563}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,html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-label{color:#e2e8f0}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,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{background:#4b5563}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,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{color:#9ca3af}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 .edit-form .form-group .selected-files .new-files-label,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 .expired-form .form-group .selected-files .new-files-label,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 .submission-form .form-group .selected-files .new-files-label{color:#e2e8f0}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,html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file{background:#1e3a8a;border-color:#3730a3}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,html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info svg{color:#60a5fa}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,html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info .file-name{color:#bfdbfe}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,html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info .file-size{color:#93c5fd}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,html:not([data-theme=light]) .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .remove-file-btn{color:#fca5a5}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,html:not([data-theme=light]) .student-assignments-page .submission-section .submission-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{background:#1f2937;border-color:#374151;color:#fca5a5}html:not([data-theme=light]) .student-assignments-page .submission-section .submitted-content .submitted-answer{background:#1e3a8a;border-color:#3730a3;color:#bfdbfe}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#374151;color:#e2e8f0}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{background:#1f2937;border-color:#374151;color:#10b981}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{background:#1f2937;border-color:#374151;color:#ef4444}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{background:#1f2937;border-color:#374151;color:#f59e0b}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 .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,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{background:#374151;border-color:#4a5568;color:#e2e8f0}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,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{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a}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,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{background-color:#2d3748;color:#718096}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,html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .existing-attachments{background:#374151;border-color:#4b5563}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,html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .existing-attachments .existing-attachments-label{color:#e2e8f0}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,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{background:#4b5563}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,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{color:#9ca3af}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 .edit-form .form-group .selected-files .new-files-label,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 .expired-form .form-group .selected-files .new-files-label,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 .submission-form .form-group .selected-files .new-files-label{color:#e2e8f0}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,html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file{background:#1e3a8a;border-color:#3730a3}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,html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info svg{color:#60a5fa}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,html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info .file-name{color:#bfdbfe}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,html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .file-info .file-size{color:#93c5fd}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,html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .remove-file-btn{color:#fca5a5}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,html[data-theme=dark] .student-assignments-page .submission-section .submission-form .form-group .selected-files .selected-file .remove-file-btn:hover{color:#f87171}html[data-theme=dark] .student-assignments-page .submission-section .expired-warning{background:#1f2937;border-color:#374151;color:#fca5a5}html[data-theme=dark] .student-assignments-page .submission-section .submitted-content .submitted-answer{background:#1e3a8a;border-color:#3730a3;color:#bfdbfe}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{background:#374151;border-color:#4a5568;color:#e2e8f0}html[data-theme=dark] .student-assignments-page .empty-state{color:#718096}@media(max-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 1;font-size:13px;min-width:120px;padding:10px 16px}.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{gap:16px;grid-template-columns:1fr;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{align-items:flex-start;flex-direction:column;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 .edit-form .form-actions,.student-assignments-page .submission-section .expired-form .form-actions,.student-assignments-page .submission-section .submission-form .form-actions{flex-direction:column}.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 .edit-form .form-actions .save-btn,.student-assignments-page .submission-section .edit-form .form-actions .submit-btn,.student-assignments-page .submission-section .expired-form .form-actions .cancel-btn,.student-assignments-page .submission-section .expired-form .form-actions .edit-btn,.student-assignments-page .submission-section .expired-form .form-actions .save-btn,.student-assignments-page .submission-section .expired-form .form-actions .submit-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 .submission-form .form-actions .save-btn,.student-assignments-page .submission-section .submission-form .form-actions .submit-btn{justify-content:center;width:100%}}.student-notices-page{min-height:100vh}.student-notices-page,.student-notices-page .notices-content{display:flex;flex-direction:column;gap:24px}.student-notices-page .notices-content .notices-header .sort-section{display:flex;justify-content:flex-end}.student-notices-page .notices-content .notices-header .sort-section .sort-container .sort-btn{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.student-notices-page .notices-content .notices-header .sort-section .sort-container .sort-btn svg{height:16px;width: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;font-size:18px;font-weight:600;margin:0}.student-notices-page .notices-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:24px}.student-notices-page .notices-list .notice-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.student-notices-page .notices-list .notice-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.student-notices-page .notices-list .notice-card .card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.student-notices-page .notices-list .notice-card .card-header .notice-title{color:#1f2937;flex:1 1;font-size:18px;font-weight:600;line-height:1.4;margin:0}.student-notices-page .notices-list .notice-card .card-header .status-badge{border-radius:20px;flex-shrink:0;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.student-notices-page .notices-list .notice-card .card-header .status-badge.published{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.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{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:14px;line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis}.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{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.student-notices-page .notices-list .notice-card .card-content .notice-meta .meta-item svg{color:#8b5cf6;height:16px;width: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;display:flex;gap:8px;margin-top:16px;padding-top:16px}.student-notices-page .notices-list .notice-card .card-actions .detail-btn,.student-notices-page .notices-list .notice-card .card-actions .download-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.student-notices-page .notices-list .notice-card .card-actions .detail-btn svg,.student-notices-page .notices-list .notice-card .card-actions .download-btn svg{height:16px;width:16px}.student-notices-page .notices-list .notice-card .card-actions .detail-btn{background:#6b7280;color:#fff}.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{background:#10b981;color:#fff}.student-notices-page .notices-list .notice-card .card-actions .download-btn:hover{background:#059669;transform:translateY(-1px)}.student-notices-page .empty-state{color:#9ca3af;font-size:16px;font-style:italic;grid-column:1/-1;padding:40px 20px;text-align:center}@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{background:#1f2937;border-color:#374151;color:#10b981}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{background:#1f2937;border-color:#374151;color:#10b981}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(max-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{font-size:13px;padding:10px 16px}.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{gap:16px;grid-template-columns:1fr;padding:16px}.student-notices-page .notices-list .notice-card{padding:16px}.student-notices-page .notices-list .notice-card .card-header{align-items:flex-start;flex-direction:column;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{min-height:100vh}.student-materials-page,.student-materials-page .materials-content{display:flex;flex-direction:column;gap:24px}.student-materials-page .materials-content .materials-header .sort-section{display:flex;justify-content:flex-end}.student-materials-page .materials-content .materials-header .sort-section .sort-container .sort-btn{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.student-materials-page .materials-content .materials-header .sort-section .sort-container .sort-btn svg{height:16px;width: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;font-size:18px;font-weight:600;margin:0}.student-materials-page .materials-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:24px}.student-materials-page .materials-list .material-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.student-materials-page .materials-list .material-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.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;font-size:18px;font-weight:600;line-height:1.4;margin:0}.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{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:14px;line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis}.student-materials-page .materials-list .material-card .card-content .material-meta{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item svg{color:#8b5cf6;flex-shrink:0;height:16px;width:16px}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item .meta-label{font-weight:500;min-width:80px}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item .meta-value{color:#374151;flex:1 1;font-weight:600}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item .meta-value.file-name{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;font-family:monospace;font-size:13px;padding:2px 6px;word-break:break-all}.student-materials-page .materials-list .material-card .card-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;margin-top:16px;padding-top:16px}.student-materials-page .materials-list .material-card .card-actions .detail-btn,.student-materials-page .materials-list .material-card .card-actions .download-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.student-materials-page .materials-list .material-card .card-actions .detail-btn svg,.student-materials-page .materials-list .material-card .card-actions .download-btn svg{height:16px;width:16px}.student-materials-page .materials-list .material-card .card-actions .detail-btn{background:#6b7280;color:#fff}.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{background:#10b981;color:#fff}.student-materials-page .materials-list .material-card .card-actions .download-btn:hover{background:#059669;transform:translateY(-1px)}.student-materials-page .empty-state{color:#9ca3af;font-size:16px;font-style:italic;grid-column:1/-1;padding:40px 20px;text-align:center}@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{background:#2d3748;border-color:#4a5568;color:#cbd5e0}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{background:#2d3748;border-color:#4a5568;color:#cbd5e0}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(max-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{font-size:13px;padding:10px 16px}.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{gap:16px;grid-template-columns:1fr;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{align-items:flex-start;flex-direction:column;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{width:100%;word-break:break-all}.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;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.student-schedule-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.student-schedule-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.student-schedule-page .calendar-container{margin-bottom:24px}.student-schedule-page .calendar-container,.student-schedule-page .tab-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a}.student-schedule-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.student-schedule-page .loading-container p{color:#6b7280;font-size:16px;margin:0}@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(max-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;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.student-booking-resource-list-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.student-booking-resource-list-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.student-booking-resource-list-page .resource-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.student-booking-resource-list-page .resource-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.student-booking-resource-list-page .resource-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:24px;transition:all .2s ease}.student-booking-resource-list-page .resource-card:hover{background:#fff;border-color:#3b82f6;box-shadow:0 8px 16px 0 #0000001a;transform:translateY(-4px)}.student-booking-resource-list-page .resource-card .resource-info h3{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 8px}.student-booking-resource-list-page .resource-card .resource-info .resource-type{background:#e5e7eb;border-radius:6px;color:#6b7280;display:inline-block;font-size:14px;margin:0;padding:4px 12px}.student-booking-resource-list-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.student-booking-resource-list-page .loading-container p{color:#6b7280;font-size:16px;margin:0}.student-booking-resource-list-page .no-data{align-items:center;display:flex;height:200px;justify-content:center;text-align:center}.student-booking-resource-list-page .no-data p{color:#6b7280;font-size:16px;margin:0}@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{background:#1f2937;color:#a0aec0}}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{background:#1f2937;color:#a0aec0}@media(max-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{gap:16px;grid-template-columns:1fr}.student-booking-resource-list-page .resource-card{padding:16px}}.booking-calendar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;box-sizing:border-box;max-width:100%;overflow:hidden;padding:16px;width:100%}.booking-calendar .calendar-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:16px}.booking-calendar .calendar-header .nav-button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;flex:0 0 auto;height:32px;justify-content:center;transition:all .2s ease;width:32px}.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;flex:1 1 auto;font-size:16px;font-weight:700;margin:0;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.booking-calendar .calendar-weekdays{grid-gap:2px;box-sizing:border-box;display:grid;gap:2px;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:6px;width:100%}.booking-calendar .calendar-weekdays .weekday{box-sizing:border-box;color:#6b7280;font-size:12px;font-weight:600;min-width:0;overflow:hidden;padding:6px 0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.booking-calendar .calendar-days{grid-gap:2px;box-sizing:border-box;display:grid;gap:2px;grid-template-columns:repeat(7,minmax(0,1fr));width:100%}.booking-calendar .calendar-days .calendar-day{align-items:center;aspect-ratio:1;background:#fff;border:1.5px solid #0000;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;min-width:0;overflow:hidden;padding:2px;position:relative;transition:all .2s ease}.booking-calendar .calendar-days .calendar-day .day-number{color:#374151;font-size:13px;font-weight:600;line-height:1;white-space:nowrap}.booking-calendar .calendar-days .calendar-day.other-month .day-number{color:#d1d5db}.booking-calendar .calendar-days .calendar-day.disabled{background:#f9fafb;cursor:not-allowed}.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{background:#3b82f6;border-radius:50%;bottom:3px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:3px}.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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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(max-width:768px){.booking-calendar{padding:14px}.booking-calendar .calendar-header{margin-bottom:16px}.booking-calendar .calendar-header .nav-button{height:36px;width:36px}.booking-calendar .calendar-header .month-year{font-size:18px}.booking-calendar .calendar-weekdays .weekday{font-size:12px;padding:6px 0}.booking-calendar .calendar-days{gap:2px}.booking-calendar .calendar-days .calendar-day .day-number{font-size:12px}}.counseling-submit-modal-overlay{align-items:center;background:var(--overlay);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.counseling-submit-modal{background:var(--surface-0);border:1px solid var(--border-default);border-radius:16px;box-shadow:var(--card-shadow);padding:28px 24px 24px;text-align:center;width:min(420px,100%)}.counseling-submit-modal.is-success .counseling-submit-modal-icon.success{background:var(--success-bg);color:var(--success-fg)}.counseling-submit-modal.is-error .counseling-submit-modal-icon.error{background:var(--error-bg);color:var(--error-fg)}.counseling-submit-modal-icon{align-items:center;border-radius:999px;display:inline-flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.counseling-submit-modal-title{color:var(--text-heading);font-size:20px;font-weight:700;margin:0 0 12px}.counseling-submit-modal-message{color:var(--text-secondary);font-size:15px;line-height:1.5;margin:0 0 24px;white-space:pre-wrap}.counseling-submit-modal-confirm{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 16px;width:100%}.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;display:block;max-height:none;min-height:100vh;overflow:visible;padding:24px}.student-booking-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.student-booking-page .page-header .header-content{align-items:center;display:flex;gap:16px}.student-booking-page .page-header .header-content .back-button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.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;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.student-booking-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.student-booking-page .booking-content{display:flex;flex-direction:column;gap:24px}.student-booking-page .success-banner{background:#d1fae5;border:1px solid #10b981;border-radius:8px;color:#065f46;font-size:14px;font-weight:600;padding:12px 16px}.student-booking-page .error-container{background:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#991b1b;font-size:14px;font-weight:600;padding:12px 16px}.student-booking-page .booking-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.student-booking-page .booking-section h2{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 20px}.student-booking-page .calendar-time-section .calendar-time-container{align-items:flex-start;display:flex;gap:24px}.student-booking-page .calendar-time-section .calendar-time-container .calendar-wrapper{flex:11 1;max-width:none;min-width:0;position:relative}.student-booking-page .calendar-time-section .calendar-time-container .calendar-wrapper .loading-overlay{align-items:center;background:#ffffffe6;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.student-booking-page .calendar-time-section .calendar-time-container .calendar-wrapper .loading-overlay p{color:#6b7280;font-size:14px;margin:0}.student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:9 1;max-width:none;min-width:0;overflow:hidden;padding:20px}.student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper h3{color:#1f2937;font-size:16px;font-weight:700;margin:0 0 16px}.student-booking-page .calendar-time-section .calendar-time-container .time-slots-wrapper .selected-slot-hint{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#2563eb;display:flex;font-size:13px;font-weight:600;gap:6px;margin:0 0 12px;padding:8px 12px}.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;font-size:14px;margin:0;padding:40px 20px;text-align:center}.student-booking-page .duration-buttons{display:flex;gap:12px}.student-booking-page .duration-buttons button{background:#f3f4f6;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.student-booking-page .duration-buttons button:hover{background:#e5e7eb;border-color:#9ca3af}.student-booking-page .duration-buttons button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.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;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.student-booking-page .time-slots-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);max-height:400px;overflow-x:hidden;overflow-y:auto;padding-right:4px;width:100%}.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{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 12px;text-align:center;transition:all .2s ease}.student-booking-page .time-slots-grid .time-slot:hover{background:#eff6ff;border-color:#3b82f6}.student-booking-page .time-slots-grid .time-slot.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.student-booking-page .time-slots-grid .time-slot.overlap-disabled,.student-booking-page .time-slots-grid .time-slot:disabled.overlap-disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.7}.student-booking-page .duration-step{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.student-booking-page .duration-step h4{color:#1f2937;font-size:15px;font-weight:700;margin:0 0 6px}.student-booking-page .duration-step .duration-step-hint{color:#6b7280;font-size:13px;margin:0 0 12px}.student-booking-page .duration-step .loading-durations,.student-booking-page .duration-step .no-durations{color:#6b7280;font-size:14px;margin:0}.student-booking-page .duration-step .duration-buttons{display:flex;flex-wrap:wrap;gap:10px}.student-booking-page .duration-step .duration-buttons button{background:#f3f4f6;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s ease}.student-booking-page .duration-step .duration-buttons button:hover{background:#e5e7eb;border-color:#9ca3af}.student-booking-page .duration-step .duration-buttons button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.student-booking-page .slot-range-value{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:10px}.student-booking-page .slot-range-value svg{color:#3b82f6;flex-shrink:0}.student-booking-page .slot-range-value .duration-badge{color:#2563eb;font-weight:700;margin-left:4px}.student-booking-page .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.student-booking-page .form-group label{color:#374151;font-size:14px;font-weight:600}.student-booking-page .form-group .value{background:#f9fafb;border-radius:8px;color:#1f2937;font-size:16px;padding:12px}.student-booking-page .form-group textarea{border:1px solid #d1d5db;border-radius:8px;color:#374151;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s ease}.student-booking-page .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.student-booking-page .form-group textarea::placeholder{color:#9ca3af}.student-booking-page .submit-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}.student-booking-page .submit-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px 0 #3b82f666;transform:translateY(-1px)}.student-booking-page .submit-btn:disabled{cursor:not-allowed;opacity:.6}.student-booking-page .submit-btn .spinner{animation:student-booking-spin 1s linear infinite}@keyframes student-booking-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.student-booking-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.student-booking-page .loading-container p{color:#6b7280;font-size:16px;margin:0}@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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#3b82f6;border-color:#3b82f6;color:#fff}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{background:#3b82f626;border-color:#3b82f6;color:#93c5fd}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#3b82f6;border-color:#3b82f6;color:#fff}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#3b82f6;border-color:#3b82f6;color:#fff}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{background:#374151;border-color:#4a5568;color:#6b7280;cursor:not-allowed;opacity:.6}html:not([data-theme=light]) .student-booking-page .form-group label{color:#e2e8f0}html:not([data-theme=light]) .student-booking-page .form-group .value{background:#1f2937;color:#e2e8f0}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#374151;border-color:#4a5568;color:#e2e8f0}html[data-theme=dark] .student-booking-page .duration-buttons button:hover{background:#4a5568}html[data-theme=dark] .student-booking-page .duration-buttons button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}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{background:#3b82f626;border-color:#3b82f6;color:#93c5fd}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#3b82f6;border-color:#3b82f6;color:#fff}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{background:#374151;border-color:#4a5568;color:#e2e8f0}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{background:#3b82f6;border-color:#3b82f6;color:#fff}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{background:#374151;border-color:#4a5568;color:#6b7280;cursor:not-allowed;opacity:.6}html[data-theme=dark] .student-booking-page .form-group label{color:#e2e8f0}html[data-theme=dark] .student-booking-page .form-group .value{background:#1f2937;color:#e2e8f0}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{background:#1f2937;border-color:#4a5568;color:#e2e8f0}html[data-theme=dark] .student-booking-page .form-group textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}@media(max-width:768px){.student-booking-page{padding:16px}.student-booking-page .page-header{margin-bottom:24px;padding:16px}.student-booking-page .page-header .header-content{align-items:flex-start;flex-direction:column;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 1;max-width:100%}.student-booking-page .booking-section.calendar-time-section .calendar-time-container .time-slots-wrapper{flex:1 1;max-width:100%;min-width:0;padding:16px}.student-booking-page .time-slots-grid{gap:8px;grid-template-columns:repeat(2,1fr);max-height:300px}.student-booking-page .time-slots-grid .time-slot{font-size:12px;padding:8px 10px}}.student-booking-results-page .results-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.student-booking-results-page .result-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;cursor:pointer;padding:24px;transition:all .2s ease}.student-booking-results-page .result-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px 0 #00000026;transform:translateY(-2px)}.student-booking-results-page .result-card .result-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.student-booking-results-page .result-card .result-header h3{color:#1f2937;font-size:18px;font-weight:700;margin:0}.student-booking-results-page .result-card .result-header .status-badge{background:#d1fae5;border:1px solid #10b981;border-radius:12px;color:#065f46;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-align:center}.student-booking-results-page .result-card .result-info{display:flex;flex-direction:column;gap:16px}.student-booking-results-page .result-card .result-info .info-item{display:flex;flex-direction:column;gap:4px}.student-booking-results-page .result-card .result-info .info-item label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.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{align-items:center;display:flex;height:200px;justify-content:center;text-align:center}.student-booking-results-page .no-data p{color:#6b7280;font-size:16px;margin:0}@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(max-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{gap:16px;grid-template-columns:1fr}.student-booking-results-page .result-card{padding:16px}}.parent-invite-modal-overlay,.parent-merge-modal-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2100}.parent-invite-modal,.parent-merge-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;padding:24px;width:min(480px,100%)}.parent-invite-modal .modal-header,.parent-merge-modal .modal-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.parent-invite-modal .modal-header h3,.parent-merge-modal .modal-header h3{color:#1f2937;font-size:18px;margin:0}.parent-invite-modal .modal-header .close-btn,.parent-merge-modal .modal-header .close-btn{background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;padding:8px}.parent-invite-modal .modal-description,.parent-merge-modal .modal-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 16px}.parent-invite-modal label,.parent-merge-modal label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.parent-invite-modal .email-input-wrap,.parent-merge-modal .email-input-wrap{align-items:center;border:1px solid #d1d5db;border-radius:8px;display:flex;gap:8px;margin-bottom:20px;padding:0 12px}.parent-invite-modal .email-input-wrap input,.parent-merge-modal .email-input-wrap input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none;padding:12px 0}.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;font-size:14px;font-weight:600;padding:0 4px}.parent-invite-modal .primary-select .primary-option,.parent-merge-modal .primary-select .primary-option{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 4px}.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{align-items:center;background:#fffbeb;border-radius:8px;color:#92400e;display:flex;font-size:14px;gap:8px;padding:12px}.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{font-size:14px;margin:0 0 8px}.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{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.parent-invite-modal .modal-actions button,.parent-merge-modal .modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px}.parent-invite-modal .modal-actions .cancel-btn,.parent-merge-modal .modal-actions .cancel-btn{background:#f3f4f6;color:#374151}.parent-invite-modal .modal-actions .submit-btn,.parent-merge-modal .modal-actions .submit-btn{align-items:center;background:#6366f1;color:#fff;display:inline-flex;gap:6px}.parent-invite-modal .modal-actions .submit-btn:disabled,.parent-merge-modal .modal-actions .submit-btn:disabled{cursor:not-allowed;opacity:.5}@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 .merge-preview,html:not([data-theme=light]) .parent-invite-modal .modal-header h3,html:not([data-theme=light]) .parent-invite-modal .primary-option,html:not([data-theme=light]) .parent-invite-modal .result-summary,html:not([data-theme=light]) .parent-invite-modal label,html:not([data-theme=light]) .parent-merge-modal .merge-preview,html:not([data-theme=light]) .parent-merge-modal .modal-header h3,html:not([data-theme=light]) .parent-merge-modal .primary-option,html:not([data-theme=light]) .parent-merge-modal .result-summary,html:not([data-theme=light]) .parent-merge-modal label{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{background:#334155;border-color:#475569;color:#f1f5f9}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 .cancel-btn,html:not([data-theme=light]) .parent-invite-modal .close-btn,html:not([data-theme=light]) .parent-merge-modal .cancel-btn,html:not([data-theme=light]) .parent-merge-modal .close-btn{background:#334155;color:#e2e8f0}}html[data-theme=dark] .parent-invite-modal,html[data-theme=dark] .parent-merge-modal{background:#1e293b}html[data-theme=dark] .parent-invite-modal .merge-preview,html[data-theme=dark] .parent-invite-modal .modal-header h3,html[data-theme=dark] .parent-invite-modal .primary-option,html[data-theme=dark] .parent-invite-modal .result-summary,html[data-theme=dark] .parent-invite-modal label,html[data-theme=dark] .parent-merge-modal .merge-preview,html[data-theme=dark] .parent-merge-modal .modal-header h3,html[data-theme=dark] .parent-merge-modal .primary-option,html[data-theme=dark] .parent-merge-modal .result-summary,html[data-theme=dark] .parent-merge-modal label{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{background:#334155;border-color:#475569;color:#f1f5f9}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 .cancel-btn,html[data-theme=dark] .parent-invite-modal .close-btn,html[data-theme=dark] .parent-merge-modal .cancel-btn,html[data-theme=dark] .parent-merge-modal .close-btn{background:#334155;color:#e2e8f0}.admin-parent-management-page{background:#f8fafc;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px}.admin-parent-management-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.admin-parent-management-page .page-header .header-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.admin-parent-management-page .page-header .header-title{align-items:center;display:flex;gap:16px}.admin-parent-management-page .page-header .header-title .header-icon{color:#8b5cf6}.admin-parent-management-page .page-header .header-title h1{color:#1f2937;font-size:24px;margin:0 0 4px}.admin-parent-management-page .page-header .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.admin-parent-management-page .page-header .header-actions{display:flex;flex-wrap:wrap;gap:12px}.admin-parent-management-page .page-header .header-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px}.admin-parent-management-page .page-header .header-actions .invite-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-parent-management-page .page-header .header-actions .merge-btn{background:#6366f1;color:#fff}.admin-parent-management-page .page-header .header-actions .merge-btn:disabled{cursor:not-allowed;opacity:.5}.admin-parent-management-page .search-filter-container .search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;max-width:420px;padding:12px 16px;width:100%}.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{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.admin-parent-management-page .parent-list-table .parent-list-badge{border-radius:999px;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.admin-parent-management-page .parent-list-table .parent-list-badge.pending{background:#fef3c7;color:#92400e}.admin-parent-management-page .parent-list-table .parent-list-badge.inactive{background:#fee2e2;color:#b91c1c}.admin-parent-management-page .parent-list-table .parent-list-children-badge{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#4338ca;cursor:default;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.admin-parent-management-page .parent-list-table .parent-list-children-empty{color:#9ca3af;font-size:13px}.admin-parent-management-page .parent-management-toast{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;bottom:24px;box-shadow:0 8px 24px #0000001f;color:#065f46;padding:12px 16px;position:fixed;right:24px;z-index:2200}.admin-parent-management-page .parent-management-toast.is-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}@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{background:#334155;border-color:#475569;color:#f1f5f9}html:not([data-theme=light]) .admin-parent-management-page .parent-management-toast{background:#10b98126;border-color:#34d39959;color:#6ee7b7}html:not([data-theme=light]) .admin-parent-management-page .parent-management-toast.is-error{background:#f871711f;border-color:#f8717159;color:#fca5a5}}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{background:#334155;border-color:#475569;color:#f1f5f9}html[data-theme=dark] .admin-parent-management-page .parent-management-toast{background:#10b98126;border-color:#34d39959;color:#6ee7b7}html[data-theme=dark] .admin-parent-management-page .parent-management-toast.is-error{background:#f871711f;border-color:#f8717159;color:#fca5a5}.admin-parent-detail-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-parent-detail-page .loading-container,.admin-parent-detail-page .not-found-container{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:40vh;text-align:center}.admin-parent-detail-page .not-found-container h2{color:#1f2937;font-size:20px;margin:0}.admin-parent-detail-page .back-to-list-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:8px;padding:10px 16px}.admin-parent-detail-page .parent-detail-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:20px 24px}.admin-parent-detail-page .parent-detail-header .back-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;margin-bottom:16px;padding:6px 10px}.admin-parent-detail-page .parent-detail-header .back-btn:hover{background:#f3f4f6;color:#374151}.admin-parent-detail-page .parent-detail-header .header-main{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.admin-parent-detail-page .parent-detail-header .header-icon-wrap{align-items:center;background:#ede9fe;border-radius:12px;color:#7c3aed;display:flex;height:56px;justify-content:center;width:56px}.admin-parent-detail-page .parent-detail-header .header-text{flex:1 1;min-width:0}.admin-parent-detail-page .parent-detail-header .header-text h1{color:#1f2937;font-size:24px;margin:0 0 4px}.admin-parent-detail-page .parent-detail-header .header-text .header-academy{color:#6b7280;font-size:14px;margin:0}.admin-parent-detail-page .parent-detail-header .header-badges{display:flex;flex-wrap:wrap;gap:8px}.admin-parent-detail-page .parent-detail-header .status-badge{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px}.admin-parent-detail-page .parent-detail-header .status-badge.pending{background:#fef3c7;color:#92400e}.admin-parent-detail-page .parent-detail-header .status-badge.inactive{background:#fee2e2;color:#b91c1c}.admin-parent-detail-page .parent-detail-header .header-actions{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px}.admin-parent-detail-page .parent-detail-header .header-action-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px}.admin-parent-detail-page .parent-detail-header .header-action-btn.invite{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-parent-detail-page .parent-detail-header .header-action-btn.merge{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.admin-parent-detail-page .parent-detail-header .header-action-btn:disabled{cursor:not-allowed;opacity:.6}.admin-parent-detail-page .parent-detail-content{display:flex;flex-direction:column;gap:16px}.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{align-items:center;color:#1f2937;display:flex;font-size:18px;gap:8px;margin:0 0 16px}.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;font-size:14px;margin:0}.admin-parent-detail-page .parent-info-grid{grid-gap:12px 24px;display:grid;gap:12px 24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0}.admin-parent-detail-page .parent-info-grid .parent-info-row dt{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:6px;margin:0 0 4px}.admin-parent-detail-page .parent-info-grid .parent-info-row dd{color:#1f2937;font-size:14px;margin:0;word-break:break-word}.admin-parent-detail-page .parent-children-grid{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.admin-parent-detail-page .parent-child-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:16px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.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{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.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-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0}.admin-parent-detail-page .parent-child-card .child-card-meta div dt{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.02em;margin:0 0 2px;text-transform:uppercase}.admin-parent-detail-page .parent-child-card .child-card-meta div dd{color:#374151;font-size:13px;margin:0}.admin-parent-detail-page .badge{border-radius:999px;font-size:11px;font-weight:600;padding:3px 8px}.admin-parent-detail-page .badge.no-account{background:#fef3c7;color:#92400e}.admin-parent-detail-page .parent-detail-toast{align-items:flex-start;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;bottom:24px;box-shadow:0 8px 24px #0000001f;color:#065f46;display:inline-flex;font-size:14px;gap:8px;max-width:min(420px,100vw - 32px);padding:12px 16px;position:fixed;right:24px;z-index:2200}.admin-parent-detail-page .parent-detail-toast.is-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}@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-child-card .child-card-header strong,html:not([data-theme=light]) .admin-parent-detail-page .parent-child-card .child-card-meta dd,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{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{background:#f871711f;border-color:#f8717159;color:#fca5a5}}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-child-card .child-card-header strong,html[data-theme=dark] .admin-parent-detail-page .parent-child-card .child-card-meta dd,html[data-theme=dark] .admin-parent-detail-page .parent-detail-section h2,html[data-theme=dark] .admin-parent-detail-page .parent-info-row 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{background:#f871711f;border-color:#f8717159;color:#fca5a5}@media(max-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{animation:formSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;gap:16px;margin:20px auto;max-width:400px;padding:24px;width:100%}@keyframes formSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.edit-instructor-form h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px;padding-bottom:12px;text-align:center}.edit-instructor-form label{color:#374151;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:6px;margin-bottom:4px}.edit-instructor-form input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.edit-instructor-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-instructor-form input::placeholder{color:#9ca3af}.edit-instructor-form .button-group{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.edit-instructor-form .button-group button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.edit-instructor-form .button-group button:first-child{background:#3b82f6;color:#fff}.edit-instructor-form .button-group button:first-child:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.edit-instructor-form .button-group button:first-child:active{transform:translateY(0)}.edit-instructor-form .button-group button:last-child{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.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{border-bottom-color:#4a5568;color:#f1f5f9}html:not([data-theme=light]) .edit-instructor-form label{color:#e2e8f0}html:not([data-theme=light]) .edit-instructor-form input{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#e2e8f0}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{border-bottom-color:#4a5568;color:#f1f5f9}html[data-theme=dark] .edit-instructor-form label{color:#e2e8f0}html[data-theme=dark] .edit-instructor-form input{background:#4a5568;border-color:#718096;color:#f1f5f9}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{background:#4a5568;border-color:#718096;color:#e2e8f0}html[data-theme=dark] .edit-instructor-form .button-group button:last-child:hover{background:#718096}@media(max-width:768px){.edit-instructor-form{margin:16px;max-width:none;padding:20px;width:calc(100vw - 32px)}.edit-instructor-form h3{font-size:16px}.edit-instructor-form input{font-size:14px;padding:10px 12px}.edit-instructor-form .button-group{flex-direction:column}.edit-instructor-form .button-group button{padding:12px;width:100%}}.admin-instructor-detail-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-instructor-detail-page .loading-container,.admin-instructor-detail-page .not-found-container{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:40vh;text-align:center}.admin-instructor-detail-page .not-found-container h2{color:#1f2937;font-size:20px;margin:0}.admin-instructor-detail-page .back-to-list-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:8px;padding:10px 16px}.admin-instructor-detail-page .instructor-detail-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:20px 24px}.admin-instructor-detail-page .instructor-detail-header .back-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;margin-bottom:16px;padding:6px 10px}.admin-instructor-detail-page .instructor-detail-header .back-btn:hover{background:#f3f4f6;color:#374151}.admin-instructor-detail-page .instructor-detail-header .header-main{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.admin-instructor-detail-page .instructor-detail-header .header-icon-wrap{align-items:center;background:#dbeafe;border-radius:12px;color:#2563eb;display:flex;height:56px;justify-content:center;width:56px}.admin-instructor-detail-page .instructor-detail-header .header-text{flex:1 1;min-width:0}.admin-instructor-detail-page .instructor-detail-header .header-text h1{color:#1f2937;font-size:24px;margin:0 0 4px}.admin-instructor-detail-page .instructor-detail-header .header-text .header-academy{color:#6b7280;font-size:14px;margin:0}.admin-instructor-detail-page .instructor-detail-header .header-badges{display:flex;flex-wrap:wrap;gap:8px}.admin-instructor-detail-page .instructor-detail-header .status-badge{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px}.admin-instructor-detail-page .instructor-detail-header .status-badge.status-active{background:#dcfce7;color:#166534}.admin-instructor-detail-page .instructor-detail-header .status-badge.status-inactive{background:#fee2e2;color:#b91c1c}.admin-instructor-detail-page .instructor-detail-header .status-badge.account-active{background:#dbeafe;color:#1d4ed8}.admin-instructor-detail-page .instructor-detail-header .status-badge.account-inactive{background:#f1f5f9;color:#64748b}.admin-instructor-detail-page .instructor-detail-header .header-actions{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px}.admin-instructor-detail-page .instructor-detail-header .header-action-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px}.admin-instructor-detail-page .instructor-detail-header .header-action-btn.edit{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.admin-instructor-detail-page .instructor-detail-header .header-action-btn.deactivate{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.admin-instructor-detail-page .instructor-detail-header .header-action-btn.reactivate{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.admin-instructor-detail-page .instructor-detail-header .header-action-btn:disabled{cursor:not-allowed;opacity:.6}.admin-instructor-detail-page .instructor-detail-content{display:flex;flex-direction:column;gap:16px}.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{align-items:center;color:#1f2937;display:flex;font-size:18px;gap:8px;margin:0 0 16px}.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;font-size:14px;line-height:1.5;margin:0}.admin-instructor-detail-page .instructor-detail-section .section-empty-text{color:#6b7280}.admin-instructor-detail-page .instructor-info-grid{grid-gap:12px 24px;display:grid;gap:12px 24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0}.admin-instructor-detail-page .instructor-info-grid .instructor-info-row dt{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:6px;margin:0 0 4px}.admin-instructor-detail-page .instructor-info-grid .instructor-info-row dd{color:#1f2937;font-size:14px;margin:0;word-break:break-word}.admin-instructor-detail-page .instructor-link-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;margin:0;padding:0}.admin-instructor-detail-page .instructor-link-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:14px 16px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.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{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.admin-instructor-detail-page .instructor-detail-toast{align-items:flex-start;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;bottom:24px;box-shadow:0 8px 24px #0000001f;color:#065f46;display:inline-flex;font-size:14px;gap:8px;max-width:min(420px,100vw - 32px);padding:12px 16px;position:fixed;right:24px;z-index:2200}.admin-instructor-detail-page .instructor-detail-toast.is-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}@media(max-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);border-color:var(--accent-subtle-border);color:var(--accent-subtle-fg)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-header .header-action-btn.deactivate{background:var(--error-bg);border-color:#f871714d;color:var(--error-fg)}html:not([data-theme=light]) .admin-instructor-detail-page .instructor-detail-header .header-action-btn.reactivate{background:var(--success-bg);border-color:#34d39959;color:var(--success-fg)}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);border-color:var(--accent-subtle-border);color:var(--accent-subtle-fg)}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-header .header-action-btn.deactivate{background:var(--error-bg);border-color:#f871714d;color:var(--error-fg)}html[data-theme=dark] .admin-instructor-detail-page .instructor-detail-header .header-action-btn.reactivate{background:var(--success-bg);border-color:#34d39959;color:var(--success-fg)}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{align-items:center;background:#1e293b;border-bottom:1px solid #334155;border-radius:0;box-shadow:0 2px 4px #0000001a;display:flex;font-size:1.5rem;justify-content:space-between;padding:20px 24px}.header,.header h1{color:#f1f5f9;font-weight:700}.header h1{font-size:1.8rem;margin:0}.header .header-actions{align-items:center;display:flex;gap:12px}.header .header-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#f1f5f9;cursor:pointer;font-size:14px;font-weight:600;height:40px;line-height:1.2;padding:10px 16px;transition:all .2s ease}.header .header-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.header .header-button:active{transform:translateY(0)}.header .header-button:focus{box-shadow:0 0 0 2px #fff6;outline:none}.header .language-switcher-group{align-items:center;display:flex;gap:12px}.header select.language-switcher,.header select.timezone-switcher{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#f1f5f9;cursor:pointer;font-size:14px;font-weight:600;height:40px;line-height:1.2;padding:0 12px;transition:all .2s ease;vertical-align:middle}.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{box-shadow:0 0 0 2px #fff6;outline:none}.header select.language-switcher option,.header select.timezone-switcher option{background:#1e293b;color:#f1f5f9}.header .theme-toggle{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;display:inline-flex;gap:2px;padding:3px}.header .theme-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background .15s ease,color .15s ease;width:32px}.header .theme-toggle-btn:hover{background:#ffffff1a;color:#e2e8f0}.header .theme-toggle-btn.is-active{background:#6366f140;color:#c7d2fe}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .header{background:#0f172a;border-bottom-color:#1e293b;box-shadow:0 1px 3px #0000004d;color:#f1f5f9}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{background:#ffffff14;color:#e2e8f0}html:not([data-theme=light]) .header .theme-toggle-btn.is-active{background:#6366f133;box-shadow:none;color:#c7d2fe}html:not([data-theme=light]) .header .header-button{background:#ffffff0d;border-color:#ffffff1a;color:#f1f5f9}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{background:#ffffff0d;border-color:#ffffff1a;color:#f1f5f9}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{background:#0f172a;color:#f1f5f9}}html[data-theme=dark] .header{background:#0f172a;border-bottom-color:#1e293b;box-shadow:0 1px 3px #0000004d;color:#f1f5f9}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{background:#ffffff14;color:#e2e8f0}html[data-theme=dark] .header .theme-toggle-btn.is-active{background:#6366f133;box-shadow:none;color:#c7d2fe}html[data-theme=dark] .header .header-button{background:#ffffff0d;border-color:#ffffff1a;color:#f1f5f9}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{background:#ffffff0d;border-color:#ffffff1a;color:#f1f5f9}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{background:#0f172a;color:#f1f5f9}@media(max-width:768px){.header{padding:16px 20px}.header h1{font-size:1.5rem}.header .header-actions{gap:8px}.header .header-button{font-size:13px;height:36px;padding:8px 12px}.header select.language-switcher,.header select.timezone-switcher{font-size:13px;height:36px;padding:0 8px}.header .language-switcher-group{gap:8px}}@media(max-width:480px){.header{align-items:stretch;flex-direction:column;gap:12px;padding:12px 16px}.header h1{font-size:1.3rem;text-align:center}.header .header-actions{gap:8px;justify-content:center}.header .header-button{flex:1 1;font-size:12px;height:32px;padding:8px 12px}.header select.language-switcher,.header select.timezone-switcher{flex:1 1;font-size:12px;height:32px;padding:0 8px}.header .language-switcher-group{flex:1 1;gap:6px}}.sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;box-shadow:2px 0 10px #0000001a;color:#374151;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:0;position:relative;transition:width .3s ease;width:260px}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 10px}.sidebar.collapsed .menu-label,.sidebar.collapsed .sidebar-header h2{display:none}.sidebar.collapsed ul li:after{opacity:0}.sidebar.collapsed ul li:hover:after{opacity:1}.sidebar .sidebar-header{align-items:center;background:#0000;border-bottom:none;display:flex;justify-content:space-between;padding:20px 20px 16px}.sidebar .sidebar-header h2{color:#1e293b;font-size:20px;font-weight:700;margin:0}.sidebar .sidebar-header .sidebar-toggle{all:unset;align-items:center;background:#e2e8f0;border:none;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s ease}.sidebar .sidebar-header .sidebar-toggle:hover{background:#cbd5e1;color:#1e293b}.sidebar .sidebar-header .sidebar-toggle:active{transform:scale(.95)}.sidebar ul{background:#0000;list-style:none;margin:0;padding:8px 0 16px}.sidebar ul li{border-radius:6px;color:#475569;font-size:15px;margin:2px 16px;padding:0;position:relative;transition:all .2s ease}.sidebar ul li:not(.menu-item){align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 20px}.sidebar ul li:not(.menu-item) .menu-icon{color:#64748b;font-size:18px;text-align:center;transition:all .2s ease;width:20px}.sidebar ul li:not(.menu-item) .menu-label{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.sidebar ul li:not(.menu-item):hover{background:#e2e8f0;color:#1e293b}.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{background:#10b981;color:#fff;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{background:#374151;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:13px;left:100%;margin-left:12px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;white-space:nowrap;z-index:1000}.sidebar ul li.menu-item{display:flex;flex-direction:column}.sidebar ul li.menu-item .menu-item-header{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:all .2s ease}.sidebar ul li.menu-item .menu-item-header .menu-icon{color:#64748b;font-size:18px;text-align:center;transition:all .2s ease;width:20px}.sidebar ul li.menu-item .menu-item-header .menu-label{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.sidebar ul li.menu-item .menu-item-header .menu-arrow{align-items:center;color:#64748b;display:flex;transition:all .2s ease}.sidebar ul li.menu-item .menu-item-header:hover{background:#e2e8f0;color:#1e293b}.sidebar ul li.menu-item .menu-item-header:hover .menu-arrow,.sidebar ul li.menu-item .menu-item-header:hover .menu-icon{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{background:#10b981;color:#fff}.sidebar ul li.menu-item.active .menu-item-header .menu-arrow,.sidebar ul li.menu-item.active .menu-item-header .menu-icon{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{animation:slideDown .2s ease;background:#0000;list-style:none;margin:0;overflow:hidden;padding:4px 0}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}.sidebar ul li.menu-item .submenu .submenu-item{border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;padding:10px 20px 10px 48px;position:relative;transition:all .2s ease}.sidebar ul li.menu-item .submenu .submenu-item:before{background:#94a3b8;border-radius:50%;content:"";height:4px;left:36px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:4px}.sidebar ul li.menu-item .submenu .submenu-item .submenu-label{font-weight:500;transition:all .2s ease}.sidebar ul li.menu-item .submenu .submenu-item:hover{background:#f1f5f9;color:#475569}.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{background:#dbeafe;color:#1e40af;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:#0000;border-bottom:none}html:not([data-theme=light]) .sidebar .sidebar-header h2{color:#f9fafb}html:not([data-theme=light]) .sidebar .sidebar-header .sidebar-toggle{background:#4b5563;color:#d1d5db}html:not([data-theme=light]) .sidebar .sidebar-header .sidebar-toggle:hover{background:#6b7280;color:#f3f4f6}html:not([data-theme=light]) .sidebar ul{background:#0000}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{background:#374151;color:#f3f4f6}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{background:#10b981;color:#fff}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-arrow,html:not([data-theme=light]) .sidebar ul li.menu-item .menu-item-header .menu-icon{color:#9ca3af}html:not([data-theme=light]) .sidebar ul li.menu-item .menu-item-header:hover{background:#374151;color:#f3f4f6}html:not([data-theme=light]) .sidebar ul li.menu-item .menu-item-header:hover .menu-arrow,html:not([data-theme=light]) .sidebar ul li.menu-item .menu-item-header:hover .menu-icon{color:#d1d5db}html:not([data-theme=light]) .sidebar ul li.menu-item.active .menu-item-header{background:#10b981;color:#fff}html:not([data-theme=light]) .sidebar ul li.menu-item.active .menu-item-header .menu-arrow,html:not([data-theme=light]) .sidebar ul li.menu-item.active .menu-item-header .menu-icon{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{background:#374151;color:#f3f4f6}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{background:#1e3a8a;color:#bfdbfe}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:#0000;border-bottom:none}html[data-theme=dark] .sidebar .sidebar-header h2{color:#f9fafb}html[data-theme=dark] .sidebar .sidebar-header .sidebar-toggle{background:#4b5563;color:#d1d5db}html[data-theme=dark] .sidebar .sidebar-header .sidebar-toggle:hover{background:#6b7280;color:#f3f4f6}html[data-theme=dark] .sidebar ul{background:#0000}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{background:#374151;color:#f3f4f6}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{background:#10b981;color:#fff}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-arrow,html[data-theme=dark] .sidebar ul li.menu-item .menu-item-header .menu-icon{color:#9ca3af}html[data-theme=dark] .sidebar ul li.menu-item .menu-item-header:hover{background:#374151;color:#f3f4f6}html[data-theme=dark] .sidebar ul li.menu-item .menu-item-header:hover .menu-arrow,html[data-theme=dark] .sidebar ul li.menu-item .menu-item-header:hover .menu-icon{color:#d1d5db}html[data-theme=dark] .sidebar ul li.menu-item.active .menu-item-header{background:#10b981;color:#fff}html[data-theme=dark] .sidebar ul li.menu-item.active .menu-item-header .menu-arrow,html[data-theme=dark] .sidebar ul li.menu-item.active .menu-item-header .menu-icon{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{background:#374151;color:#f3f4f6}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{background:#1e3a8a;color:#bfdbfe}html[data-theme=dark] .sidebar ul li.menu-item .submenu .submenu-item.active:before{background:#bfdbfe}@media(max-width:768px){.sidebar{left:-100%;min-height:auto;position:fixed;top:0;transition:left .3s ease;width:100%;z-index:1000}.sidebar.mobile-open{left:0}.sidebar.collapsed{left:-100%;width: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{font-size:16px;padding:6px}.sidebar ul{padding:12px 0}.sidebar ul li{font-size:14px;margin:1px 8px;padding:12px 16px}.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{font-size:13px;padding:10px 16px 10px 44px}}@media(max-width:480px){.sidebar .sidebar-header{padding:12px 16px}.sidebar .sidebar-header h2{font-size:16px}.sidebar ul li{font-size:13px;gap:10px;margin:1px 6px;padding:10px 12px}.sidebar ul li .menu-icon{font-size:14px;width:16px}}.app-layout{flex-direction:column;height:100vh}.app-layout,.main-layout{display:flex;overflow:hidden}.main-layout{flex:1 1;height:calc(100vh - 60px)}.main-content{background-color:var(--app-bg);flex:1 1;overflow-y:auto;scrollbar-gutter:stable}@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;background:var(--surface-1);min-height:100vh;padding:24px}.mypage-page .page-header{background:var(--surface-0);border:1px solid var(--border-muted);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:32px;padding:24px}.mypage-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.mypage-page .page-header .header-content .header-title .header-icon{color:var(--mypage-accent)}.mypage-page .page-header .header-content .header-title h1{color:var(--text-heading);font-size:24px;font-weight:700;margin:0 0 4px}.mypage-page .page-header .header-content .header-title .header-description{color:var(--text-muted);font-size:14px;margin:0}.mypage-page .user-summary{background:var(--surface-0);border:1px solid var(--border-muted);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:24px;padding:20px}.mypage-page .user-summary p{color:var(--btn-secondary-fg);font-size:16px;font-weight:500;margin:0}.mypage-page .card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.mypage-page .card-grid .info-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;min-height:32px}.mypage-page .card-grid .info-row p{word-wrap:break-word;flex:1 1;line-height:1.4;margin:0;min-width:0;overflow-wrap:anywhere;word-break:break-all}.mypage-page .card-grid .info-row .change-btn{align-items:center;background:var(--btn-secondary-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .2s ease}.mypage-page .card-grid .info-row .change-btn:hover{background:var(--btn-secondary-hover-bg);border-color:var(--text-subtle);box-shadow:0 2px 4px #0000001a;color:var(--btn-secondary-fg);transform:translateY(-1px)}.mypage-page .card-grid .info-row .change-btn:active{transform:translateY(0)}.mypage-page .card-grid .info-row .change-btn:disabled{background:var(--surface-1);border-color:var(--border-muted);box-shadow:none;color:var(--input-placeholder);cursor:not-allowed;opacity:.6;transform:none}.mypage-page .card-grid .section-card{background:var(--surface-0);border:1px solid var(--border-muted);border-radius:12px;box-shadow:var(--shadow-sm);padding:24px;transition:all .2s ease}.mypage-page .card-grid .section-card:hover{box-shadow:var(--card-shadow);transform:translateY(-2px)}.mypage-page .card-grid .section-card h3{align-items:center;border-bottom:1px solid var(--border-muted);color:var(--text-heading);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:12px}.mypage-page .card-grid .section-card h3 svg{color:var(--mypage-accent)}.mypage-page .card-grid .section-card h3.section-title-with-action{flex-wrap:wrap;gap:8px;justify-content:space-between}.mypage-page .card-grid .section-card h3.section-title-with-action .title-content{align-items:center;display:flex;gap:8px}.mypage-page .card-grid .section-card h3.section-title-with-action .change-btn{flex-shrink:0}.mypage-page .card-grid .section-card p{align-items:center;color:var(--btn-secondary-fg);display:flex;font-size:14px;gap:8px;line-height:1.5;margin-bottom:12px}.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;font-weight:600;min-width:120px}.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);display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.mypage-page .button-wrapper .edit-btn{align-items:center;background:var(--mypage-accent);border:none;border-radius:8px;color:var(--brand-on-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.mypage-page .button-wrapper .edit-btn:hover:not(:disabled){box-shadow:0 4px 12px #0003;filter:brightness(1.1);transform:translateY(-1px)}.mypage-page .button-wrapper .edit-btn:active{transform:translateY(0)}.mypage-page .button-wrapper .edit-btn:disabled{background:var(--btn-disabled-bg);box-shadow:none;cursor:not-allowed;transform:none}.mypage-page .button-wrapper .edit-btn svg{flex-shrink:0}.mypage-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.mypage-page .loading-container p{color:var(--text-muted);font-size:16px;margin:0}.mypage-edit-modal-scroll{max-height:80vh;overflow-y:auto}.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{font-weight:600;padding:0 8px}.mypage-edit-modal-scroll .form-fieldset label{display:block;margin-top:12px}.mypage-edit-modal-scroll .form-fieldset label:first-of-type{margin-top:0}@media(max-width:1024px){.mypage-page .card-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mypage-page .card-grid .section-card{padding:20px}.mypage-page .card-grid .section-card .info-row p{font-size:13px;overflow-wrap:anywhere;word-break:break-all}.mypage-page .card-grid .section-card .info-row .change-btn{height:30px;min-width:30px;padding:5px 7px}}@media(max-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{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.mypage-page .card-grid .section-card{padding:20px}.mypage-page .card-grid .section-card h3{font-size:16px;margin-bottom:12px}.mypage-page .card-grid .section-card p{font-size:13px;margin-bottom:10px}.mypage-page .card-grid .section-card p strong{min-width:80px}.mypage-page .card-grid .section-card .info-row{align-items:stretch;flex-direction:column;gap:8px;margin-bottom:12px}.mypage-page .card-grid .section-card .info-row p{font-size:13px;margin-bottom:0;overflow-wrap:anywhere;word-break:break-all}.mypage-page .card-grid .section-card .info-row .change-btn{align-self:flex-end;height:28px;min-width:28px;padding:4px 6px}.mypage-page .button-wrapper{flex-direction:column;gap:8px}.mypage-page .button-wrapper .edit-btn{font-size:15px;justify-content:center;padding:14px 20px;width:100%}}.parent-mypage-page.mypage-page{--mypage-accent:var(--mypage-parent-accent)}.parent-children-section{background:var(--surface-0);border:1px solid var(--border-muted);border-radius:12px;padding:20px}.parent-children-section .section-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.parent-children-section .section-title{align-items:center;display:flex;gap:8px}.parent-children-section .section-title h2{color:var(--text-heading);font-size:18px;margin:0}.parent-children-section .children-policy-notice{align-items:flex-start;background:var(--info-bg);border:1px solid var(--info-border);border-radius:8px;color:var(--info-fg);display:flex;font-size:13px;gap:8px;line-height:1.5;margin:0 0 16px;padding:12px 14px}.parent-children-section .children-policy-notice svg{flex-shrink:0;margin-top:2px}.parent-children-section .children-empty,.parent-children-section .section-loading{color:var(--text-muted);font-size:14px}.parent-children-section .children-empty{align-items:center;display:flex;flex-direction:column;gap:8px;padding:24px;text-align:center}.parent-children-section .children-grid{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.parent-children-section .child-card{align-items:center;background:var(--surface-1);border:1px solid var(--border-muted);border-radius:10px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:16px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.parent-children-section .child-card:hover{background:var(--surface-2);border-color:var(--accent-subtle-border);box-shadow:var(--card-shadow)}.parent-children-section .child-card .child-card-main{display:flex;flex-direction:column;gap:4px}.parent-children-section .child-card .child-card-main strong{color:var(--text-heading);font-size:16px}.parent-children-section .child-card .child-card-main .child-meta,.parent-children-section .child-card .child-card-main .child-relationship{color:var(--text-muted);font-size:13px}.parent-children-section .child-card .child-card-badges{align-items:center;color:var(--text-muted);display:flex;gap:8px}.parent-children-section .child-card .child-card-badges .badge.no-account{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:999px;color:var(--pending-fg);font-size:12px;font-weight:600;padding:4px 8px}.parent-mypage-toast{background:var(--success-bg);border:1px solid var(--success-border);border-radius:10px;bottom:24px;box-shadow:var(--card-shadow);color:var(--success-fg);padding:12px 16px;position:fixed;right:24px;z-index:2200}.parent-mypage-toast.is-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-fg)}@media(max-width:768px){.parent-children-section{padding: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;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.parent-schedule-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.parent-schedule-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.parent-schedule-page .calendar-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px}.parent-schedule-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.parent-schedule-page .loading-container p{color:#6b7280;font-size:16px;margin:0}@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(max-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}}.academy-management{padding:20px}.academy-management h2{font-size:24px;margin-bottom:20px}.academy-management .add-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background .2s}.academy-management .add-btn:hover{background:#0056b3}.academy-management .styled-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 6px #0000000d;font-size:15px;margin-top:20px;overflow:hidden;width:100%}.academy-management .styled-table thead{background-color:#007bff;color:#fff}.academy-management .styled-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.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;font-size:14px;padding:14px 16px}.academy-management .styled-table .action-buttons{display:flex;gap:8px}.academy-management .styled-table .action-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:13px;padding:6px 12px;transition:background .2s}.academy-management .styled-table .action-buttons button.edit-btn{background-color:#17a2b8;color:#fff}.academy-management .styled-table .action-buttons button.edit-btn:hover{background-color:#138496}.academy-management .styled-table .action-buttons button.delete-btn{background-color:#dc3545;color:#fff}.academy-management .styled-table .action-buttons button.delete-btn:hover{background-color:#c82333}.academy-management .modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.academy-management .modal .modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 10px #00000026;padding:24px;width:400px}.academy-management .modal .modal-content h3{font-size:20px;margin-bottom:16px}.academy-management .modal .modal-content input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:10px;padding:10px;width:100%}.academy-management .modal .modal-content input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d;outline:none}.academy-management .modal .modal-content .modal-actions{display:flex;justify-content:space-between;margin-top:15px}.academy-management .modal .modal-content .modal-actions button{border:none;border-radius:5px;cursor:pointer;font-weight:500;padding:10px 16px;transition:background .2s}.academy-management .modal .modal-content .modal-actions button:first-child{background-color:#28a745;color:#fff}.academy-management .modal .modal-content .modal-actions button:first-child:hover{background:#218838}.academy-management .modal .modal-content .modal-actions button:last-child{background-color:#dc3545;color:#fff}.academy-management .modal .modal-content .modal-actions button:last-child:hover{background:#c82333}.password-display .view-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 10px}.password-display .view-btn:hover{background-color:#5a6268}.password-display .password-reveal{align-items:center;display:flex;gap:8px}.password-display .password-reveal .password-text{font-family:Courier New,Courier,monospace;font-size:15px}.password-display .password-reveal .icon-btn{background:none;border:none;cursor:pointer;font-size:18px}.password-display .password-reveal .icon-btn:hover{transform:scale(1.1)}.admin-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-modal-overlay .modal{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0003;padding:2rem;width:400px}.admin-modal-overlay .modal h3{margin-bottom:1rem}.admin-modal-overlay .modal label{display:block;margin:.5rem 0 .25rem}.admin-modal-overlay .modal input{border:1px solid #ccc;border-radius:6px;margin-bottom:.75rem;padding:.5rem;width:100%}.admin-modal-overlay .modal .modal-actions{display:flex;gap:10px;justify-content:flex-end}.admin-modal-overlay .modal .modal-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:.5rem 1rem}.admin-modal-overlay .modal .modal-actions button:first-of-type{background-color:#2563eb;color:#fff}.admin-modal-overlay .modal .modal-actions button:last-of-type{background-color:#f3f4f6}.account-management{padding:20px}.account-management h2{font-size:24px;margin-bottom:20px}.account-management .add-account-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;max-width:600px;padding:20px}.account-management .add-account-form h3{font-size:20px;margin-bottom:15px}.account-management .add-account-form input,.account-management .add-account-form select{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:12px;padding:10px;transition:.2s;width:100%}.account-management .add-account-form input:focus,.account-management .add-account-form select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d;outline:none}.account-management .add-account-form button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background .2s,transform .1s;width:100%}.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;margin-top:20px;width:100%}.account-management .account-table td,.account-management .account-table th{border:1px solid #dee2e6;padding:12px;text-align:left}.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{display:flex;gap:10px}.account-management .account-table .action-cell button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px}.account-management .account-table .action-cell button.edit-btn{background-color:#007bff;color:#fff}.account-management .account-table .action-cell button.edit-btn:hover{background-color:#0056b3}.account-management .account-table .action-cell button.delete-btn{background-color:#dc3545;color:#fff}.account-management .account-table .action-cell button.delete-btn:hover{background-color:#b52d3a}.account-management .account-list{padding:20px}.account-management .account-list h3{font-size:22px;margin-bottom:16px}.account-management .account-list select{background:#fff;border:1.5px solid #ccc;border-radius:6px;font-size:15px;margin-bottom:20px;max-width:400px;padding:10px;transition:.2s;width:100%}.account-management .account-list select:focus{border-color:#007bff;box-shadow:0 0 4px #007bff4d;outline:none}.account-management .account-list .styled-table{border-collapse:collapse;border-radius:6px;box-shadow:0 2px 5px #0000000d;font-size:15px;overflow:hidden;width:100%}.account-management .account-list .styled-table thead{background-color:#007bff;color:#fff}.account-management .account-list .styled-table thead th{padding:12px;text-align:left}.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(max-width:768px){.account-management .account-list select{font-size:14px;width:100%}.account-management .account-list .styled-table{font-size:14px}}.no-data-message{color:#666;font-size:15px;margin-top:20px;text-align:center}.academy-join-code-management{padding:20px}.academy-join-code-management .header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.academy-join-code-management .header-section h2{font-size:24px;margin:0}.academy-join-code-management .header-section .issue-code-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.academy-join-code-management .header-section .issue-code-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.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{font-size:22px;margin-bottom:16px}.join-code-list select{background:#fff;border:1.5px solid #ccc;border-radius:6px;font-size:15px;margin-bottom:12px;max-width:400px;padding:10px;transition:.2s;width:100%}.join-code-list select:focus{border-color:#007bff;box-shadow:0 0 4px #007bff4d;outline:none}.join-code-list .filters{display:flex;gap:12px;margin-bottom:20px}.join-code-list .filters select{max-width:200px}.join-code-list .loading-container{color:#666;padding:40px;text-align:center}.join-code-list .table-container{margin-bottom:20px;overflow-x:auto}.join-code-list .styled-table{border-collapse:collapse;border-radius:6px;box-shadow:0 2px 5px #0000000d;font-size:14px;overflow:hidden;width:100%}.join-code-list .styled-table thead{background-color:#007bff;color:#fff}.join-code-list .styled-table thead th{padding:12px;text-align:left;white-space:nowrap}.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;display:flex;gap:8px}.join-code-list .styled-table .code-cell .code-hint{color:#007bff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;font-weight:600;letter-spacing:1px}.join-code-list .styled-table .code-cell .copy-btn{align-items:center;background:#0000;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;padding:4px 8px;transition:all .2s}.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;display:flex;gap:6px}.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;display:flex;gap:8px}.join-code-list .styled-table .action-buttons .revoke-btn{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.join-code-list .styled-table .action-buttons .revoke-btn:hover{background:#c82333;box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}.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;font-size:15px;margin-top:40px;padding:40px;text-align:center}@media(max-width:768px){.join-code-list{padding:12px}.join-code-list select{font-size:14px;max-width:100%;width:100%}.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 tbody td,.join-code-list .styled-table thead th{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;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.superadmin-backfill-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.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;font-size:24px;font-weight:700;margin:0 0 4px}.superadmin-backfill-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.superadmin-backfill-page .backfill-form-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:24px}.superadmin-backfill-page .backfill-form-section .form-container{display:flex;flex-direction:column;gap:20px}.superadmin-backfill-page .backfill-form-section .form-container .form-group{display:flex;flex-direction:column;gap:8px}.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]{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:10px 12px;transition:all .2s ease}.superadmin-backfill-page .backfill-form-section .form-container .form-group input[type=number]:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.superadmin-backfill-page .backfill-form-section .form-container .form-group input[type=number]:disabled{background:#f3f4f6;cursor:not-allowed}.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{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px}.superadmin-backfill-page .backfill-form-section .form-container .form-group .checkbox-label input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:18px;width:18px}.superadmin-backfill-page .backfill-form-section .form-container .form-group .form-help{color:#6b7280;font-size:12px;margin:0}.superadmin-backfill-page .backfill-form-section .form-container .form-actions{display:flex;gap:12px}.superadmin-backfill-page .backfill-form-section .form-container .form-actions .execute-btn{align-items:center;background:#8b5cf6;border:1px solid #8b5cf6;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.superadmin-backfill-page .backfill-form-section .form-container .form-actions .execute-btn:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed;box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.superadmin-backfill-page .backfill-form-section .form-container .form-actions .execute-btn:disabled{cursor:not-allowed;opacity:.5}.superadmin-backfill-page .backfill-form-section .form-container .form-actions .execute-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.superadmin-backfill-page .error-section{margin-bottom:24px}.superadmin-backfill-page .error-section .error-alert{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;font-size:14px;gap:12px;padding:16px}.superadmin-backfill-page .result-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.superadmin-backfill-page .result-section h2{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 20px}.superadmin-backfill-page .result-section h3{color:#1f2937;font-size:18px;font-weight:700;margin:24px 0 16px}.superadmin-backfill-page .result-section .result-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.superadmin-backfill-page .result-section .result-stats .stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center}.superadmin-backfill-page .result-section .result-stats .stat-card .stat-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.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;font-size:14px;width:100%}.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{color:#374151;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.superadmin-backfill-page .result-section .result-details .details-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s ease}.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;padding:12px;word-break:break-word}.superadmin-backfill-page .result-section .result-details .action-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-align:center}.superadmin-backfill-page .result-section .result-details .action-badge.badge-success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.superadmin-backfill-page .result-section .result-details .action-badge.badge-warning{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.superadmin-backfill-page .result-section .result-details .action-badge.badge-info{background:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.superadmin-backfill-page .result-section .result-details .action-badge.badge-neutral{background:#f3f4f6;border:1px solid #9ca3af;color:#374151}@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]{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}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{background:#064e3b;border-color:#10b981;color:#6ee7b7}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-details .action-badge.badge-warning{background:#78350f;border-color:#f59e0b;color:#fde047}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-details .action-badge.badge-info{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}html:not([data-theme=light]) .superadmin-backfill-page .result-section .result-details .action-badge.badge-neutral{background:#374151;border-color:#6b7280;color:#d1d5db}}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]{background:#1f2937;border-color:#4a5568;color:#e2e8f0}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{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}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{background:#064e3b;border-color:#10b981;color:#6ee7b7}html[data-theme=dark] .superadmin-backfill-page .result-section .result-details .action-badge.badge-warning{background:#78350f;border-color:#f59e0b;color:#fde047}html[data-theme=dark] .superadmin-backfill-page .result-section .result-details .action-badge.badge-info{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}html[data-theme=dark] .superadmin-backfill-page .result-section .result-details .action-badge.badge-neutral{background:#374151;border-color:#6b7280;color:#d1d5db}@media(max-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 tbody td,.superadmin-backfill-page .result-section .result-details .details-table thead th{padding:8px}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;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-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.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{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.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__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.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{display:block;margin-left:auto;margin-right:auto;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{font-size:20px;position:relative;top:-1px;width:0}.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{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.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{display:inline-block;margin-left:10px}.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,.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{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.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{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;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{background-color:#0000;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.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{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.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{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.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{background-color:#ff6803;border-radius:.3rem;color:#fff;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{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.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{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected: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{background-color:#bad9f1;border-radius:.3rem;color:#000}.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{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__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__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__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__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__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__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__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){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-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-year-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__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:#0000;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media(max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width: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,#764ba2);--auth-gradient-overlay-a:radial-gradient(circle at 20% 30%,#ffffff26 0%,#0000 40%);--auth-gradient-overlay-b:radial-gradient(circle at 80% 50%,#ffffff1a 0%,#0000 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,#1d4ed8);--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,#7c3aed);--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%,#0000 40%);--mypage-mobile-header-overlay-b:radial-gradient(circle at 80% 50%,#ffffff1a 0%,#0000 40%);--mypage-mobile-avatar-ring:#ffffff4d;--mypage-mobile-avatar-border:#ffffff80;--mypage-badge-gradient:linear-gradient(135deg,#fbbf24,#f59e0b);--mypage-instructor-accent:#3b82f6;--mypage-instructor-mobile-gradient:linear-gradient(135deg,#3b82f6,#2563eb);--mypage-instructor-mobile-accent-dark:#60a5fa;--mypage-parent-accent:#f97316;--mypage-parent-mobile-gradient:linear-gradient(135deg,#f97316,#ea580c);--mypage-parent-mobile-accent-dark:#fb923c;--mypage-admin-accent:#10b981;--mypage-admin-mobile-gradient:linear-gradient(135deg,#10b981,#059669);--mypage-admin-mobile-accent-dark:#34d399}@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,#4c1d95 50%,#1e1b4b);--auth-gradient-overlay-a:radial-gradient(circle at 20% 30%,#818cf81f 0%,#0000 40%);--auth-gradient-overlay-b:radial-gradient(circle at 80% 50%,#a78bfa14 0%,#0000 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,#4338ca);--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,#5b21b6);--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%,#0000 40%);--mypage-mobile-header-overlay-b:radial-gradient(circle at 80% 50%,#818cf814 0%,#0000 40%);--mypage-mobile-avatar-ring:#ffffff1f;--mypage-mobile-avatar-border:#ffffff26;--mypage-instructor-mobile-gradient:linear-gradient(135deg,#1e3a8a,#1e40af);--mypage-instructor-mobile-accent-dark:#60a5fa;--mypage-parent-mobile-gradient:linear-gradient(135deg,#9a3412,#c2410c);--mypage-parent-mobile-accent-dark:#fb923c;--mypage-admin-mobile-gradient:linear-gradient(135deg,#064e3b,#022c22);--mypage-admin-mobile-accent-dark:#34d399}}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,#4c1d95 50%,#1e1b4b);--auth-gradient-overlay-a:radial-gradient(circle at 20% 30%,#818cf81f 0%,#0000 40%);--auth-gradient-overlay-b:radial-gradient(circle at 80% 50%,#a78bfa14 0%,#0000 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,#4338ca);--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,#5b21b6);--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%,#0000 40%);--mypage-mobile-header-overlay-b:radial-gradient(circle at 80% 50%,#818cf814 0%,#0000 40%);--mypage-mobile-avatar-ring:#ffffff1f;--mypage-mobile-avatar-border:#ffffff26;--mypage-instructor-mobile-gradient:linear-gradient(135deg,#1e3a8a,#1e40af);--mypage-instructor-mobile-accent-dark:#60a5fa;--mypage-parent-mobile-gradient:linear-gradient(135deg,#9a3412,#c2410c);--mypage-parent-mobile-accent-dark:#fb923c;--mypage-admin-mobile-gradient:linear-gradient(135deg,#064e3b,#022c22);--mypage-admin-mobile-accent-dark:#34d399}.react-datepicker-wrapper{width:100%}.react-datepicker-wrapper input{background:#fff;background:var(--surface-0);border:1px solid #e2e8f0;border:1px solid var(--border-default);color:#0f172a;color:var(--text-primary)}.react-datepicker-wrapper input::placeholder{color:#9ca3af;color:var(--input-placeholder)}.react-datepicker__input-container{width:100%}.react-datepicker-popper{z-index:1200}.react-datepicker{border:1px solid #e2e8f0;border:1px solid var(--border-default);border-radius:12px;box-shadow:0 1px 3px #00000014;box-shadow:var(--card-shadow);color:#0f172a;color:var(--text-primary);font-family:inherit;overflow:hidden}.react-datepicker,.react-datepicker__month-container{background:#fff;background:var(--surface-0)}.react-datepicker__header{background:#f8fafc;background:var(--surface-1);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-default);padding-top:12px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#1f2937;color:var(--text-heading);font-weight:700}.react-datepicker__day-name{color:#64748b;color:var(--text-muted);font-weight:600}.react-datepicker__day{border-radius:8px;color:#0f172a;color:var(--text-primary);transition:background-color .15s ease,color .15s ease}.react-datepicker__day:hover{background:#eef2ff;background:var(--accent-subtle-bg);color:#0f172a;color:var(--text-primary)}.react-datepicker__day--today{background:#0000;border:1px solid #6366f1;border:1px solid var(--accent);color:#0f172a;color:var(--text-primary);font-weight:700}.react-datepicker__day--today:hover{background:#eef2ff;background:var(--accent-subtle-bg)}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background:#6366f1!important;background:var(--accent)!important;border-color:#0000;color:#fff!important;color:var(--brand-on-primary)!important}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__day--selected:hover{background:#4f46e5!important;background:var(--accent-hover)!important;color:#fff!important;color:var(--brand-on-primary)!important}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range{background:#6366f11f;background:var(--datepicker-range-bg);color:#0f172a;color:var(--text-primary)}.react-datepicker__day--range-end,.react-datepicker__day--range-start,.react-datepicker__day--selecting-range-end,.react-datepicker__day--selecting-range-start{background:#6366f1;background:var(--accent);color:#fff;color:var(--brand-on-primary)}.react-datepicker__day--disabled,.react-datepicker__day--disabled:hover{background:#0000;color:#9ca3af;color:var(--text-disabled);cursor:not-allowed}.react-datepicker__day--outside-month{color:#94a3b8;color:var(--text-subtle)}.react-datepicker__navigation{top:12px}.react-datepicker__navigation .react-datepicker__navigation-icon:before{border-color:#475569;border-color:var(--text-secondary)}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:#0f172a;border-color:var(--text-primary)}.react-datepicker__triangle{display:none}.react-datepicker__close-icon:after{background:#f1f5f9;background:var(--surface-2);color:#475569;color:var(--text-secondary)}.react-datepicker__close-icon:hover:after{background:#e2e8f0;background:var(--border-default);color:#0f172a;color:var(--text-primary)}.react-datepicker__today-button{background:#f8fafc;background:var(--surface-1);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-default);color:#6366f1;color:var(--accent);font-weight:600}.react-datepicker__today-button:hover{background:#eef2ff;background:var(--accent-subtle-bg)}.react-datepicker__time-container{border-left:1px solid #e2e8f0;border-left:1px solid var(--border-default)}.react-datepicker__time,.react-datepicker__time-box,.react-datepicker__time-list{background:#fff;background:var(--surface-0)}.react-datepicker__time-list-item{color:#0f172a;color:var(--text-primary)}.react-datepicker__time-list-item:hover{background:#eef2ff!important;background:var(--accent-subtle-bg)!important;color:#0f172a!important;color:var(--text-primary)!important}.react-datepicker__time-list-item--selected,.react-datepicker__time-list-item--selected:hover{background:#6366f1!important;background:var(--accent)!important;color:#fff!important;color:var(--brand-on-primary)!important;font-weight:600}.react-datepicker__time-list-item--disabled,.react-datepicker__time-list-item--disabled:hover{background:#0000!important;color:#9ca3af!important;color:var(--text-disabled)!important}.react-datepicker__time-list{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-color:var(--terms-scrollbar-thumb) var(--terms-scrollbar-track);scrollbar-width:thin}.react-datepicker__time-list::-webkit-scrollbar{width:6px}.react-datepicker__time-list::-webkit-scrollbar-track{background:#f1f5f9;background:var(--terms-scrollbar-track)}.react-datepicker__time-list::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--terms-scrollbar-thumb);border-radius:3px}.booking-date-picker-popper,.mobile-date-picker-popper,.notion-date-picker-popper{z-index:1200}.email-body-preview .preview-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.email-body-preview .viewport-toggle{background:#f3f4f6;background:var(--btn-secondary-bg);border-radius:8px;display:inline-flex;gap:4px;padding:4px}.email-body-preview .viewport-toggle button{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px}.email-body-preview .viewport-toggle button.active{background:#fff;background:var(--surface-0);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--text-primary)}.email-body-preview .sanitize-note{color:#64748b;color:var(--text-muted);font-size:12px;margin:0}.email-body-preview .preview-frame-wrap{background:#f8fafc;background:var(--surface-1);border:1px solid #e2e8f0;border:1px solid var(--border-default);border-radius:10px;display:flex;justify-content:center;padding:16px}.email-body-preview .preview-frame-wrap.is-desktop .preview-iframe{height:420px;max-width:640px;width:100%}.email-body-preview .preview-frame-wrap.is-mobile .preview-iframe{height:520px;max-width:100%;width:375px}.email-body-preview .preview-iframe{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-default);border-radius:8px}.email-body-preview .preview-empty{align-items:center;color:#9ca3af;color:var(--input-placeholder);display:flex;font-size:14px;justify-content:center;min-height:200px;width:100%}.preview-email .email-header{margin-bottom:16px}.preview-email .email-subject{display:flex;flex-direction:column;gap:4px}.preview-email .email-subject strong{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.preview-email .email-subject span{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-default);color:#1f2937;color:var(--text-heading);font-size:16px;font-weight:500;padding:8px 0}.preview-email .email-body{margin-bottom:16px}.preview-email .email-text,.preview-email .preview-text{background:#f8fafc;background:var(--surface-1);border:1px solid #e2e8f0;border:1px solid var(--border-default);border-radius:8px;color:#475569;color:var(--text-secondary);font-size:14px;line-height:1.6;min-height:120px;padding:16px;white-space:pre-wrap}.preview-email .email-variables .variables-note{align-items:center;background:#fef3c7;background:var(--warning-bg);border:1px solid #fbbf24;border:1px solid var(--warning-border);border-radius:8px;display:flex;gap:8px;padding:12px}.preview-email .email-variables .variables-note svg{color:#f59e0b;color:var(--pending-dot);flex-shrink:0}.preview-email .email-variables .variables-note span{color:#b45309;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:#1f2937;color:var(--text-heading)}.email-preview .preview-text,.email-preview-panel .preview-text{background:#f8fafc;background:var(--surface-1);border:1px solid #e2e8f0;border:1px solid var(--border-default);border-radius:8px;color:#0f172a;color:var(--text-primary);padding:12px}.attendance-preview-modal .attendance-preview-content{background:#fff;background:var(--surface-0);border:1px solid #e2e8f0;border:1px solid var(--border-default)}.attendance-preview-modal .attendance-preview-header{background:#f8fafc;background:var(--surface-1);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-default);color:#1f2937;color:var(--text-heading)}.attendance-preview-modal .attendance-preview-body .preview-label{color:#64748b;color:var(--text-muted)}.attendance-preview-modal .attendance-preview-body p,.attendance-preview-modal .attendance-preview-body pre{background:#f8fafc;background:var(--surface-1);border:1px solid #e2e8f0;border:1px solid var(--border-default);color:#0f172a;color:var(--text-primary)}.email-verification .auth-input:-webkit-autofill,.email-verification .auth-input:-webkit-autofill:active,.email-verification .auth-input:-webkit-autofill:focus,.email-verification .auth-input:-webkit-autofill:hover,.email-verification .form-input:-webkit-autofill,.email-verification .form-input:-webkit-autofill:active,.email-verification .form-input:-webkit-autofill:focus,.email-verification .form-input:-webkit-autofill:hover,.email-verification input[type=email]:-webkit-autofill,.email-verification input[type=email]:-webkit-autofill:active,.email-verification input[type=email]:-webkit-autofill:focus,.email-verification input[type=email]:-webkit-autofill:hover,.email-verification input[type=number]:-webkit-autofill,.email-verification input[type=number]:-webkit-autofill:active,.email-verification input[type=number]:-webkit-autofill:focus,.email-verification input[type=number]:-webkit-autofill:hover,.email-verification input[type=password]:-webkit-autofill,.email-verification input[type=password]:-webkit-autofill:active,.email-verification input[type=password]:-webkit-autofill:focus,.email-verification input[type=password]:-webkit-autofill:hover,.email-verification input[type=tel]:-webkit-autofill,.email-verification input[type=tel]:-webkit-autofill:active,.email-verification input[type=tel]:-webkit-autofill:focus,.email-verification input[type=tel]:-webkit-autofill:hover,.email-verification input[type=text]:-webkit-autofill,.email-verification input[type=text]:-webkit-autofill:active,.email-verification input[type=text]:-webkit-autofill:focus,.email-verification input[type=text]:-webkit-autofill:hover,.email-verification select:-webkit-autofill,.email-verification select:-webkit-autofill:active,.email-verification select:-webkit-autofill:focus,.email-verification select:-webkit-autofill:hover,.email-verification textarea:-webkit-autofill,.email-verification textarea:-webkit-autofill:active,.email-verification textarea:-webkit-autofill:focus,.email-verification textarea:-webkit-autofill:hover,.find-id-page .auth-input:-webkit-autofill,.find-id-page .auth-input:-webkit-autofill:active,.find-id-page .auth-input:-webkit-autofill:focus,.find-id-page .auth-input:-webkit-autofill:hover,.find-id-page .form-input:-webkit-autofill,.find-id-page .form-input:-webkit-autofill:active,.find-id-page .form-input:-webkit-autofill:focus,.find-id-page .form-input:-webkit-autofill:hover,.find-id-page input[type=email]:-webkit-autofill,.find-id-page input[type=email]:-webkit-autofill:active,.find-id-page input[type=email]:-webkit-autofill:focus,.find-id-page input[type=email]:-webkit-autofill:hover,.find-id-page input[type=number]:-webkit-autofill,.find-id-page input[type=number]:-webkit-autofill:active,.find-id-page input[type=number]:-webkit-autofill:focus,.find-id-page input[type=number]:-webkit-autofill:hover,.find-id-page input[type=password]:-webkit-autofill,.find-id-page input[type=password]:-webkit-autofill:active,.find-id-page input[type=password]:-webkit-autofill:focus,.find-id-page input[type=password]:-webkit-autofill:hover,.find-id-page input[type=tel]:-webkit-autofill,.find-id-page input[type=tel]:-webkit-autofill:active,.find-id-page input[type=tel]:-webkit-autofill:focus,.find-id-page input[type=tel]:-webkit-autofill:hover,.find-id-page input[type=text]:-webkit-autofill,.find-id-page input[type=text]:-webkit-autofill:active,.find-id-page input[type=text]:-webkit-autofill:focus,.find-id-page input[type=text]:-webkit-autofill:hover,.find-id-page select:-webkit-autofill,.find-id-page select:-webkit-autofill:active,.find-id-page select:-webkit-autofill:focus,.find-id-page select:-webkit-autofill:hover,.find-id-page textarea:-webkit-autofill,.find-id-page textarea:-webkit-autofill:active,.find-id-page textarea:-webkit-autofill:focus,.find-id-page textarea:-webkit-autofill:hover,.find-password-page .auth-input:-webkit-autofill,.find-password-page .auth-input:-webkit-autofill:active,.find-password-page .auth-input:-webkit-autofill:focus,.find-password-page .auth-input:-webkit-autofill:hover,.find-password-page .form-input:-webkit-autofill,.find-password-page .form-input:-webkit-autofill:active,.find-password-page .form-input:-webkit-autofill:focus,.find-password-page .form-input:-webkit-autofill:hover,.find-password-page input[type=email]:-webkit-autofill,.find-password-page input[type=email]:-webkit-autofill:active,.find-password-page input[type=email]:-webkit-autofill:focus,.find-password-page input[type=email]:-webkit-autofill:hover,.find-password-page input[type=number]:-webkit-autofill,.find-password-page input[type=number]:-webkit-autofill:active,.find-password-page input[type=number]:-webkit-autofill:focus,.find-password-page input[type=number]:-webkit-autofill:hover,.find-password-page input[type=password]:-webkit-autofill,.find-password-page input[type=password]:-webkit-autofill:active,.find-password-page input[type=password]:-webkit-autofill:focus,.find-password-page input[type=password]:-webkit-autofill:hover,.find-password-page input[type=tel]:-webkit-autofill,.find-password-page input[type=tel]:-webkit-autofill:active,.find-password-page input[type=tel]:-webkit-autofill:focus,.find-password-page input[type=tel]:-webkit-autofill:hover,.find-password-page input[type=text]:-webkit-autofill,.find-password-page input[type=text]:-webkit-autofill:active,.find-password-page input[type=text]:-webkit-autofill:focus,.find-password-page input[type=text]:-webkit-autofill:hover,.find-password-page select:-webkit-autofill,.find-password-page select:-webkit-autofill:active,.find-password-page select:-webkit-autofill:focus,.find-password-page select:-webkit-autofill:hover,.find-password-page textarea:-webkit-autofill,.find-password-page textarea:-webkit-autofill:active,.find-password-page textarea:-webkit-autofill:focus,.find-password-page textarea:-webkit-autofill:hover,.login-container .auth-input:-webkit-autofill,.login-container .auth-input:-webkit-autofill:active,.login-container .auth-input:-webkit-autofill:focus,.login-container .auth-input:-webkit-autofill:hover,.login-container .form-input:-webkit-autofill,.login-container .form-input:-webkit-autofill:active,.login-container .form-input:-webkit-autofill:focus,.login-container .form-input:-webkit-autofill:hover,.login-container input[type=email]:-webkit-autofill,.login-container input[type=email]:-webkit-autofill:active,.login-container input[type=email]:-webkit-autofill:focus,.login-container input[type=email]:-webkit-autofill:hover,.login-container input[type=number]:-webkit-autofill,.login-container input[type=number]:-webkit-autofill:active,.login-container input[type=number]:-webkit-autofill:focus,.login-container input[type=number]:-webkit-autofill:hover,.login-container input[type=password]:-webkit-autofill,.login-container input[type=password]:-webkit-autofill:active,.login-container input[type=password]:-webkit-autofill:focus,.login-container input[type=password]:-webkit-autofill:hover,.login-container input[type=tel]:-webkit-autofill,.login-container input[type=tel]:-webkit-autofill:active,.login-container input[type=tel]:-webkit-autofill:focus,.login-container input[type=tel]:-webkit-autofill:hover,.login-container input[type=text]:-webkit-autofill,.login-container input[type=text]:-webkit-autofill:active,.login-container input[type=text]:-webkit-autofill:focus,.login-container input[type=text]:-webkit-autofill:hover,.login-container select:-webkit-autofill,.login-container select:-webkit-autofill:active,.login-container select:-webkit-autofill:focus,.login-container select:-webkit-autofill:hover,.login-container textarea:-webkit-autofill,.login-container textarea:-webkit-autofill:active,.login-container textarea:-webkit-autofill:focus,.login-container textarea:-webkit-autofill:hover,.login-page .auth-input:-webkit-autofill,.login-page .auth-input:-webkit-autofill:active,.login-page .auth-input:-webkit-autofill:focus,.login-page .auth-input:-webkit-autofill:hover,.login-page .form-input:-webkit-autofill,.login-page .form-input:-webkit-autofill:active,.login-page .form-input:-webkit-autofill:focus,.login-page .form-input:-webkit-autofill:hover,.login-page input[type=email]:-webkit-autofill,.login-page input[type=email]:-webkit-autofill:active,.login-page input[type=email]:-webkit-autofill:focus,.login-page input[type=email]:-webkit-autofill:hover,.login-page input[type=number]:-webkit-autofill,.login-page input[type=number]:-webkit-autofill:active,.login-page input[type=number]:-webkit-autofill:focus,.login-page input[type=number]:-webkit-autofill:hover,.login-page input[type=password]:-webkit-autofill,.login-page input[type=password]:-webkit-autofill:active,.login-page input[type=password]:-webkit-autofill:focus,.login-page input[type=password]:-webkit-autofill:hover,.login-page input[type=tel]:-webkit-autofill,.login-page input[type=tel]:-webkit-autofill:active,.login-page input[type=tel]:-webkit-autofill:focus,.login-page input[type=tel]:-webkit-autofill:hover,.login-page input[type=text]:-webkit-autofill,.login-page input[type=text]:-webkit-autofill:active,.login-page input[type=text]:-webkit-autofill:focus,.login-page input[type=text]:-webkit-autofill:hover,.login-page select:-webkit-autofill,.login-page select:-webkit-autofill:active,.login-page select:-webkit-autofill:focus,.login-page select:-webkit-autofill:hover,.login-page textarea:-webkit-autofill,.login-page textarea:-webkit-autofill:active,.login-page textarea:-webkit-autofill:focus,.login-page textarea:-webkit-autofill:hover,.mobile-auth-page .auth-input:-webkit-autofill,.mobile-auth-page .auth-input:-webkit-autofill:active,.mobile-auth-page .auth-input:-webkit-autofill:focus,.mobile-auth-page .auth-input:-webkit-autofill:hover,.mobile-auth-page .form-input:-webkit-autofill,.mobile-auth-page .form-input:-webkit-autofill:active,.mobile-auth-page .form-input:-webkit-autofill:focus,.mobile-auth-page .form-input:-webkit-autofill:hover,.mobile-auth-page input[type=email]:-webkit-autofill,.mobile-auth-page input[type=email]:-webkit-autofill:active,.mobile-auth-page input[type=email]:-webkit-autofill:focus,.mobile-auth-page input[type=email]:-webkit-autofill:hover,.mobile-auth-page input[type=number]:-webkit-autofill,.mobile-auth-page input[type=number]:-webkit-autofill:active,.mobile-auth-page input[type=number]:-webkit-autofill:focus,.mobile-auth-page input[type=number]:-webkit-autofill:hover,.mobile-auth-page input[type=password]:-webkit-autofill,.mobile-auth-page input[type=password]:-webkit-autofill:active,.mobile-auth-page input[type=password]:-webkit-autofill:focus,.mobile-auth-page input[type=password]:-webkit-autofill:hover,.mobile-auth-page input[type=tel]:-webkit-autofill,.mobile-auth-page input[type=tel]:-webkit-autofill:active,.mobile-auth-page input[type=tel]:-webkit-autofill:focus,.mobile-auth-page input[type=tel]:-webkit-autofill:hover,.mobile-auth-page input[type=text]:-webkit-autofill,.mobile-auth-page input[type=text]:-webkit-autofill:active,.mobile-auth-page input[type=text]:-webkit-autofill:focus,.mobile-auth-page input[type=text]:-webkit-autofill:hover,.mobile-auth-page select:-webkit-autofill,.mobile-auth-page select:-webkit-autofill:active,.mobile-auth-page select:-webkit-autofill:focus,.mobile-auth-page select:-webkit-autofill:hover,.mobile-auth-page textarea:-webkit-autofill,.mobile-auth-page textarea:-webkit-autofill:active,.mobile-auth-page textarea:-webkit-autofill:focus,.mobile-auth-page textarea:-webkit-autofill:hover,.onboarding-initial .auth-input:-webkit-autofill,.onboarding-initial .auth-input:-webkit-autofill:active,.onboarding-initial .auth-input:-webkit-autofill:focus,.onboarding-initial .auth-input:-webkit-autofill:hover,.onboarding-initial .form-input:-webkit-autofill,.onboarding-initial .form-input:-webkit-autofill:active,.onboarding-initial .form-input:-webkit-autofill:focus,.onboarding-initial .form-input:-webkit-autofill:hover,.onboarding-initial input[type=email]:-webkit-autofill,.onboarding-initial input[type=email]:-webkit-autofill:active,.onboarding-initial input[type=email]:-webkit-autofill:focus,.onboarding-initial input[type=email]:-webkit-autofill:hover,.onboarding-initial input[type=number]:-webkit-autofill,.onboarding-initial input[type=number]:-webkit-autofill:active,.onboarding-initial input[type=number]:-webkit-autofill:focus,.onboarding-initial input[type=number]:-webkit-autofill:hover,.onboarding-initial input[type=password]:-webkit-autofill,.onboarding-initial input[type=password]:-webkit-autofill:active,.onboarding-initial input[type=password]:-webkit-autofill:focus,.onboarding-initial input[type=password]:-webkit-autofill:hover,.onboarding-initial input[type=tel]:-webkit-autofill,.onboarding-initial input[type=tel]:-webkit-autofill:active,.onboarding-initial input[type=tel]:-webkit-autofill:focus,.onboarding-initial input[type=tel]:-webkit-autofill:hover,.onboarding-initial input[type=text]:-webkit-autofill,.onboarding-initial input[type=text]:-webkit-autofill:active,.onboarding-initial input[type=text]:-webkit-autofill:focus,.onboarding-initial input[type=text]:-webkit-autofill:hover,.onboarding-initial select:-webkit-autofill,.onboarding-initial select:-webkit-autofill:active,.onboarding-initial select:-webkit-autofill:focus,.onboarding-initial select:-webkit-autofill:hover,.onboarding-initial textarea:-webkit-autofill,.onboarding-initial textarea:-webkit-autofill:active,.onboarding-initial textarea:-webkit-autofill:focus,.onboarding-initial textarea:-webkit-autofill:hover,.onboarding-profile-setup .auth-input:-webkit-autofill,.onboarding-profile-setup .auth-input:-webkit-autofill:active,.onboarding-profile-setup .auth-input:-webkit-autofill:focus,.onboarding-profile-setup .auth-input:-webkit-autofill:hover,.onboarding-profile-setup .form-input:-webkit-autofill,.onboarding-profile-setup .form-input:-webkit-autofill:active,.onboarding-profile-setup .form-input:-webkit-autofill:focus,.onboarding-profile-setup .form-input:-webkit-autofill:hover,.onboarding-profile-setup input[type=email]:-webkit-autofill,.onboarding-profile-setup input[type=email]:-webkit-autofill:active,.onboarding-profile-setup input[type=email]:-webkit-autofill:focus,.onboarding-profile-setup input[type=email]:-webkit-autofill:hover,.onboarding-profile-setup input[type=number]:-webkit-autofill,.onboarding-profile-setup input[type=number]:-webkit-autofill:active,.onboarding-profile-setup input[type=number]:-webkit-autofill:focus,.onboarding-profile-setup input[type=number]:-webkit-autofill:hover,.onboarding-profile-setup input[type=password]:-webkit-autofill,.onboarding-profile-setup input[type=password]:-webkit-autofill:active,.onboarding-profile-setup input[type=password]:-webkit-autofill:focus,.onboarding-profile-setup input[type=password]:-webkit-autofill:hover,.onboarding-profile-setup input[type=tel]:-webkit-autofill,.onboarding-profile-setup input[type=tel]:-webkit-autofill:active,.onboarding-profile-setup input[type=tel]:-webkit-autofill:focus,.onboarding-profile-setup input[type=tel]:-webkit-autofill:hover,.onboarding-profile-setup input[type=text]:-webkit-autofill,.onboarding-profile-setup input[type=text]:-webkit-autofill:active,.onboarding-profile-setup input[type=text]:-webkit-autofill:focus,.onboarding-profile-setup input[type=text]:-webkit-autofill:hover,.onboarding-profile-setup select:-webkit-autofill,.onboarding-profile-setup select:-webkit-autofill:active,.onboarding-profile-setup select:-webkit-autofill:focus,.onboarding-profile-setup select:-webkit-autofill:hover,.onboarding-profile-setup textarea:-webkit-autofill,.onboarding-profile-setup textarea:-webkit-autofill:active,.onboarding-profile-setup textarea:-webkit-autofill:focus,.onboarding-profile-setup textarea:-webkit-autofill:hover,.reset-password-page .auth-input:-webkit-autofill,.reset-password-page .auth-input:-webkit-autofill:active,.reset-password-page .auth-input:-webkit-autofill:focus,.reset-password-page .auth-input:-webkit-autofill:hover,.reset-password-page .form-input:-webkit-autofill,.reset-password-page .form-input:-webkit-autofill:active,.reset-password-page .form-input:-webkit-autofill:focus,.reset-password-page .form-input:-webkit-autofill:hover,.reset-password-page input[type=email]:-webkit-autofill,.reset-password-page input[type=email]:-webkit-autofill:active,.reset-password-page input[type=email]:-webkit-autofill:focus,.reset-password-page input[type=email]:-webkit-autofill:hover,.reset-password-page input[type=number]:-webkit-autofill,.reset-password-page input[type=number]:-webkit-autofill:active,.reset-password-page input[type=number]:-webkit-autofill:focus,.reset-password-page input[type=number]:-webkit-autofill:hover,.reset-password-page input[type=password]:-webkit-autofill,.reset-password-page input[type=password]:-webkit-autofill:active,.reset-password-page input[type=password]:-webkit-autofill:focus,.reset-password-page input[type=password]:-webkit-autofill:hover,.reset-password-page input[type=tel]:-webkit-autofill,.reset-password-page input[type=tel]:-webkit-autofill:active,.reset-password-page input[type=tel]:-webkit-autofill:focus,.reset-password-page input[type=tel]:-webkit-autofill:hover,.reset-password-page input[type=text]:-webkit-autofill,.reset-password-page input[type=text]:-webkit-autofill:active,.reset-password-page input[type=text]:-webkit-autofill:focus,.reset-password-page input[type=text]:-webkit-autofill:hover,.reset-password-page select:-webkit-autofill,.reset-password-page select:-webkit-autofill:active,.reset-password-page select:-webkit-autofill:focus,.reset-password-page select:-webkit-autofill:hover,.reset-password-page textarea:-webkit-autofill,.reset-password-page textarea:-webkit-autofill:active,.reset-password-page textarea:-webkit-autofill:focus,.reset-password-page textarea:-webkit-autofill:hover,.sign-up-onboarding .auth-input:-webkit-autofill,.sign-up-onboarding .auth-input:-webkit-autofill:active,.sign-up-onboarding .auth-input:-webkit-autofill:focus,.sign-up-onboarding .auth-input:-webkit-autofill:hover,.sign-up-onboarding .form-input:-webkit-autofill,.sign-up-onboarding .form-input:-webkit-autofill:active,.sign-up-onboarding .form-input:-webkit-autofill:focus,.sign-up-onboarding .form-input:-webkit-autofill:hover,.sign-up-onboarding input[type=email]:-webkit-autofill,.sign-up-onboarding input[type=email]:-webkit-autofill:active,.sign-up-onboarding input[type=email]:-webkit-autofill:focus,.sign-up-onboarding input[type=email]:-webkit-autofill:hover,.sign-up-onboarding input[type=number]:-webkit-autofill,.sign-up-onboarding input[type=number]:-webkit-autofill:active,.sign-up-onboarding input[type=number]:-webkit-autofill:focus,.sign-up-onboarding input[type=number]:-webkit-autofill:hover,.sign-up-onboarding input[type=password]:-webkit-autofill,.sign-up-onboarding input[type=password]:-webkit-autofill:active,.sign-up-onboarding input[type=password]:-webkit-autofill:focus,.sign-up-onboarding input[type=password]:-webkit-autofill:hover,.sign-up-onboarding input[type=tel]:-webkit-autofill,.sign-up-onboarding input[type=tel]:-webkit-autofill:active,.sign-up-onboarding input[type=tel]:-webkit-autofill:focus,.sign-up-onboarding input[type=tel]:-webkit-autofill:hover,.sign-up-onboarding input[type=text]:-webkit-autofill,.sign-up-onboarding input[type=text]:-webkit-autofill:active,.sign-up-onboarding input[type=text]:-webkit-autofill:focus,.sign-up-onboarding input[type=text]:-webkit-autofill:hover,.sign-up-onboarding select:-webkit-autofill,.sign-up-onboarding select:-webkit-autofill:active,.sign-up-onboarding select:-webkit-autofill:focus,.sign-up-onboarding select:-webkit-autofill:hover,.sign-up-onboarding textarea:-webkit-autofill,.sign-up-onboarding textarea:-webkit-autofill:active,.sign-up-onboarding textarea:-webkit-autofill:focus,.sign-up-onboarding textarea:-webkit-autofill:hover,.sign-up-page .auth-input:-webkit-autofill,.sign-up-page .auth-input:-webkit-autofill:active,.sign-up-page .auth-input:-webkit-autofill:focus,.sign-up-page .auth-input:-webkit-autofill:hover,.sign-up-page .form-input:-webkit-autofill,.sign-up-page .form-input:-webkit-autofill:active,.sign-up-page .form-input:-webkit-autofill:focus,.sign-up-page .form-input:-webkit-autofill:hover,.sign-up-page input[type=email]:-webkit-autofill,.sign-up-page input[type=email]:-webkit-autofill:active,.sign-up-page input[type=email]:-webkit-autofill:focus,.sign-up-page input[type=email]:-webkit-autofill:hover,.sign-up-page input[type=number]:-webkit-autofill,.sign-up-page input[type=number]:-webkit-autofill:active,.sign-up-page input[type=number]:-webkit-autofill:focus,.sign-up-page input[type=number]:-webkit-autofill:hover,.sign-up-page input[type=password]:-webkit-autofill,.sign-up-page input[type=password]:-webkit-autofill:active,.sign-up-page input[type=password]:-webkit-autofill:focus,.sign-up-page input[type=password]:-webkit-autofill:hover,.sign-up-page input[type=tel]:-webkit-autofill,.sign-up-page input[type=tel]:-webkit-autofill:active,.sign-up-page input[type=tel]:-webkit-autofill:focus,.sign-up-page input[type=tel]:-webkit-autofill:hover,.sign-up-page input[type=text]:-webkit-autofill,.sign-up-page input[type=text]:-webkit-autofill:active,.sign-up-page input[type=text]:-webkit-autofill:focus,.sign-up-page input[type=text]:-webkit-autofill:hover,.sign-up-page select:-webkit-autofill,.sign-up-page select:-webkit-autofill:active,.sign-up-page select:-webkit-autofill:focus,.sign-up-page select:-webkit-autofill:hover,.sign-up-page textarea:-webkit-autofill,.sign-up-page textarea:-webkit-autofill:active,.sign-up-page textarea:-webkit-autofill:focus,.sign-up-page textarea:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a!important;-webkit-text-fill-color:var(--text-primary)!important;border-color:#d1d5db;border-color:var(--input-border);box-shadow:inset 0 0 0 1000px #f8fafc!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:#0f172a;caret-color:var(--text-primary);-webkit-transition:background-color 9999s ease-out 0s;transition:background-color 9999s ease-out 0s}.email-verification .password-toggle,.email-verification .password-toggle-btn,.email-verification .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,.login-container .password-toggle,.login-container .password-toggle-btn,.login-container .show-password-btn,.login-page .password-toggle,.login-page .password-toggle-btn,.login-page .show-password-btn,.mobile-auth-page .password-toggle,.mobile-auth-page .password-toggle-btn,.mobile-auth-page .show-password-btn,.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,.reset-password-page .password-toggle,.reset-password-page .password-toggle-btn,.reset-password-page .show-password-btn,.sign-up-onboarding .password-toggle,.sign-up-onboarding .password-toggle-btn,.sign-up-onboarding .show-password-btn,.sign-up-page .password-toggle,.sign-up-page .password-toggle-btn,.sign-up-page .show-password-btn{color:#64748b;color:var(--text-muted)}.code-input-wrapper .form-input,.email-verification .password-toggle-btn:hover,.email-verification .password-toggle:hover,.email-verification .show-password-btn:hover,.find-id-page .password-toggle-btn:hover,.find-id-page .password-toggle:hover,.find-id-page .show-password-btn:hover,.find-password-page .password-toggle-btn:hover,.find-password-page .password-toggle:hover,.find-password-page .show-password-btn:hover,.login-container .password-toggle-btn:hover,.login-container .password-toggle:hover,.login-container .show-password-btn:hover,.login-page .password-toggle-btn:hover,.login-page .password-toggle:hover,.login-page .show-password-btn:hover,.mobile-auth-page .password-toggle-btn:hover,.mobile-auth-page .password-toggle:hover,.mobile-auth-page .show-password-btn:hover,.onboarding-initial .password-toggle-btn:hover,.onboarding-initial .password-toggle:hover,.onboarding-initial .show-password-btn:hover,.onboarding-profile-setup .password-toggle-btn:hover,.onboarding-profile-setup .password-toggle:hover,.onboarding-profile-setup .show-password-btn:hover,.reset-password-page .password-toggle-btn:hover,.reset-password-page .password-toggle:hover,.reset-password-page .show-password-btn:hover,.sign-up-onboarding .password-toggle-btn:hover,.sign-up-onboarding .password-toggle:hover,.sign-up-onboarding .show-password-btn:hover,.sign-up-page .password-toggle-btn:hover,.sign-up-page .password-toggle:hover,.sign-up-page .show-password-btn:hover{color:#0f172a;color:var(--text-primary)}.code-input-wrapper .form-input{background:#fff;background:var(--surface-0);border:1px solid #d1d5db;border:1px solid var(--input-border)}.code-input-wrapper .form-input::placeholder{color:#9ca3af;color:var(--input-placeholder)}.code-input-wrapper .form-input:focus{border-color:#6366f1;border-color:var(--input-focus-border);box-shadow:0 0 0 3px #6366f126;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:#dc2626;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,.code-input-wrapper .form-input:-webkit-autofill:active,.code-input-wrapper .form-input:-webkit-autofill:focus,.code-input-wrapper .form-input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a!important;-webkit-text-fill-color:var(--text-primary)!important;border-color:#d1d5db;border-color:var(--input-border);box-shadow:inset 0 0 0 1000px #f8fafc!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:#0f172a;caret-color:var(--text-primary);-webkit-transition:background-color 9999s ease-out 0s;transition:background-color 9999s ease-out 0s}.code-input-wrapper .resend-btn{background:#f3f4f6;background:var(--btn-secondary-bg);border:1px solid #d1d5db;border:1px solid var(--btn-secondary-border);color:#374151;color:var(--btn-secondary-fg)}.code-input-wrapper .resend-btn:hover:not(.disabled):not(:disabled){background:#e5e7eb;background:var(--btn-secondary-hover-bg);border-color:#e5e7eb;border-color:var(--border-muted)}.code-input-wrapper .resend-btn.disabled,.code-input-wrapper .resend-btn:disabled{background:#f8fafc;background:var(--surface-1);color:#94a3b8;color:var(--text-subtle);cursor:not-allowed;opacity:.85}.mobile-terms-modal-body .terms-content,.mobile-terms-modal-body .terms-scroll,.terms-content,.terms-modal-body,.terms-preview-body,.terms-scroll-container,.terms-text{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-color:var(--terms-scrollbar-thumb) var(--terms-scrollbar-track);scrollbar-width:thin}.mobile-terms-modal-body .terms-content::-webkit-scrollbar,.mobile-terms-modal-body .terms-scroll::-webkit-scrollbar,.terms-content::-webkit-scrollbar,.terms-modal-body::-webkit-scrollbar,.terms-preview-body::-webkit-scrollbar,.terms-scroll-container::-webkit-scrollbar,.terms-text::-webkit-scrollbar{width:8px}.mobile-terms-modal-body .terms-content::-webkit-scrollbar-track,.mobile-terms-modal-body .terms-scroll::-webkit-scrollbar-track,.terms-content::-webkit-scrollbar-track,.terms-modal-body::-webkit-scrollbar-track,.terms-preview-body::-webkit-scrollbar-track,.terms-scroll-container::-webkit-scrollbar-track,.terms-text::-webkit-scrollbar-track{background:#f1f5f9;background:var(--terms-scrollbar-track);border-radius:4px}.mobile-terms-modal-body .terms-content::-webkit-scrollbar-thumb,.mobile-terms-modal-body .terms-scroll::-webkit-scrollbar-thumb,.terms-content::-webkit-scrollbar-thumb,.terms-modal-body::-webkit-scrollbar-thumb,.terms-preview-body::-webkit-scrollbar-thumb,.terms-scroll-container::-webkit-scrollbar-thumb,.terms-text::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--terms-scrollbar-thumb);border-radius:4px}.mobile-terms-modal-body .terms-content::-webkit-scrollbar-thumb:hover,.mobile-terms-modal-body .terms-scroll::-webkit-scrollbar-thumb:hover,.terms-content::-webkit-scrollbar-thumb:hover,.terms-modal-body::-webkit-scrollbar-thumb:hover,.terms-preview-body::-webkit-scrollbar-thumb:hover,.terms-scroll-container::-webkit-scrollbar-thumb:hover,.terms-text::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-subtle)}.email-verification .btn-primary:disabled,.email-verification .next-button:disabled,.email-verification .primary-btn:disabled,.email-verification .submit-btn:disabled,.email-verification .verification-button:disabled,.email-verification button:disabled,.find-id-page .btn-primary:disabled,.find-id-page .next-button:disabled,.find-id-page .primary-btn:disabled,.find-id-page .submit-btn:disabled,.find-id-page .verification-button:disabled,.find-id-page button:disabled,.find-password-page .btn-primary:disabled,.find-password-page .next-button:disabled,.find-password-page .primary-btn:disabled,.find-password-page .submit-btn:disabled,.find-password-page .verification-button:disabled,.find-password-page button:disabled,.login-page .btn-primary:disabled,.login-page .next-button:disabled,.login-page .primary-btn:disabled,.login-page .submit-btn:disabled,.login-page .verification-button:disabled,.login-page button:disabled,.mobile-auth-page .btn-primary:disabled,.mobile-auth-page .next-button:disabled,.mobile-auth-page .primary-btn:disabled,.mobile-auth-page .submit-btn:disabled,.mobile-auth-page .verification-button:disabled,.mobile-auth-page button:disabled,.onboarding-initial .btn-primary:disabled,.onboarding-initial .next-button:disabled,.onboarding-initial .primary-btn:disabled,.onboarding-initial .submit-btn:disabled,.onboarding-initial .verification-button:disabled,.onboarding-initial button:disabled,.onboarding-profile-setup .btn-primary:disabled,.onboarding-profile-setup .next-button:disabled,.onboarding-profile-setup .primary-btn:disabled,.onboarding-profile-setup .submit-btn:disabled,.onboarding-profile-setup .verification-button:disabled,.onboarding-profile-setup button:disabled,.reset-password-page .btn-primary:disabled,.reset-password-page .next-button:disabled,.reset-password-page .primary-btn:disabled,.reset-password-page .submit-btn:disabled,.reset-password-page .verification-button:disabled,.reset-password-page button:disabled,.sign-up-page .btn-primary:disabled,.sign-up-page .next-button:disabled,.sign-up-page .primary-btn:disabled,.sign-up-page .submit-btn:disabled,.sign-up-page .verification-button:disabled,.sign-up-page button:disabled{background:#9ca3af!important;background:var(--btn-disabled-bg)!important;box-shadow:none!important;color:#e5e7eb!important;color:var(--btn-disabled-fg)!important;cursor:not-allowed;opacity:1;transform:none!important}.mobile-auth-page{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--auth-gradient)}.mobile-auth-page:before{background:radial-gradient(circle at 20% 30%,#ffffff26 0,#0000 40%),radial-gradient(circle at 80% 50%,#ffffff1a 0,#0000 40%);background:var(--auth-gradient-overlay-a),var(--auth-gradient-overlay-b)}.mobile-email-verification-container{background:#fffffff2;background:var(--auth-card-glass);box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;box-shadow:var(--auth-card-shadow),0 0 0 1px var(--auth-card-border)}.email-verification .form-input,.email-verification input[type=email],.email-verification input[type=password],.email-verification input[type=tel],.email-verification input[type=text],.find-id-page .form-input,.find-id-page input[type=email],.find-id-page input[type=password],.find-id-page input[type=tel],.find-id-page input[type=text],.find-password-page .form-input,.find-password-page input[type=email],.find-password-page input[type=password],.find-password-page input[type=tel],.find-password-page input[type=text],.onboarding-initial .form-input,.onboarding-initial input[type=email],.onboarding-initial input[type=password],.onboarding-initial input[type=tel],.onboarding-initial input[type=text],.onboarding-profile-setup .form-input,.onboarding-profile-setup input[type=email],.onboarding-profile-setup input[type=password],.onboarding-profile-setup input[type=tel],.onboarding-profile-setup input[type=text],.reset-password-page .form-input,.reset-password-page input[type=email],.reset-password-page input[type=password],.reset-password-page input[type=tel],.reset-password-page input[type=text],.sign-up-page .form-input,.sign-up-page input[type=email],.sign-up-page input[type=password],.sign-up-page input[type=tel],.sign-up-page input[type=text]{background:#fff;background:var(--surface-0);border-color:#e5e7eb;border-color:var(--border-muted);color:#0f172a;color:var(--text-primary)}.email-verification .form-input::placeholder,.email-verification input[type=email]::placeholder,.email-verification input[type=password]::placeholder,.email-verification input[type=tel]::placeholder,.email-verification input[type=text]::placeholder,.find-id-page .form-input::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 input[type=text]::placeholder,.find-password-page .form-input::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 input[type=text]::placeholder,.onboarding-initial .form-input::placeholder,.onboarding-initial input[type=email]::placeholder,.onboarding-initial input[type=password]::placeholder,.onboarding-initial input[type=tel]::placeholder,.onboarding-initial input[type=text]::placeholder,.onboarding-profile-setup .form-input::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 input[type=text]::placeholder,.reset-password-page .form-input::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 input[type=text]::placeholder,.sign-up-page .form-input::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 input[type=text]::placeholder{color:#9ca3af;color:var(--input-placeholder)}.email-verification .form-input:focus,.email-verification input[type=email]:focus,.email-verification input[type=password]:focus,.email-verification input[type=tel]:focus,.email-verification input[type=text]:focus,.find-id-page .form-input: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 input[type=text]:focus,.find-password-page .form-input: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 input[type=text]:focus,.onboarding-initial .form-input:focus,.onboarding-initial input[type=email]:focus,.onboarding-initial input[type=password]:focus,.onboarding-initial input[type=tel]:focus,.onboarding-initial input[type=text]:focus,.onboarding-profile-setup .form-input: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 input[type=text]:focus,.reset-password-page .form-input: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 input[type=text]:focus,.sign-up-page .form-input: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 input[type=text]:focus{border-color:#6366f1;border-color:var(--input-focus-border);box-shadow:0 0 0 3px #6366f126;box-shadow:0 0 0 3px var(--input-focus-ring)}.email-verification .form-input.disabled-input,.email-verification .form-input: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 input[type=text].disabled-input,.email-verification input[type=text]:disabled,.find-id-page .form-input.disabled-input,.find-id-page .form-input: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 input[type=text].disabled-input,.find-id-page input[type=text]:disabled,.find-password-page .form-input.disabled-input,.find-password-page .form-input: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 input[type=text].disabled-input,.find-password-page input[type=text]:disabled,.onboarding-initial .form-input.disabled-input,.onboarding-initial .form-input: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 input[type=text].disabled-input,.onboarding-initial input[type=text]:disabled,.onboarding-profile-setup .form-input.disabled-input,.onboarding-profile-setup .form-input: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 input[type=text].disabled-input,.onboarding-profile-setup input[type=text]:disabled,.reset-password-page .form-input.disabled-input,.reset-password-page .form-input: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 input[type=text].disabled-input,.reset-password-page input[type=text]:disabled,.sign-up-page .form-input.disabled-input,.sign-up-page .form-input: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 input[type=text].disabled-input,.sign-up-page input[type=text]:disabled{background-color:#f8fafc;background-color:var(--input-bg);border-color:#d1d5db;border-color:var(--input-border);color:#64748b;color:var(--text-muted)}.email-verification .error-message,.email-verification .field-error,.email-verification .form-error,.find-id-page .error-message,.find-id-page .field-error,.find-id-page .form-error,.find-password-page .error-message,.find-password-page .field-error,.find-password-page .form-error,.onboarding-initial .error-message,.onboarding-initial .field-error,.onboarding-initial .form-error,.onboarding-profile-setup .error-message,.onboarding-profile-setup .field-error,.onboarding-profile-setup .form-error,.reset-password-page .error-message,.reset-password-page .field-error,.reset-password-page .form-error,.sign-up-page .error-message,.sign-up-page .field-error,.sign-up-page .form-error{background:#fef2f2;background:var(--error-bg);border:1px solid #fecaca;border:1px solid var(--error-border);color:#dc2626;color:var(--error-fg)}.email-verification .previous-button,.email-verification .retry-button,.email-verification .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,.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,.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{background:#f3f4f6;background:var(--btn-secondary-bg);border:1px solid #d1d5db;border:1px solid var(--btn-secondary-border);color:#374151;color:var(--btn-secondary-fg)}.email-verification .previous-button:hover:not(:disabled),.email-verification .retry-button:hover:not(:disabled),.email-verification .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),.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),.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){background:#e5e7eb;background:var(--btn-secondary-hover-bg)}.email-verification .continue-button,.email-verification .next-button,.email-verification .primary-button,.email-verification .submit-button,.find-id-page .continue-button,.find-id-page .next-button,.find-id-page .primary-button,.find-id-page .submit-button,.find-password-page .continue-button,.find-password-page .next-button,.find-password-page .primary-button,.find-password-page .submit-button,.onboarding-initial .continue-button,.onboarding-initial .next-button,.onboarding-initial .primary-button,.onboarding-initial .submit-button,.onboarding-profile-setup .continue-button,.onboarding-profile-setup .next-button,.onboarding-profile-setup .primary-button,.onboarding-profile-setup .submit-button,.reset-password-page .continue-button,.reset-password-page .next-button,.reset-password-page .primary-button,.reset-password-page .submit-button,.sign-up-page .continue-button,.sign-up-page .next-button,.sign-up-page .primary-button,.sign-up-page .submit-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--auth-btn-primary-gradient);color:#fff;color:var(--surface-0)}.email-verification .continue-button:hover:not(:disabled),.email-verification .next-button:hover:not(:disabled),.email-verification .primary-button:hover:not(:disabled),.email-verification .submit-button:hover:not(:disabled),.find-id-page .continue-button:hover:not(:disabled),.find-id-page .next-button:hover:not(:disabled),.find-id-page .primary-button:hover:not(:disabled),.find-id-page .submit-button:hover:not(:disabled),.find-password-page .continue-button:hover:not(:disabled),.find-password-page .next-button:hover:not(:disabled),.find-password-page .primary-button:hover:not(:disabled),.find-password-page .submit-button:hover:not(:disabled),.onboarding-initial .continue-button:hover:not(:disabled),.onboarding-initial .next-button:hover:not(:disabled),.onboarding-initial .primary-button:hover:not(:disabled),.onboarding-initial .submit-button:hover:not(:disabled),.onboarding-profile-setup .continue-button:hover:not(:disabled),.onboarding-profile-setup .next-button:hover:not(:disabled),.onboarding-profile-setup .primary-button:hover:not(:disabled),.onboarding-profile-setup .submit-button:hover:not(:disabled),.reset-password-page .continue-button:hover:not(:disabled),.reset-password-page .next-button:hover:not(:disabled),.reset-password-page .primary-button:hover:not(:disabled),.reset-password-page .submit-button:hover:not(:disabled),.sign-up-page .continue-button:hover:not(:disabled),.sign-up-page .next-button:hover:not(:disabled),.sign-up-page .primary-button:hover:not(:disabled),.sign-up-page .submit-button:hover:not(:disabled){box-shadow:0 10px 20px #3b82f64d;box-shadow:var(--auth-btn-primary-shadow)}.email-verification .login-button,.find-id-page .login-button,.find-password-page .login-button,.onboarding-initial .login-button,.onboarding-profile-setup .login-button,.reset-password-page .login-button,.sign-up-page .login-button{background:#10b981;background:var(--success-dot);color:#fff;color:var(--surface-0)}.email-verification .login-button:hover:not(:disabled),.find-id-page .login-button:hover:not(:disabled),.find-password-page .login-button:hover:not(:disabled),.onboarding-initial .login-button:hover:not(:disabled),.onboarding-profile-setup .login-button:hover:not(:disabled),.reset-password-page .login-button:hover:not(:disabled),.sign-up-page .login-button:hover:not(:disabled){filter:brightness(.95)}.onboarding-initial{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--auth-gradient)}.onboarding-initial .onboarding-container{background:#fff;background:var(--surface-0);box-shadow:0 20px 40px #0000001a;box-shadow:var(--auth-card-shadow)}.onboarding-initial .progress-bar:before,.onboarding-initial .progress-step .step-icon{background:#e5e7eb;background:var(--progress-inactive)}.onboarding-initial .progress-step .step-icon svg,.onboarding-initial .progress-step .step-title{color:#94a3b8;color:var(--text-subtle)}.onboarding-initial .progress-step.active .step-icon{background:#3b82f6;background:var(--progress-active)}.onboarding-initial .progress-step.active .step-icon svg{color:#fff;color:var(--surface-0)}.onboarding-initial .progress-step.active .step-title{color:#3b82f6;color:var(--progress-active)}.onboarding-initial .progress-step.completed .step-icon{background:#10b981;background:var(--success-dot)}.onboarding-initial .progress-step.completed .step-icon svg{color:#fff;color:var(--surface-0)}.onboarding-initial .progress-step.completed .step-title{color:#047857;color:var(--success-fg)}.onboarding-initial .terms-text{background:#f8fafc;background:var(--surface-1);border:1px solid #e2e8f0;border:1px solid var(--border-default)}.onboarding-initial .terms-text p{color:#475569;color:var(--text-secondary)}.onboarding-profile-setup{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--auth-gradient)}.onboarding-profile-setup .setup-container{background:#fff;background:var(--surface-0);box-shadow:0 20px 40px #0000001a;box-shadow:var(--auth-card-shadow)}.onboarding-profile-setup .verification-button.cooldown{background:#f3f4f6;background:var(--btn-secondary-bg);border:1px solid #d1d5db;border:1px solid var(--btn-secondary-border);color:#64748b;color:var(--text-muted)}.email-verification{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--auth-gradient)}.email-verification .verification-container{background:#fff;background:var(--surface-0);box-shadow:0 20px 40px #0000001a;box-shadow:var(--auth-card-shadow)}.email-verification .loading-icon .spinning{color:#6366f1;color:var(--accent)}.email-verification .status-icon.success{color:#10b981;color:var(--success-dot)}.email-verification .status-icon.error{color:#dc2626;color:var(--error-fg)}.email-verification .redirect-message{color:#9ca3af;color:var(--input-placeholder)}.mobile-terms-modal-close{background:#f1f5f9;background:var(--surface-2);color:#0f172a;color:var(--text-primary)}.mobile-terms-modal-close:hover{background:#e2e8f0;background:var(--border-default)}.former-enrollment-badge{align-items:center;background:#94a3b829;border:1px solid #cbd5e1;border-radius:999px;color:#64748b;display:inline-flex;font-size:10px;font-weight:700;padding:2px 7px;white-space:nowrap}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .former-enrollment-badge{background:#94a3b82e;border-color:#94a3b857;color:#cbd5e1}}html[data-theme=dark] .former-enrollment-badge{background:#94a3b82e;border-color:#94a3b857;color:#cbd5e1}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-tap-highlight-color:rgba(99,102,241,.15);background-color:#f8f9fa;background-color:var(--app-bg);color:#333;color:var(--app-fg);font-family:Arial,sans-serif}html[data-theme=dark] body{-webkit-tap-highlight-color:rgba(129,140,248,.25)}.app-container{display:flex;min-height:100vh}.app-container .sidebar{background-color:#343a40;color:#fff;min-height:100vh;padding:20px;width:250px}.app-container .sidebar ul{list-style:none;padding:0}.app-container .sidebar ul li{border-radius:5px;cursor:pointer;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 1;padding:20px}@media(max-width:900px){.admin-course-detail-page{padding:12px 12px max(24px,env(safe-area-inset-bottom,0px))}.admin-course-detail-page .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #0000000f;padding:20px 16px}.admin-course-detail-page .page-header .header-content.has-header-actions{align-items:stretch;flex-direction:column;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;min-height:44px;width:100%}.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{align-items:stretch;display:flex;flex-direction:column;gap:12px}.admin-course-detail-page .page-header .header-content .header-title .header-title-top{align-items:baseline;display:flex;flex-direction:row;gap:10px;min-width:0;width:100%}.admin-course-detail-page .page-header .header-content .header-title .header-title-top .back-button{border-radius:12px;flex-shrink:0;height:44px;justify-content:center;min-height:44px;min-width:44px;padding:0;width:44px}.admin-course-detail-page .page-header .header-content .header-title .header-title-top .header-summary{align-self:stretch;flex:1 1;min-width:0;width:auto}.admin-course-detail-page .page-header .header-content .header-title .header-title-top h1{color:#111827;font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.35;margin:0;overflow-wrap:break-word;word-break:keep-all}.admin-course-detail-page .page-header .header-content .header-title:not(.header-title--admin) .back-button{border-radius:12px;flex-shrink:0;height:44px;justify-content:center;min-height:44px;min-width:44px;padding:0;width:44px}.admin-course-detail-page .page-header .header-content .header-title:not(.header-title--admin) h1{color:#111827;font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.35;margin:0 0 16px;overflow-wrap:break-word;word-break:keep-all}.admin-course-detail-page .page-header .header-content .header-title:not(.header-title--admin) .header-summary{align-self:stretch;flex:1 1;min-width:0;width:100%}.admin-course-detail-page .page-header .header-content .header-title .header-meta{align-items:stretch;display:flex;flex-direction:column;gap:0;width:100%}.admin-course-detail-page .page-header .header-content .header-title .header-meta-primary{color:#4b5563;display:block;font-size:14px;font-weight:500;line-height:1.5;padding-bottom:2px;width:100%}.admin-course-detail-page .page-header .header-content .header-title .header-meta-secondary{border-top:1px solid #e5e7eb;color:#9ca3af;display:block;font-size:13px;line-height:1.5;margin-top:10px;padding-top:12px;width:100%}.admin-course-detail-page .page-header .header-content .header-title .header-meta-secondary .header-extras{color:#9ca3af;display:block;font-size:13px;line-height:1.5;width:100%}.admin-course-detail-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:.875rem;line-height:1.45;margin-top:6px}.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{display:flex;flex-direction:column;gap:0}.admin-course-detail-page .course-content-section .course-content .course-tabs{background:#f8fafc;box-shadow:0 1px 0 #0f172a0f;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;overflow-x:visible;overflow-y:visible;padding:10px 0 12px;position:sticky;top:0;z-index:4}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn{border-radius:12px;box-shadow:0 1px 2px #0000000f;flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;font-size:.8125rem;font-weight:600;gap:8px;justify-content:center;max-width:100%;min-height:48px;min-width:calc(50% - 4px);padding:10px 12px;text-align:center}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn svg{flex-shrink:0;height:16px;width:16px}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn span{line-height:1.25;overflow-wrap:anywhere;white-space:normal}.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;overflow-x:hidden;padding:16px}.admin-course-detail-page .attendance-table-wrapper,.admin-course-detail-page .policy-table-wrapper,.admin-course-detail-page .sessions-table-wrapper,.admin-course-detail-page .students-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:10px;margin:0 -4px;overflow-x:auto;padding:4px}.admin-course-detail-page .attendance-table-wrapper::-webkit-scrollbar,.admin-course-detail-page .policy-table-wrapper::-webkit-scrollbar,.admin-course-detail-page .sessions-table-wrapper::-webkit-scrollbar,.admin-course-detail-page .students-table-wrapper::-webkit-scrollbar{height:6px}.admin-course-detail-page .attendance-table-wrapper::-webkit-scrollbar-thumb,.admin-course-detail-page .policy-table-wrapper::-webkit-scrollbar-thumb,.admin-course-detail-page .sessions-table-wrapper::-webkit-scrollbar-thumb,.admin-course-detail-page .students-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.admin-course-detail-page .attendance-table,.admin-course-detail-page .policy-table,.admin-course-detail-page .sessions-table,.admin-course-detail-page .students-table{font-size:.8125rem;min-width:520px}.admin-course-detail-page .attendance-table td,.admin-course-detail-page .attendance-table th,.admin-course-detail-page .policy-table td,.admin-course-detail-page .policy-table th,.admin-course-detail-page .sessions-table td,.admin-course-detail-page .sessions-table th,.admin-course-detail-page .students-table td,.admin-course-detail-page .students-table th{padding:10px 12px}.admin-course-detail-page .admin-course-overview-tab .overview-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:20px;padding-top:4px}.admin-course-detail-page .admin-course-overview-tab .overview-header h3{color:#64748b;font-size:.8125rem;font-weight:600;letter-spacing:.03em;margin:0;text-transform:none}.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 .delete-btn,.admin-course-detail-page .admin-course-overview-tab .overview-header .overview-actions .edit-btn{border-radius:12px;font-size:.9375rem;justify-content:center;min-height:44px;width:100%}.admin-course-detail-page .admin-course-overview-tab .overview-grid{gap:14px;grid-template-columns:1fr}.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{align-items:stretch;flex-direction:column;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;min-height:44px;width:100%}.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 1;min-height:44px;min-width:140px}.admin-course-detail-page .admin-course-attendance-tab .attendance-header,.admin-course-detail-page .admin-course-attendance-tab .attendance-header .attendance-controls{align-items:stretch;flex-direction:column;gap:12px}.admin-course-detail-page .admin-course-attendance-tab .attendance-header .session-selector select{min-height:44px;min-width:0;width:100%}.admin-course-detail-page .student-search-filter-bar{align-items:stretch;flex-direction:column}.admin-course-detail-page .student-search-filter-bar .search-row{min-height:44px;min-width:0}.admin-course-detail-page .student-search-filter-bar .category-filter-select{min-height:44px;width:100%}.admin-course-detail-page .cancel-session-btn{min-height:40px;padding:8px 12px}.admin-course-detail-page .mobile-attendance-item .badge,.admin-course-detail-page .mobile-session-item .badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;line-height:1.2;min-height:24px;padding:2px 8px;white-space:nowrap}}@media(max-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{font-size:.8125rem;min-height:46px;padding:10px}.admin-course-detail-page .course-content-section .course-content .course-detail-tab-content{padding:12px}.admin-course-detail-page .attendance-table,.admin-course-detail-page .policy-table,.admin-course-detail-page .sessions-table,.admin-course-detail-page .students-table{font-size:.75rem}.admin-course-detail-page .attendance-table td,.admin-course-detail-page .attendance-table th,.admin-course-detail-page .policy-table td,.admin-course-detail-page .policy-table th,.admin-course-detail-page .sessions-table td,.admin-course-detail-page .sessions-table th,.admin-course-detail-page .students-table td,.admin-course-detail-page .students-table th{padding:8px 10px}}@media(prefers-color-scheme:dark)and (max-width:900px){.admin-course-detail-page{background:#0f172a!important}.admin-course-detail-page .page-header{background:#1e293b;border-color:#334155;box-shadow:0 4px 16px #02061773}.admin-course-detail-page .page-header .header-title .header-title-top .back-button{background:#111827;border:1px solid #334155;color:#e2e8f0}.admin-course-detail-page .page-header .header-title .header-title-top .back-button:hover{background:#1f2937;border-color:#475569}.admin-course-detail-page .page-header .header-title .header-title-top .header-summary>h1,.admin-course-detail-page .page-header .header-title .header-title-top h1,.admin-course-detail-page .page-header .header-title:not(.header-title--admin) .header-summary>h1,.admin-course-detail-page .page-header .header-title:not(.header-title--admin) h1{color:#e2e8f0;opacity:1;text-shadow:none}.admin-course-detail-page .page-header .header-title .header-meta-primary{color:#cbd5e1}.admin-course-detail-page .page-header .header-title .header-meta-secondary{border-top-color:#334155;color:#94a3b8}.admin-course-detail-page .page-header .header-title .header-description,.admin-course-detail-page .page-header .header-title .header-description .header-extras,.admin-course-detail-page .page-header .header-title .header-meta-secondary .header-extras{color:#94a3b8}.admin-course-detail-page .course-content-section .course-content .course-tabs{background:#111827;box-shadow:0 1px 0 #3341558c}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn:hover{background:#273449;border-color:#475569}.admin-course-detail-page .course-content-section .course-content .course-tabs .tab-btn.active{background:#0d9488;border-color:#0d9488;box-shadow:0 2px 8px #0d948859;color:#ecfeff}.admin-course-detail-page .course-content-section .course-content .course-detail-tab-content{background:#1e293b;border:1px solid #334155}.admin-course-detail-page .attendance-table-wrapper::-webkit-scrollbar-thumb,.admin-course-detail-page .policy-table-wrapper::-webkit-scrollbar-thumb,.admin-course-detail-page .sessions-table-wrapper::-webkit-scrollbar-thumb,.admin-course-detail-page .students-table-wrapper::-webkit-scrollbar-thumb{background:#475569}.admin-course-detail-page .attendance-table,.admin-course-detail-page .policy-table,.admin-course-detail-page .sessions-table,.admin-course-detail-page .students-table{background:#111827;color:#cbd5e1}.admin-course-detail-page .attendance-table th,.admin-course-detail-page .policy-table th,.admin-course-detail-page .sessions-table th,.admin-course-detail-page .students-table th{background:#1f2937;color:#e2e8f0}.admin-course-detail-page .attendance-table td,.admin-course-detail-page .attendance-table th,.admin-course-detail-page .policy-table td,.admin-course-detail-page .policy-table th,.admin-course-detail-page .sessions-table td,.admin-course-detail-page .sessions-table th,.admin-course-detail-page .students-table td,.admin-course-detail-page .students-table th{border-bottom-color:#334155}.admin-course-detail-page .attendance-header .date-range input[type=date],.admin-course-detail-page .attendance-header .session-selector select,.admin-course-detail-page .sessions-header .date-range input[type=date],.admin-course-detail-page .student-search-filter-bar .category-filter-select,.admin-course-detail-page .student-search-filter-bar .search-row{background:#1e293b;border-color:#334155;color:#e2e8f0;color-scheme:dark}.admin-course-detail-page .student-search-filter-bar .search-row .search-icon{color:#94a3b8}.admin-course-detail-page .student-search-filter-bar .search-row .search-input::placeholder{color:#64748b}.admin-course-detail-page .student-search-filter-bar .category-filter-select option{background:#111827;color:#e2e8f0}.admin-course-detail-page .include-former-filter{color:#e2e8f0}.admin-course-detail-page .include-former-filter input[type=checkbox]{accent-color:#68d391}.admin-course-detail-page .attendance-header .session-selector label{color:#94a3b8}.admin-course-detail-page .attendance-header .session-selector select{background:#1e293b;border-color:#334155;color:#e2e8f0}.admin-course-detail-page .attendance-header .session-selector select:focus{border-color:#64748b;box-shadow:0 0 0 2px #64748b40;outline:none}.admin-course-detail-page .attendance-header .session-selector select option{background:#111827;color:#e2e8f0}.admin-course-detail-page .cancel-session-btn{background:#ef444424;border-color:#f8717166;color:#fca5a5}.admin-course-detail-page .cancel-session-btn:hover:not(:disabled){background:#ef444438}.admin-course-detail-page .mobile-attendance-item .badge.confirmed,.admin-course-detail-page .mobile-attendance-item .badge.persisted,.admin-course-detail-page .mobile-session-item .badge.confirmed,.admin-course-detail-page .mobile-session-item .badge.persisted{background:#22c55e26;color:#4ade80}.admin-course-detail-page .mobile-attendance-item .badge.cancelled,.admin-course-detail-page .mobile-session-item .badge.cancelled{background:#ef444426;color:#f87171}.admin-course-detail-page .mobile-attendance-item .badge.projected,.admin-course-detail-page .mobile-attendance-item .badge.scheduled,.admin-course-detail-page .mobile-session-item .badge.projected,.admin-course-detail-page .mobile-session-item .badge.scheduled{background:#3b82f626;color:#60a5fa}.admin-course-detail-page .mobile-session-item.projected{background:#94a3b814}.admin-course-detail-page .admin-course-sessions-tab .mobile-session-list{background:#111827;border:1px solid #334155}.admin-course-detail-page .admin-course-sessions-tab .mobile-session-item{border-bottom-color:#334155}.admin-course-detail-page .admin-course-sessions-tab .mobile-session-item .session-row-primary .date{color:#e2e8f0}.admin-course-detail-page .admin-course-sessions-tab .mobile-session-item .session-row-primary .time{color:#cbd5e1}.admin-course-detail-page .admin-course-sessions-tab .mobile-session-item .session-row-secondary .classroom{color:#94a3b8}.admin-course-detail-page .admin-course-sessions-tab .mobile-session-item.cancelled{opacity:.72}}
/*# sourceMappingURL=main.c5aa072a.css.map*/