@charset "UTF-8";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}.admin-mypage-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-mypage-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-mypage-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.admin-mypage-page .page-header .header-content .header-title .header-icon{color:#10b981}.admin-mypage-page .page-header .header-content .header-title h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.admin-mypage-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.admin-mypage-page .user-summary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:20px}.admin-mypage-page .user-summary p{color:#374151;font-size:16px;font-weight:500;margin:0}.admin-mypage-page .card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.admin-mypage-page .card-grid .info-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;min-height:32px}.admin-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}.admin-mypage-page .card-grid .info-row .change-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .2s ease}.admin-mypage-page .card-grid .info-row .change-btn:hover{background:#e5e7eb;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a;color:#374151;transform:translateY(-1px)}.admin-mypage-page .card-grid .info-row .change-btn:active{transform:translateY(0)}.admin-mypage-page .card-grid .section-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px;transition:all .2s ease}.admin-mypage-page .card-grid .section-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.admin-mypage-page .card-grid .section-card h3{align-items:center;border-bottom:1px solid #e5e7eb;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:12px}.admin-mypage-page .card-grid .section-card h3 svg{color:#10b981}.admin-mypage-page .card-grid .section-card p{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px;line-height:1.5;margin-bottom:12px}.admin-mypage-page .card-grid .section-card p:last-child{margin-bottom:0}.admin-mypage-page .card-grid .section-card p strong{color:#1f2937;flex-shrink:0;font-weight:600;min-width:120px}.admin-mypage-page .card-grid .section-card p svg{color:#6b7280;flex-shrink:0}.admin-mypage-page .button-wrapper{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.admin-mypage-page .button-wrapper .edit-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-mypage-page .button-wrapper .edit-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.admin-mypage-page .button-wrapper .edit-btn:active{transform:translateY(0)}.admin-mypage-page .button-wrapper .edit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.admin-mypage-page .button-wrapper .edit-btn svg{flex-shrink:0}.admin-mypage-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.admin-mypage-page .loading-container p{color:#6b7280;font-size:16px;margin:0}@media(prefers-color-scheme:dark){.admin-mypage-page{background:#1a1a2e}.admin-mypage-page .page-header{background:#2d3748;border-color:#4a5568}.admin-mypage-page .page-header .header-content .header-title .header-icon{color:#68d391}.admin-mypage-page .page-header .header-content .header-title h1{color:#f1f5f9}.admin-mypage-page .page-header .header-content .header-title .header-description{color:#a0aec0}.admin-mypage-page .user-summary{background:#2d3748;border-color:#4a5568}.admin-mypage-page .user-summary p{color:#e2e8f0}.admin-mypage-page .card-grid .section-card{background:#2d3748;border-color:#4a5568}.admin-mypage-page .card-grid .section-card:hover{box-shadow:0 4px 12px #0000004d}.admin-mypage-page .card-grid .section-card h3{border-bottom-color:#4a5568;color:#f1f5f9}.admin-mypage-page .card-grid .section-card h3 svg{color:#68d391}.admin-mypage-page .card-grid .section-card p{color:#e2e8f0}.admin-mypage-page .card-grid .section-card p strong{color:#f1f5f9}.admin-mypage-page .card-grid .section-card p svg{color:#a0aec0}.admin-mypage-page .card-grid .section-card .info-row p{word-wrap:break-word;color:#e2e8f0;overflow-wrap:anywhere;word-break:break-all}.admin-mypage-page .card-grid .section-card .info-row .change-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.admin-mypage-page .card-grid .section-card .info-row .change-btn:hover{background:#4b5563;border-color:#6b7280;color:#d1d5db}.admin-mypage-page .button-wrapper{border-top-color:#4a5568}.admin-mypage-page .button-wrapper .edit-btn{background:#68d391}.admin-mypage-page .button-wrapper .edit-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}.admin-mypage-page .loading-container p{color:#a0aec0}}@media(max-width:1024px){.admin-mypage-page .card-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.admin-mypage-page .card-grid .section-card{padding:20px}.admin-mypage-page .card-grid .section-card .info-row p{font-size:13px;overflow-wrap:anywhere;word-break:break-all}.admin-mypage-page .card-grid .section-card .info-row .change-btn{height:30px;min-width:30px;padding:5px 7px}}@media(max-width:768px){.admin-mypage-page{padding:16px}.admin-mypage-page .page-header{margin-bottom:24px;padding:16px}.admin-mypage-page .page-header .header-content .header-title h1{font-size:20px}.admin-mypage-page .user-summary{margin-bottom:20px;padding:16px}.admin-mypage-page .user-summary p{font-size:14px}.admin-mypage-page .card-grid{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.admin-mypage-page .card-grid .section-card{padding:20px}.admin-mypage-page .card-grid .section-card h3{font-size:16px;margin-bottom:12px}.admin-mypage-page .card-grid .section-card p{font-size:13px;margin-bottom:10px}.admin-mypage-page .card-grid .section-card p strong{min-width:80px}.admin-mypage-page .card-grid .section-card .info-row{align-items:stretch;flex-direction:column;gap:8px;margin-bottom:12px}.admin-mypage-page .card-grid .section-card .info-row p{font-size:13px;line-height:1.4;margin-bottom:0;overflow-wrap:anywhere;word-break:break-all}.admin-mypage-page .card-grid .section-card .info-row .change-btn{align-self:flex-end;height:28px;min-width:28px;padding:4px 6px}.admin-mypage-page .button-wrapper{flex-direction:column;gap:8px}.admin-mypage-page .button-wrapper .edit-btn{font-size:15px;justify-content:center;padding:14px 20px;width:100%}}.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;font-size:14px;font-weight:500;justify-content:center;padding:12px 16px;text-align:center;transition:all .2s ease;width:100%}.file-label:hover{background:#f1f5f9;border-color:#9ca3af}.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){.form-container{background:#2d3748;border-color:#4a5568}.form-container h2,.form-container h3{border-bottom-color:#4a5568;color:#f1f5f9}.form-input,.form-select,.form-textarea{background:#4a5568;border-color:#718096;color:#f1f5f9}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#a0aec0}.file-label{background:#4a5568;border-color:#718096;color:#f1f5f9}.file-label:hover{background:#718096;border-color:#a0aec0}.upload-btn{background:#68d391}.upload-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}.upload-btn:disabled{background:#718096}.modal-buttons .upload-btn{background:#68d391}.modal-buttons .upload-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}.modal-buttons .upload-btn:disabled{background:#718096}.close-button{background:#4a5568;border-color:#718096;color:#f1f5f9}.close-button:hover{background:#718096;border-color:#a0aec0}.form-container label{color:#e2e8f0}.input-wrapper .toggle-visibility{color:#a0aec0}.input-wrapper .toggle-visibility:hover{background:#4a5568;color:#e2e8f0}.selected-file{color:#68d391}.modal-overlay{background:#000c}.modal-content{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}.communication-modal-overlay{background:#000c}.communication-modal-content{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}.communication-modal-buttons{border-top-color:#4a5568}.communication-modal-buttons .submit-btn{background:#68d391}.communication-modal-buttons .submit-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}.communication-modal-buttons .submit-btn:disabled{background:#718096}.communication-modal-buttons .cancel-btn{background:#4a5568;border-color:#718096;color:#f1f5f9}.communication-modal-buttons .cancel-btn:hover{background:#718096}.modal-buttons{border-top-color:#4a5568}.modal-buttons .upload-btn.submit-btn{background:#68d391}.modal-buttons .upload-btn.submit-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}.modal-buttons .upload-btn.submit-btn:disabled{background:#718096}.modal-buttons .cancel-btn{background:#4a5568;border-color:#718096;color:#f1f5f9}.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%}}.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}@media(prefers-color-scheme:dark){.checkbox-group .checkbox-label{color:#e2e8f0}.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:#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}.change-password-modal .input-wrapper .toggle-visibility:hover{background:#f3f4f6;color:#374151}.change-password-modal .password-strength{background:#f8fafc;border:1px solid #e2e8f0;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:#10b981;flex-shrink:0}.change-password-modal .password-strength .strength-item .x-icon{color:#dc2626;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:#059669}.change-password-modal .password-strength .strength-item span.invalid{color:#dc2626}.change-password-modal .error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#ef4444;font-size:14px;font-weight:500;margin-bottom:16px;margin-top:8px;padding:8px 12px}@media(prefers-color-scheme:dark){.change-password-modal .input-wrapper .toggle-visibility{color:#a0aec0}.change-password-modal .input-wrapper .toggle-visibility:hover{background:#4a5568;color:#e2e8f0}.change-password-modal .password-strength{background:#374151;border-color:#4b5563}.change-password-modal .password-strength .strength-item .check-icon{color:#10b981}.change-password-modal .password-strength .strength-item .x-icon{color:#f87171}.change-password-modal .password-strength .strength-item span.valid{color:#10b981}.change-password-modal .password-strength .strength-item span.invalid{color:#f87171}.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){.modal-overlay{background:#000000b3}.change-account-id-modal{background:#1f2937;border-color:#374151}.change-account-id-modal .modal-header{border-bottom-color:#374151}.change-account-id-modal .modal-header h3{color:#f9fafb}.change-account-id-modal .modal-header .modal-description{color:#d1d5db}.change-account-id-modal .modal-body .form-group .form-label{color:#e5e7eb}.change-account-id-modal .modal-body .form-group .form-input{background:#374151;border-color:#4b5563;color:#f9fafb}.change-account-id-modal .modal-body .form-group .form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.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:#374151;color:#6b7280}.change-account-id-modal .modal-body .password-input-wrapper .password-toggle{color:#9ca3af}.change-account-id-modal .modal-body .password-input-wrapper .password-toggle:hover{color:#e5e7eb}.change-account-id-modal .modal-body .current-info{background:#374151;border-color:#4b5563}.change-account-id-modal .modal-body .current-info .current-label{color:#9ca3af}.change-account-id-modal .modal-body .current-info .current-value{color:#f3f4f6}.change-account-id-modal .modal-body .login-id-requirements{background:#374151;border-color:#4b5563}.change-account-id-modal .modal-body .login-id-requirements .requirement-item .check-icon{color:#10b981}.change-account-id-modal .modal-body .login-id-requirements .requirement-item .x-icon{color:#f87171}.change-account-id-modal .modal-body .login-id-requirements .requirement-item span.valid{color:#10b981}.change-account-id-modal .modal-body .login-id-requirements .requirement-item span.invalid{color:#f87171}.change-account-id-modal .modal-body .error-message{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}.change-account-id-modal .modal-footer{border-top-color:#374151}.change-account-id-modal .modal-footer .button-group button.cancel-btn{background:#374151;border-color:#4b5563;color:#f3f4f6}.change-account-id-modal .modal-footer .button-group button.cancel-btn:hover:not(:disabled){background:#4b5563;border-color:#6b7280}.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,#1d4ed8,#1e40af)}.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,#1e40af,#1e3a8a)}.change-account-id-modal .modal-footer .button-group button.back-btn{background:#4b5563}.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){.modal-overlay{background:#000000b3}.change-email-modal{background:#1f2937;border-color:#374151}.change-email-modal .modal-header{border-bottom-color:#374151}.change-email-modal .modal-header h3{color:#f9fafb}.change-email-modal .modal-header .modal-description{color:#d1d5db}.change-email-modal .modal-body .form-group .form-label{color:#e5e7eb}.change-email-modal .modal-body .form-group .form-input{background:#374151;border-color:#4b5563;color:#f9fafb}.change-email-modal .modal-body .form-group .form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.change-email-modal .modal-body .form-group .form-input::placeholder{color:#9ca3af}.change-email-modal .modal-body .form-group .form-input:disabled{background:#374151;color:#6b7280}.change-email-modal .modal-body .current-info{background:#374151;border-color:#4b5563}.change-email-modal .modal-body .current-info .current-label{color:#9ca3af}.change-email-modal .modal-body .current-info .current-value{color:#f3f4f6}.change-email-modal .modal-body .email-info{background:#1e3a8a;border-color:#3b82f6}.change-email-modal .modal-body .email-info .shield-icon{color:#60a5fa}.change-email-modal .modal-body .email-info .email-label,.change-email-modal .modal-body .email-info .email-value{color:#dbeafe}.change-email-modal .modal-body .code-input-wrapper .resend-btn{background:#374151;border-color:#4b5563;color:#e5e7eb}.change-email-modal .modal-body .code-input-wrapper .resend-btn:hover:not(.disabled){background:#4b5563;border-color:#6b7280}.change-email-modal .modal-body .code-input-wrapper .resend-btn.disabled{background:#374151;color:#6b7280}.change-email-modal .modal-body .success-step .success-icon,.change-email-modal .modal-body .success-step .success-message{color:#10b981}.change-email-modal .modal-body .success-step .new-email-display{background:#064e3b;border-color:#065f46;color:#d1fae5}.change-email-modal .modal-body .error-message{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}.change-email-modal .modal-body .success-info{background:#064e3b;border-color:#065f46;color:#d1fae5}.change-email-modal .modal-footer{border-top-color:#374151}.change-email-modal .modal-footer .button-group button.cancel-btn,.change-email-modal .modal-footer .button-group button.close-btn{background:#374151;border-color:#4b5563;color:#f3f4f6}.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:#4b5563;border-color:#6b7280}.change-email-modal .modal-footer .button-group button.send-btn,.change-email-modal .modal-footer .button-group button.verify-btn{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.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,#1e40af,#1e3a8a)}.change-email-modal .modal-footer .button-group button.back-btn{background:#4b5563}.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)}}.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;font-weight:700;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:initial;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;width:100%}.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:initial;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}.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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");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){.schedule-change-request-form{background:#1f2937;border-color:#374151}.schedule-change-request-form .form-header{border-bottom-color:#374151}.schedule-change-request-form .form-header .form-title{color:#f9fafb}.schedule-change-request-form .form-description{color:#d1d5db}.schedule-change-request-form .form-group .form-label{color:#e5e7eb}.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:#374151;border-color:#4b5563;color:#f9fafb}.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}.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:#6b7280}.schedule-change-request-form .error-message{background:#7f1d1d;border-color:#991b1b;color:#fecaca}.schedule-change-request-form .success-message{background:#14532d;border-color:#166534;color:#bbf7d0}.schedule-change-request-form .form-footer{border-top-color:#374151}.schedule-change-request-form .form-footer .submit-btn{background:#3b82f6}.schedule-change-request-form .form-footer .submit-btn:hover{background:#2563eb}.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){.modal-overlay,.react-modal-overlay{background:#000c}.react-modal-content,.schedule-detail-modal{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}.react-modal-content .modal-header,.schedule-detail-modal .modal-header{background:#1a202c;border-bottom-color:#4a5568}.react-modal-content .modal-header .header-content .header-icon,.schedule-detail-modal .modal-header .header-content .header-icon{background:#60a5fa}.react-modal-content .modal-header .header-content .header-text .modal-title,.schedule-detail-modal .modal-header .header-content .header-text .modal-title{color:#f1f5f9}.react-modal-content .modal-header .header-content .close-btn,.react-modal-content .modal-header .header-content .header-text .modal-subtitle,.schedule-detail-modal .modal-header .header-content .close-btn,.schedule-detail-modal .modal-header .header-content .header-text .modal-subtitle{color:#a0aec0}.react-modal-content .modal-header .header-content .close-btn:hover,.schedule-detail-modal .modal-header .header-content .close-btn:hover{background:#4a5568;color:#e2e8f0}.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{border-bottom-color:#4a5568;color:#f1f5f9}.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:#60a5fa}.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{color:#a0aec0}.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:#718096}.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:#e2e8f0}.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:#064e3b;border-color:#047857;color:#6ee7b7}.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:#7f1d1d;border-color:#dc2626;color:#fca5a5}.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:#78350f;border-color:#d97706;color:#fbbf24}.react-modal-content .modal-footer,.schedule-detail-modal .modal-footer{background:#1a202c;border-top-color:#4a5568}.react-modal-content .modal-footer .modal-actions .close-btn,.schedule-detail-modal .modal-footer .modal-actions .close-btn{background:#6b7280}.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}}@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){.schedule-request-wrapper{background:#1f2937;border-color:#374151}.schedule-request-wrapper .table-title{color:#f1f5f9}.schedule-request-wrapper .table-wrapper{background-color:#1f2937;border-color:#374151}.schedule-request-wrapper .styled-table thead{background-color:#374151}.schedule-request-wrapper .styled-table thead th{border-bottom-color:#4b5563;color:#f3f4f6}.schedule-request-wrapper .styled-table tbody tr:hover{background-color:#374151}.schedule-request-wrapper .styled-table tbody td{border-bottom-color:#4b5563;color:#e2e8f0}.schedule-request-wrapper .styled-table tbody .no-data{background-color:#374151;color:#9ca3af}.schedule-request-wrapper .filter-bar{background:#374151;border-color:#4b5563}.schedule-request-wrapper .filter-bar .filter-label{color:#f3f4f6}.schedule-request-wrapper .status-select .react-select__control{background-color:#374151;border-color:#4b5563}.schedule-request-wrapper .status-select .react-select__control:hover{border-color:#6b7280}.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__single-value{color:#f3f4f6}.schedule-request-wrapper .status-select .react-select__dropdown-indicator{color:#9ca3af}.schedule-request-wrapper .status-select .react-select__menu{background-color:#374151;border-color:#4b5563}.schedule-request-wrapper .status-select .react-select__option{color:#f3f4f6}.schedule-request-wrapper .status-select .react-select__option:hover{background-color:#4b5563}.schedule-request-wrapper .status-select .react-select__option.react-select__option--is-selected{background-color:#10b981}.schedule-request-wrapper .detail-btn{background-color:#4b5563;border-color:#6b7280;color:#f3f4f6}.schedule-request-wrapper .detail-btn:hover{background-color:#6b7280;border-color:#9ca3af}.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}.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}}.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){.new-personal-schedule-request-form{background:#1f2937;border-color:#374151}.new-personal-schedule-request-form .form-header{border-bottom-color:#4b5563}.new-personal-schedule-request-form .form-header .form-icon{color:#60a5fa}.new-personal-schedule-request-form .form-header .form-title{color:#f1f5f9}.new-personal-schedule-request-form .form-group .form-label{color:#e2e8f0}.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:#374151;border-color:#4b5563;color:#f3f4f6}.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:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.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.checkbox-group .checkbox-label{color:#e2e8f0}.new-personal-schedule-request-form .form-group.checkbox-group .checkbox-label input[type=checkbox]{accent-color:#60a5fa}.new-personal-schedule-request-form .form-actions{border-top-color:#4b5563}.new-personal-schedule-request-form .form-actions .submit-btn{background:#3b82f6;border-color:#3b82f6;color:#fff}.new-personal-schedule-request-form .form-actions .submit-btn:hover{background:#2563eb;border-color:#1d4ed8}.new-personal-schedule-request-form .form-actions .cancel-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.new-personal-schedule-request-form .form-actions .cancel-btn:hover{background:#4b5563;border-color:#6b7280;color:#d1d5db}.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){.new-personal-schedule-request-page{background:#1f2937;border-color:#374151}.new-personal-schedule-request-page .page-header .page-icon{color:#60a5fa}.new-personal-schedule-request-page .page-header .page-title{color:#f1f5f9}.new-personal-schedule-request-page .page-description{color:#9ca3af}.new-personal-schedule-request-page .form-section{background:#374151;border-color:#4b5563}.new-personal-schedule-request-page .form-section .section-title{color:#f3f4f6}.new-personal-schedule-request-page .list-section{background:#374151;border-color:#4b5563}.new-personal-schedule-request-page .list-section .section-title{color:#f3f4f6}.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 .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: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;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{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}.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){.edit-modal{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}.edit-modal .modal-header{background:#1a202c;border-bottom-color:#4a5568}.edit-modal .modal-header .header-content .modal-title{color:#f1f5f9}.edit-modal .modal-header .header-content .close-btn{color:#a0aec0}.edit-modal .modal-header .header-content .close-btn:hover{background:#4a5568;color:#e2e8f0}.edit-modal .modal-body .form-section .form-group .form-label{color:#e2e8f0}.edit-modal .modal-body .form-section .form-group .form-input,.edit-modal .modal-body .form-section .form-group .form-textarea{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.edit-modal .modal-body .form-section .form-group .form-input:focus,.edit-modal .modal-body .form-section .form-group .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.edit-modal .modal-body .form-section .form-group .form-input::placeholder,.edit-modal .modal-body .form-section .form-group .form-textarea::placeholder{color:#a0aec0}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area{background:linear-gradient(135deg,#1a202c,#2d3748);border-color:#4a5568}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:before{background:linear-gradient(135deg,#60a5fa0d,#a78bfa0d)}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:hover{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#60a5fa}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:hover .upload-icon,.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area:hover .upload-title{color:#60a5fa}.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}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area.drag-over .upload-icon,.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area.drag-over .upload-title{color:#34d399}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-icon{color:#a0aec0}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#e2e8f0}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#a0aec0}.edit-modal .modal-body .form-section .form-group .file-upload-container .file-upload-area .upload-text .upload-formats{background:#2d3748cc;color:#718096}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#60a5fa}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info svg{color:#60a5fa}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info .file-details .file-name{color:#93c5fd}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .file-info .file-details .file-size{color:#60a5fa}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .remove-file-btn{background:#7f1d1d;color:#fca5a5}.edit-modal .modal-body .form-section .form-group .file-upload-container .selected-file .remove-file-btn:hover{background:#dc2626;color:#fff}.edit-modal .modal-footer{background:#1a202c;border-top-color:#4a5568}.edit-modal .modal-footer .modal-buttons .submit-btn{background:#68d391}.edit-modal .modal-footer .modal-buttons .submit-btn:hover{background:#48bb78;box-shadow:0 4px 12px #68d3914d}.edit-modal .modal-footer .modal-buttons .cancel-btn{background:#4a5568;border-color:#718096;color:#f1f5f9}.edit-modal .modal-footer .modal-buttons .cancel-btn:hover{background:#718096}.modal-overlay{background-color:#000c}.modal-content{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}.modal-content h4{color:#f1f5f9}.modal-content p{color:#a0aec0}.communication-modal-overlay{background:#000c}.communication-modal-content{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}.communication-modal-buttons{border-top-color:#4a5568}.communication-modal-buttons .submit-btn{background:#68d391}.communication-modal-buttons .submit-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}.communication-modal-buttons .submit-btn:disabled{background:#718096}.communication-modal-buttons .cancel-btn{background:#4a5568;border-color:#718096;color:#f1f5f9}.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;padding:10px 12px;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){.schedule-tab-container{background:#1f2937;border-color:#374151}.schedule-tab-container h2{color:#f1f5f9}.schedule-tab-container .tabs-wrapper{background-color:#1f2937;border-color:#374151}.schedule-tab-container .tabs-header{background-color:#374151;border-bottom-color:#374151}.schedule-tab-container .tabs-header .tab-button{color:#d1d5db}.schedule-tab-container .tabs-header .tab-button:hover{background-color:#4b5563;color:#f3f4f6}.schedule-tab-container .tabs-header .tab-button.active{background-color:#1f2937;border-bottom-color:#10b981;color:#10b981}.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){.color-picker-popover{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}.color-picker-popover .preset-colors .preset-color{border-color:#4a5568}.color-picker-popover .preset-colors .preset-color.selected{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed33}.color-picker-popover .custom-btn{background:#4a5568;border-color:#718096;color:#e2e8f0}.color-picker-popover .custom-btn:hover{background:#718096;border-color:#a0aec0}.color-picker-popover .custom-picker-wrapper .color-preview,.color-picker-popover .custom-picker-wrapper .react-colorful__hue,.color-picker-popover .custom-picker-wrapper .react-colorful__saturation{border-color:#4a5568}.color-picker-popover .custom-color-input{background:#4a5568;border-color:#718096;color:#f1f5f9}.color-picker-popover .custom-color-input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}.color-picker-popover .color-btn-group .cancel-btn{background:#4a5568;border-color:#718096;color:#e2e8f0}.color-picker-popover .color-btn-group .cancel-btn:hover{background:#718096}.color-picker-popover .color-btn-group .apply-btn{background:#63b3ed}.color-picker-popover .color-btn-group .apply-btn:hover{background:#4299e1;box-shadow:0 4px 12px #63b3ed4d}.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 .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){.add-schedule-popover{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}.add-schedule-popover .popover-header{border-bottom-color:#4a5568}.add-schedule-popover .popover-header h4{color:#f1f5f9}.add-schedule-popover .popover-header .btn-close{background:#4a5568;border-color:#718096;color:#a0aec0}.add-schedule-popover .popover-header .btn-close:hover{background:#718096;color:#e2e8f0}.add-schedule-popover .title-input{background:#4a5568;border-color:#718096;color:#f1f5f9}.add-schedule-popover .title-input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}.add-schedule-popover .row span,.add-schedule-popover .row svg,.add-schedule-popover .title-input::placeholder{color:#a0aec0}.add-schedule-popover .row .react-datepicker-wrapper input,.add-schedule-popover .row input{background:#4a5568;border-color:#718096;color:#f1f5f9}.add-schedule-popover .row .react-datepicker-wrapper input:focus,.add-schedule-popover .row input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}.add-schedule-popover .row textarea{background:#4a5568;border-color:#718096;color:#f1f5f9}.add-schedule-popover .row textarea:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}.add-schedule-popover .row textarea::placeholder{color:#a0aec0}.add-schedule-popover .checkbox-row,.add-schedule-popover .checkbox-row label span{color:#e2e8f0}.add-schedule-popover .btn-group{border-top-color:#4a5568}.add-schedule-popover .btn-group button:first-child{background:#4a5568;border-color:#718096;color:#e2e8f0}.add-schedule-popover .btn-group button:first-child:hover{background:#718096}.add-schedule-popover .btn-group button:last-child{background:#63b3ed}.add-schedule-popover .btn-group button:last-child:hover{background:#4299e1;box-shadow:0 4px 12px #63b3ed4d}.add-schedule-popover .type-select .react-select__control{background:#4a5568;border-color:#718096}.add-schedule-popover .type-select .react-select__control:hover{border-color:#a0aec0}.add-schedule-popover .type-select .react-select__control:focus-within{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}.add-schedule-popover .type-select .react-select__single-value{color:#f1f5f9}.add-schedule-popover .type-select .react-select__option:hover{background:#4a5568}.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 p.personal-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-weight:500;padding:12px}.event-popover .popover-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;margin-top:20px;padding-top:16px}.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){.event-popover{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}.event-popover .popover-header{border-bottom-color:#4a5568}.event-popover .popover-header h4{color:#f1f5f9}.event-popover .popover-header .btn-close{background:#4a5568;border-color:#718096;color:#a0aec0}.event-popover .popover-header .btn-close:hover{background:#718096;color:#e2e8f0}.event-popover .popover-body p{color:#e2e8f0}.event-popover .popover-body p svg{color:#a0aec0}.event-popover .popover-body p.personal-content{background:#4a5568;border-color:#718096;color:#f1f5f9}.event-popover .popover-footer{border-top-color:#4a5568}.event-popover .popover-footer .btn-delete{background:#f56565}.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 .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){.schedule-calendar{background:#1f2937;border-color:#374151}.schedule-calendar .fc-toolbar{border-bottom-color:#374151}.schedule-calendar .fc-toolbar .fc-toolbar-title{color:#f1f5f9}.schedule-calendar .fc-toolbar .fc-button{background:#374151;border-color:#4b5563;color:#f3f4f6}.schedule-calendar .fc-toolbar .fc-button:hover{background:#4b5563;border-color:#6b7280}.schedule-calendar .fc-toolbar .fc-button.fc-button-active{background:#10b981;border-color:#10b981;color:#fff}.schedule-calendar .fc-day-today{background:#064e3b!important;border-color:#10b981!important}.schedule-calendar .calendar-filter-panel{background:#374151;border-color:#4b5563}.schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item{color:#e2e8f0}.schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item:hover{background:#4b5563;color:#f1f5f9}.schedule-calendar .calendar-filter-panel .filter-group.general-filters .filter-item:hover svg{color:#e2e8f0}.schedule-calendar .color-button{background:#4b5563;border-color:#6b7280}.schedule-calendar .color-button:hover{background:#6b7280;border-color:#9ca3af}.schedule-calendar .color-button svg{color:#d1d5db}}.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){.admin-schedule-page{background:#1a1a2e}.admin-schedule-page .page-header{background:#2d3748;border-color:#4a5568}.admin-schedule-page .page-header .header-content .header-title .header-icon{color:#68d391}.admin-schedule-page .page-header .header-content .header-title h1{color:#f1f5f9}.admin-schedule-page .page-header .header-content .header-title .header-description{color:#a0aec0}.admin-schedule-page .calendar-container,.admin-schedule-page .tab-container{background:#2d3748;border-color:#4a5568}.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}}.add-student-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:24px}.add-student-form h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.add-student-form input,.add-student-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-student-form input:focus,.add-student-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-student-form input::placeholder,.add-student-form select::placeholder{color:#9ca3af}.add-student-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}.add-student-form .error-message:before{content:"⚠️";font-size:16px}.add-student-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}.add-student-form .success-message:before{content:"✅";font-size:16px}.add-student-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-student-form button:hover:not(:disabled){background:#059669;box-shadow:0 2px 4px #10b9814d;transform:translateY(-1px)}.add-student-form button:active{transform:translateY(0)}.add-student-form button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media(prefers-color-scheme:dark){.add-student-form{background:#2d3748;border-color:#4a5568}.add-student-form h3{border-bottom-color:#4a5568;color:#f1f5f9}.add-student-form input,.add-student-form select{background:#4a5568;border-color:#718096;color:#f1f5f9}.add-student-form input:focus,.add-student-form select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}.add-student-form input::placeholder,.add-student-form select::placeholder{color:#a0aec0}.add-student-form button{background:#68d391}.add-student-form button:hover:not(:disabled){background:#48bb78;box-shadow:0 2px 4px #68d3914d}.add-student-form button:disabled{background:#718096}}@media(max-width:768px){.add-student-form{margin-bottom:20px;padding:20px}.add-student-form h3{font-size:16px;margin-bottom:16px}.add-student-form input,.add-student-form select{font-size:13px;margin-bottom:12px;padding:10px 12px}.add-student-form button{font-size:13px;padding:10px 12px}}.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{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{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-student-form input::placeholder{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){.edit-student-form{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}.edit-student-form h3{border-bottom-color:#4a5568;color:#f1f5f9}.edit-student-form label{color:#e2e8f0}.edit-student-form input{background:#4a5568;border-color:#718096;color:#f1f5f9}.edit-student-form input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}.edit-student-form input::placeholder{color:#a0aec0}.edit-student-form .button-group{border-top-color:#4a5568}.edit-student-form .button-group button.save{background:#63b3ed}.edit-student-form .button-group button.save:hover{background:#4299e1;box-shadow:0 4px 12px #63b3ed4d}.edit-student-form .button-group button.cancel{background:#4a5568;border-color:#718096;color:#e2e8f0}.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{font-size:14px;padding:10px 12px}.edit-student-form .button-group{flex-direction:column}.edit-student-form .button-group button{padding:12px;width:100%}}.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){.join-code-modal-overlay{background:#000000b3}.join-code-modal{background:#1e293b;border-color:#334155}.modal-header .header-content .header-text h3{color:#f8fafc}.modal-header .header-content .header-text p{color:#cbd5e1}.modal-header .close-btn{background:#334155;border-color:#475569;color:#cbd5e1}.modal-header .close-btn:hover{background:#475569;border-color:#64748b;color:#f8fafc}.academy-selector .selector-label{color:#cbd5e1}.academy-selector .academy-select{background:#334155;border-color:#475569;color:#f8fafc}.academy-selector .academy-select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.academy-selector .academy-select:disabled{background:#1e293b;color:#64748b}.role-selector-section .selector-label{color:#cbd5e1}.role-selector-section .role-selector .role-btn{background:#334155;border-color:#475569;color:#cbd5e1}.role-selector-section .role-selector .role-btn:hover:not(:disabled){background:#475569;border-color:#818cf8;color:#a5b4fc}.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}.role-selector-section .role-selector .role-btn:disabled{opacity:.5}.role-info{background:linear-gradient(135deg,#334155,#475569);border-color:#475569}.role-info .role-icon{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 4px 12px #818cf84d}.role-info .role-text h4{color:#f8fafc}.role-info .role-text p{color:#cbd5e1}.form-actions .generate-btn,.form-actions .generate-new-btn{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 4px 12px #818cf84d}.form-actions .generate-btn:hover:not(:disabled),.form-actions .generate-new-btn:hover:not(:disabled){box-shadow:0 6px 20px #818cf866}.form-actions .close-btn-secondary{background:#334155;border-color:#475569;color:#cbd5e1}.form-actions .close-btn-secondary:hover{background:#475569;border-color:#64748b;color:#f8fafc}.code-display .success-header h4{color:#f8fafc}.code-display .code-section .code-label,.code-display .success-header p{color:#cbd5e1}.code-display .code-section .code-container .code-value{background:#334155;border-color:#475569;color:#f8fafc}.code-display .code-section .code-container .copy-btn{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 4px 12px #818cf84d}.code-display .code-section .code-container .copy-btn:hover{box-shadow:0 6px 20px #818cf866}.code-display .code-info{background:#334155;border-color:#475569}.code-display .code-info .info-item:not(:last-child){border-bottom-color:#475569}.code-display .code-info .info-item .info-label{color:#cbd5e1}.code-display .code-info .info-item .info-value{color:#f8fafc}.code-display .warning-message{background:#78350f;border-color:#f59e0b;color:#fbbf24}.code-display .warning-message p{color:#fbbf24}.error-message{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}}.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 .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 .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{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;flex-shrink:0;padding:20px 24px}.admin-student-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-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 .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 .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){.admin-student-management-page{background:#1a1a2e}.admin-student-management-page .page-header{background:#2d3748;border-color:#4a5568}.admin-student-management-page .page-header .header-content .header-title .header-icon{color:#68d391}.admin-student-management-page .page-header .header-content .header-title h1{color:#f1f5f9}.admin-student-management-page .page-header .header-content .header-title .header-description{color:#a0aec0}.admin-student-management-page .account-usage-container{background:#2d3748;border-color:#4a5568}.admin-student-management-page .account-usage-container .usage-card .usage-item .usage-label{color:#a0aec0}.admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.quota{background:#4a5568;border-color:#718096;color:#e2e8f0}.admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.used{background:#744210;border-color:#f59e0b;color:#fbbf24}.admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.remaining{background:#064e3b;border-color:#10b981;color:#6ee7b7}.admin-student-management-page .search-filter-container{background:#2d3748;border-color:#4a5568}.admin-student-management-page .search-filter-container .search-bar{background:#4a5568;border-color:#718096;color:#f1f5f9}.admin-student-management-page .search-filter-container .search-bar:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}.admin-student-management-page .search-filter-container .search-bar::placeholder{color:#a0aec0}.admin-student-management-page .student-list-container{background:#2d3748;border-color:#4a5568}.admin-student-management-page .student-list-container .admin-table h3{border-bottom-color:#4a5568;color:#f1f5f9}.admin-student-management-page .student-list-container .admin-table .table-wrapper{border-color:#4a5568}.admin-student-management-page .loading-container p{color:#a0aec0}.student-table{background:#2d3748;border-color:#4a5568}.student-table thead{background:#4a5568;border-bottom-color:#718096}.student-table thead th{border-right-color:#718096;color:#e2e8f0}.student-table tbody tr{border-bottom-color:#4a5568}.student-table tbody tr:hover{background:#4a5568}.student-table tbody tr td{border-right-color:#4a5568;color:#e2e8f0}.student-edit-modal .modal-content{background:#2d3748;border-color:#4a5568}.student-management .search-bar{background:#4a5568;border-color:#718096;color:#f1f5f9}.student-management .search-bar:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}.student-management .search-bar::placeholder{color:#a0aec0}.student-management input,.student-management select{background:#4a5568;border-color:#718096;color:#f1f5f9}.student-management input:focus,.student-management select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}.student-management input::placeholder,.student-management select::placeholder{color:#a0aec0}.student-management .student-table{background:#2d3748;border-color:#4a5568}.student-management .student-table th{background-color:#4a5568;border-color:#718096;color:#e2e8f0}.student-management .student-table td{border-color:#4a5568;color:#e2e8f0}.student-management .student-table tbody tr:hover{background-color:#4a5568}.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){.admin-student-management-page{background:#1e293b}.admin-student-management-page .page-header{background:#334155;border-color:#475569}.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:#f8fafc}.admin-student-management-page .page-header .header-content .header-title .header-description{color:#cbd5e1}.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}.admin-student-management-page .page-header .header-content .header-actions .join-code-btn:hover{box-shadow:0 4px 16px #818cf866}.admin-student-management-page .account-usage-container{background:#334155;border-color:#475569}.admin-student-management-page .account-usage-container .usage-card .usage-item .usage-label{color:#cbd5e1}.admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.quota{background:#475569;border-color:#64748b;color:#e2e8f0}.admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.used{background:#744210;border-color:#f59e0b;color:#fbbf24}.admin-student-management-page .account-usage-container .usage-card .usage-item .usage-value.remaining{background:#064e3b;border-color:#10b981;color:#6ee7b7}.admin-student-management-page .search-filter-container{background:#334155;border-color:#475569}.admin-student-management-page .search-filter-container .search-bar{background:#334155;border-color:#475569;color:#f8fafc}.admin-student-management-page .search-filter-container .search-bar:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.admin-student-management-page .search-filter-container .search-bar::placeholder{color:#94a3b8}.admin-student-management-page .student-list-container{background:#334155;border-color:#475569}.admin-student-management-page .student-list-container .admin-table h3{border-bottom-color:#475569;color:#f8fafc}.admin-student-management-page .student-list-container .admin-table .table-wrapper{border-color:#475569}.admin-student-management-page .loading-container p{color:#cbd5e1}.student-table{background:#334155;border-color:#475569}.student-table thead{background:#475569;border-bottom-color:#64748b}.student-table thead th{border-right-color:#64748b;color:#e2e8f0}.student-table tbody tr{border-bottom-color:#475569}.student-table tbody tr:hover{background:#475569}.student-table tbody tr td{border-right-color:#475569;color:#e2e8f0}.button-group button.add{background:#10b981}.button-group button.add:hover{background:#059669}.button-group button.edit{background:#3b82f6}.button-group button.edit:hover{background:#2563eb}.button-group button.delete{background:#ef4444}.button-group button.delete:hover{background:#dc2626}.button-group button.reset-password{background:#f59e0b}.button-group button.reset-password:hover{background:#d97706}.student-edit-modal .modal-content{background:#334155;border-color:#475569}}.add-instructor-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:24px}.add-instructor-form h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.add-instructor-form input,.add-instructor-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-instructor-form input:focus,.add-instructor-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-instructor-form input::placeholder,.add-instructor-form select::placeholder{color:#9ca3af}.add-instructor-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}.add-instructor-form .error-message:before{content:"⚠️";font-size:16px}.add-instructor-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}.add-instructor-form .success-message:before{content:"✅";font-size:16px}.add-instructor-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-instructor-form button:hover:not(:disabled){background:#059669;box-shadow:0 2px 4px #10b9814d;transform:translateY(-1px)}.add-instructor-form button:active{transform:translateY(0)}.add-instructor-form button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media(prefers-color-scheme:dark){.add-instructor-form{background:#2d3748;border-color:#4a5568}.add-instructor-form h3{border-bottom-color:#4a5568;color:#f1f5f9}.add-instructor-form input,.add-instructor-form select{background:#4a5568;border-color:#718096;color:#f1f5f9}.add-instructor-form input:focus,.add-instructor-form select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}.add-instructor-form input::placeholder,.add-instructor-form select::placeholder{color:#a0aec0}.add-instructor-form button{background:#68d391}.add-instructor-form button:hover:not(:disabled){background:#48bb78;box-shadow:0 2px 4px #68d3914d}.add-instructor-form button:disabled{background:#718096}}@media(max-width:768px){.add-instructor-form{margin-bottom:20px;padding:20px}.add-instructor-form h3{font-size:16px;margin-bottom:16px}.add-instructor-form input,.add-instructor-form select{font-size:13px;margin-bottom:12px;padding:10px 12px}.add-instructor-form button{font-size:13px;padding:10px 12px}}.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%}.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){.edit-instructor-form{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}.edit-instructor-form h3{border-bottom-color:#4a5568;color:#f1f5f9}.edit-instructor-form label{color:#e2e8f0}.edit-instructor-form input{background:#4a5568;border-color:#718096;color:#f1f5f9}.edit-instructor-form input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}.edit-instructor-form input::placeholder{color:#a0aec0}.edit-instructor-form .button-group{border-top-color:#4a5568}.edit-instructor-form .button-group button:first-child{background:#63b3ed}.edit-instructor-form .button-group button:first-child:hover{background:#4299e1;box-shadow:0 4px 12px #63b3ed4d}.edit-instructor-form .button-group button:last-child{background:#4a5568;border-color:#718096;color:#e2e8f0}.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-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){.admin-instructor-management-page{background:#1e293b}.admin-instructor-management-page .page-header{background:#334155;border-color:#475569}.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:#f8fafc}.admin-instructor-management-page .page-header .header-content .header-title .header-description{color:#cbd5e1}.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}.admin-instructor-management-page .page-header .header-content .header-actions .join-code-btn:hover{box-shadow:0 4px 16px #818cf866}.admin-instructor-management-page .account-usage-container{background:#334155;border-color:#475569}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-label{color:#cbd5e1}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.quota{background:#475569;border-color:#64748b;color:#e2e8f0}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.used{background:#744210;border-color:#f59e0b;color:#fbbf24}.admin-instructor-management-page .account-usage-container .usage-card .usage-item .usage-value.remaining{background:#064e3b;border-color:#10b981;color:#6ee7b7}.admin-instructor-management-page .search-filter-container{background:#334155;border-color:#475569}.admin-instructor-management-page .search-filter-container .search-bar{background:#334155;border-color:#475569;color:#f8fafc}.admin-instructor-management-page .search-filter-container .search-bar:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.admin-instructor-management-page .search-filter-container .search-bar::placeholder{color:#94a3b8}.admin-instructor-management-page .instructor-list-container{background:#334155;border-color:#475569}.admin-instructor-management-page .instructor-list-container .admin-table h3{border-bottom-color:#475569;color:#f8fafc}.admin-instructor-management-page .instructor-list-container .admin-table .table-wrapper{border-color:#475569}.admin-instructor-management-page .loading-container p{color:#cbd5e1}.instructor-list{background:#334155;border-color:#475569}.instructor-list thead{background:#475569;border-bottom-color:#64748b}.instructor-list thead th{border-right-color:#64748b;color:#e2e8f0}.instructor-list tbody tr{border-bottom-color:#475569}.instructor-list tbody tr:hover{background:#475569}.instructor-list tbody tr td{border-right-color:#475569;color:#e2e8f0}.button-group button.add{background:#10b981}.button-group button.add:hover{background:#059669}.button-group button.edit{background:#3b82f6}.button-group button.edit:hover{background:#2563eb}.button-group button.delete{background:#ef4444}.button-group button.delete:hover{background:#dc2626}.button-group button.reset-password{background:#f59e0b}.button-group button.reset-password:hover{background:#d97706}.instructor-edit-modal{background:#000000b3}.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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");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{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;font-size:14px}.add-course-form .react-datepicker .react-datepicker__header{background:#f8fafc;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0}.add-course-form .react-datepicker .react-datepicker__day,.add-course-form .react-datepicker .react-datepicker__day-name{border-radius:8px;line-height:2.5rem;width:2.5rem}.add-course-form .react-datepicker .react-datepicker__day--selected{background:#3b82f6}.add-course-form .react-datepicker .react-datepicker__day:hover{background:#dbeafe}.add-course-form .react-datepicker__time-list{font-size:14px;max-height:200px}@media(prefers-color-scheme:dark){.add-course-form{background:#1f2937;border-color:#374151}.add-course-form .form-header h3{color:#f9fafb}.add-course-form .form-header .form-description{color:#d1d5db}.add-course-form .form-section .section-header{border-bottom-color:#374151}.add-course-form .form-section .section-header h4{color:#f3f4f6}.add-course-form .form-section .section-header h4:before{background:linear-gradient(135deg,#60a5fa,#a78bfa)}.add-course-form .form-group .form-label{color:#e5e7eb}.add-course-form .form-group .form-input,.add-course-form .form-group .form-select,.add-course-form .form-group .form-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.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:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.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:#374151;color:#6b7280}.add-course-form .day-checkboxes .checkbox-group{background:#374151;border-color:#4b5563}.add-course-form .day-checkboxes .checkbox-group .day-checkbox-item:hover{background:#4b5563}.add-course-form .day-checkboxes .checkbox-group .day-checkbox-item .day-label{color:#e5e7eb}.add-course-form .day-checkboxes .checkbox-group .day-checkbox-item:has(.day-checkbox:checked){background:#1e40af;border-color:#3b82f6}.add-course-form .day-checkboxes .checkbox-group .day-checkbox-item:has(.day-checkbox:checked) .day-label{color:#dbeafe}.add-course-form .week-day-time .add-time-btn{background:linear-gradient(135deg,#059669,#047857)}.add-course-form .week-day-time .add-time-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46)}.add-course-form .week-day-time .add-time-btn:disabled{background:#6b7280}.add-course-form .weekday-time-list .weekday-time-item{background:linear-gradient(135deg,#374151,#4b5563);border-color:#4b5563}.add-course-form .weekday-time-list .weekday-time-item:hover{background:linear-gradient(135deg,#4b5563,#6b7280);border-color:#6b7280}.add-course-form .weekday-time-list .weekday-time-item .schedule-info .day{background:#1e40af;color:#dbeafe}.add-course-form .weekday-time-list .weekday-time-item .schedule-info .time{color:#d1d5db}.add-course-form .weekday-time-list .weekday-time-item .delete-btn{color:#f87171}.add-course-form .weekday-time-list .weekday-time-item .delete-btn:hover{background:#7f1d1d;color:#fca5a5}.add-course-form .form-footer{border-top-color:#374151}.add-course-form .form-footer .button-group button.register-btn{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.add-course-form .form-footer .button-group button.register-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1e3a8a)}.add-course-form .form-footer .button-group button.register-btn:disabled{background:#6b7280}.add-course-form .form-footer .button-group button.close-btn{background:#374151;border-color:#4b5563;color:#f3f4f6}.add-course-form .form-footer .button-group button.close-btn:hover{background:#4b5563;border-color:#6b7280}.react-datepicker{background:#374151;border-color:#4b5563;color:#f9fafb}.react-datepicker .react-datepicker__header{background:#4b5563;border-bottom-color:#6b7280;color:#f9fafb}.react-datepicker .react-datepicker__day{color:#f3f4f6}.react-datepicker .react-datepicker__day:hover{background:#4b5563}.react-datepicker .react-datepicker__day--keyboard-selected,.react-datepicker .react-datepicker__day--selected{background:#3b82f6;color:#fff}.react-datepicker .react-datepicker__day--disabled{color:#9ca3af}.react-datepicker .react-datepicker__time-container{background:#374151;border-left:1px solid #4b5563}.react-datepicker .react-datepicker__time-container .react-datepicker__header{background:#4b5563;border-bottom-color:#6b7280;color:#f9fafb}.react-datepicker .react-datepicker__time,.react-datepicker .react-datepicker__time-box,.react-datepicker .react-datepicker__time-list{background:#374151}.react-datepicker .react-datepicker__time-list::-webkit-scrollbar{width:8px}.react-datepicker .react-datepicker__time-list::-webkit-scrollbar-track{background:#374151}.react-datepicker .react-datepicker__time-list::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.react-datepicker .react-datepicker__time-list-item{color:#f3f4f6}.react-datepicker .react-datepicker__time-list-item:hover{background:#4b5563;color:#f9fafb}.react-datepicker .react-datepicker__time-list-item--selected{background:#3b82f6;color:#fff;font-weight:600}.react-datepicker .react-datepicker__time-list-item--disabled{color:#9ca3af}.react-datepicker .react-datepicker__triangle,.react-datepicker .react-datepicker__triangle:after{border-bottom-color:#374151!important}}@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}}.student-course-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:24px}.student-course-list h3,.student-course-list h4{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.student-course-list h4{font-size:16px;margin:20px 0 16px;padding-bottom:8px}.student-course-list select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;margin-bottom:16px;padding:12px 16px;transition:all .2s ease;width:100%}.student-course-list select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.student-course-list .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}.student-course-list .error-message:before{content:"⚠️";font-size:16px}.student-course-list .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}.student-course-list .success-message:before{content:"✅";font-size:16px}.student-course-list .register-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;margin-bottom:20px;padding:12px 16px;transition:all .2s ease;width:100%}.student-course-list .register-btn:hover:not(:disabled){background:#059669;box-shadow:0 2px 4px #10b9814d;transform:translateY(-1px)}.student-course-list .register-btn:active{transform:translateY(0)}.student-course-list .register-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.student-course-list .course-list-container{background:#f8fafc;border-radius:8px;border-top:1px solid #e5e7eb;margin-top:24px;padding:20px}.student-course-list .course-list-container h3{color:#1f2937;font-weight:600;margin-bottom:16px}.student-course-list .course-list{list-style:none;margin:0;padding:0}.student-course-list .course-list li{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.student-course-list .course-list li:hover{background:#f3f4f6;border-color:#d1d5db}.student-course-list .course-list li:last-child{margin-bottom:0}.student-course-list .unregister-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease}.student-course-list .unregister-btn:hover{background:#dc2626;box-shadow:0 2px 4px #ef44444d;transform:translateY(-1px)}.student-course-list .unregister-btn:active{transform:translateY(0)}.student-course-list p{color:#6b7280;font-style:italic;margin:20px 0;text-align:center}@media(prefers-color-scheme:dark){.student-course-list{background:#2d3748;border-color:#4a5568}.student-course-list h3,.student-course-list h4{border-bottom-color:#4a5568;color:#f1f5f9}.student-course-list select{background:#4a5568;border-color:#718096;color:#f1f5f9}.student-course-list select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}.student-course-list .register-btn{background:#68d391}.student-course-list .register-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 2px 4px #68d3914d}.student-course-list .register-btn:disabled{background:#718096}.student-course-list .course-list-container{background:#1f2937;border-radius:8px;border-top-color:#4b5563;margin-top:20px;padding:20px}.student-course-list .course-list-container h3{color:#f9fafb;font-weight:600;margin-bottom:16px}.student-course-list .course-list li{background:#374151;border-color:#4b5563;color:#f9fafb}.student-course-list .course-list li:hover{background:#4b5563;border-color:#6b7280;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.student-course-list .unregister-btn{background:#dc2626;color:#fff}.student-course-list .unregister-btn:hover{background:#b91c1c;box-shadow:0 2px 4px #dc262666;transform:translateY(-1px)}.student-course-list .unregister-btn:active{transform:translateY(0)}.student-course-list p{color:#a0aec0}}@media(max-width:768px){.student-course-list{margin-bottom:20px;padding:20px}.student-course-list h3,.student-course-list h4{font-size:16px;margin-bottom:16px}.student-course-list h4{margin:16px 0 12px}.student-course-list select{font-size:13px;margin-bottom:12px;padding:10px 12px}.student-course-list .register-btn{font-size:13px;margin-bottom:16px;padding:10px 12px}.student-course-list .course-list li{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 12px}.student-course-list .unregister-btn{align-self:flex-end;font-size:11px;padding:6px 10px}}.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 .btn-wrapper{align-items:center;display:flex;gap:8px;justify-content:center}.admin-table .btn-wrapper button{font-size:13px;min-width:80px}.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.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:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding:16px}.admin-table .bulk-update select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;min-width:200px;padding:8px 12px}.admin-table .bulk-update select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-table .bulk-update button{background:#10b981;border:1px solid #10b981;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.admin-table .bulk-update button:hover:not(:disabled){background:#059669;border-color:#047857}.admin-table .bulk-update button:disabled{background:#9ca3af;border-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.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){.admin-table .schedule-header{border-bottom-color:#4a5568}.admin-table .schedule-header h3{color:#f1f5f9}.admin-table .schedule-header .schedule-close-btn{background:#4a5568;border-color:#718096;color:#e2e8f0}.admin-table .schedule-header .schedule-close-btn:hover{background:#718096;border-color:#a0aec0}.admin-table .table-wrapper{background:#2d3748;border-color:#4a5568}.admin-table .styled-table{background:#2d3748}.admin-table .styled-table thead{background:#4a5568;border-bottom-color:#718096}.admin-table .styled-table thead th{border-right-color:#718096;color:#e2e8f0}.admin-table .styled-table tbody tr{border-bottom-color:#4a5568}.admin-table .styled-table tbody tr:hover{background:#4a5568}.admin-table .styled-table tbody tr td{border-right-color:#4a5568;color:#e2e8f0}.admin-table .styled-table tbody tr td.no-data{color:#a0aec0}.admin-table .day-display{background:#4a5568;border-color:#718096;color:#e2e8f0}.admin-table button{background:#4a5568;border-color:#718096;box-shadow:0 1px 2px #0003;color:#f7fafc}.admin-table button:hover{background:#718096;border-color:#a0aec0;box-shadow:0 2px 4px #00000040;transform:translateY(-1px)}.admin-table button.edit-btn{background:#4a5568;border-color:#60a5fa;color:#93c5fd}.admin-table button.edit-btn:hover{background:#4a5568;border-color:#93c5fd;color:#bfdbfe}.admin-table button.close-btn{background:#4a5568;border-color:#fbbf24;color:#fde047}.admin-table button.close-btn:hover{background:#4a5568;border-color:#fde047;color:#fef08a}.admin-table button.delete-btn{background:#4a5568;border-color:#f87171;color:#fca5a5}.admin-table button.delete-btn:hover{background:#4a5568;border-color:#fca5a5;color:#fecaca}.admin-table button.reset-password-btn{background:#4a5568;border-color:#718096;color:#90cdf4}.admin-table button.reset-password-btn:hover{background:#718096;border-color:#a0aec0;color:#bee3f8}.admin-table button.save{background:#065f46;border-color:#10b981;color:#d1fae5}.admin-table button.save:hover{background:#047857;border-color:#059669;color:#ecfdf5}.admin-table button.cancel{background:#4a5568;border-color:#718096;color:#cbd5e0}.admin-table button.cancel:hover{background:#718096;border-color:#a0aec0;color:#e2e8f0}.admin-table .add-btn{background:#3b82f6;border-color:#3b82f6;color:#fff}.admin-table .add-btn:hover{background:#2563eb;border-color:#1d4ed8}.admin-table .bulk-update{background:#4a5568;border-color:#718096}.admin-table .bulk-update select{background:#2d3748;border-color:#718096;color:#e2e8f0}.admin-table .bulk-update select:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}.admin-table .bulk-update button{background:#10b981;border-color:#10b981;color:#fff}.admin-table .bulk-update button:hover:not(:disabled){background:#059669;border-color:#047857}.admin-table .selected-count{color:#a0aec0}.admin-table .inline-edit-row{background:#4a5568;border-color:#63b3ed}.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:#2d3748;border-color:#718096;color:#e2e8f0}.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:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}.admin-table .inline-edit-row .button-group button{box-shadow:0 1px 2px #0003}.admin-table .inline-edit-row .button-group button.save{background:#065f46;border-color:#10b981;color:#d1fae5}.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)}.admin-table .inline-edit-row .button-group button.cancel{background:#4a5568;border-color:#718096;color:#cbd5e0}.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:8px}.admin-table .bulk-update select{min-width:auto;width:100%}.admin-table .bulk-update button{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}}.edit-course-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:0 auto;max-width:600px;padding:32px;width:100%}.edit-course-modal .modal-header{margin-bottom:32px;text-align:center}.edit-course-modal .modal-header h3{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}.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:500;margin-bottom:8px}.edit-course-modal .form-group .form-input,.edit-course-modal .form-group .form-select,.edit-course-modal .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%}.edit-course-modal .form-group .form-input:focus,.edit-course-modal .form-group .form-select:focus,.edit-course-modal .form-group .form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;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-textarea{min-height:100px;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:20px}@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:150px}.edit-course-modal .select-group{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}@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:16px;margin-bottom:20px}.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-bottom:20px;padding:12px 16px}.edit-course-modal .error-message:before{content:"⚠️";font-size:16px}.edit-course-modal .modal-footer{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.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:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:100px;padding:12px 24px;transition:all .2s 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:#3b82f6;color:#fff}.edit-course-modal .modal-footer .button-group button.save-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.edit-course-modal .modal-footer .button-group button.save-btn:active{transform:translateY(0)}.edit-course-modal .modal-footer .button-group button.save-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.edit-course-modal .modal-footer .button-group button.cancel-btn{background:#f3f4f6;border:2px solid #e5e7eb;color:#374151}.edit-course-modal .modal-footer .button-group button.cancel-btn:hover{background:#e5e7eb;border-color:#d1d5db}.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(prefers-color-scheme:dark){.edit-course-modal{background:#1f2937;border-color:#374151}.edit-course-modal .modal-header{border-bottom-color:#374151}.edit-course-modal .modal-header h3{color:#f9fafb}.edit-course-modal .modal-header .modal-description{color:#d1d5db}.edit-course-modal .form-group .form-label{color:#e5e7eb}.edit-course-modal .form-group .form-input,.edit-course-modal .form-group .form-select,.edit-course-modal .form-group .form-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.edit-course-modal .form-group .form-input:focus,.edit-course-modal .form-group .form-select:focus,.edit-course-modal .form-group .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.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:#374151;color:#6b7280}.edit-course-modal .modal-footer{border-top-color:#374151}.edit-course-modal .modal-footer .button-group button.save-btn{background:linear-gradient(135deg,#059669,#047857)}.edit-course-modal .modal-footer .button-group button.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46)}.edit-course-modal .modal-footer .button-group button.save-btn:disabled{background:#6b7280}.edit-course-modal .modal-footer .button-group button.cancel-btn{background:#374151;border-color:#4b5563;color:#f3f4f6}.edit-course-modal .modal-footer .button-group button.cancel-btn:hover{background:#4b5563;border-color:#6b7280}.edit-course-modal.loading .form-input,.edit-course-modal.loading .form-select,.edit-course-modal.loading .form-textarea{background:#374151}.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:20px;max-width:calc(100% - 40px);padding:32px}.edit-course-modal .modal-header{margin-bottom:28px}.edit-course-modal .modal-header h3{font-size:24px}.edit-course-modal .form-group{margin-bottom:24px}.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;padding:14px 16px}.edit-course-modal .date-range-group,.edit-course-modal .select-group,.edit-course-modal .text-fields-group{gap:16px;margin-bottom:24px}}@media(max-width:480px){.edit-course-modal{margin:16px;max-width:calc(100% - 32px);padding:24px}.edit-course-modal .modal-header{margin-bottom:24px;padding-bottom:16px}.edit-course-modal .modal-header h3{font-size:22px}.edit-course-modal .form-group{margin-bottom:20px}.edit-course-modal .form-group .form-label{font-size:14px;margin-bottom:10px}.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:12px 14px}.edit-course-modal .date-range-group,.edit-course-modal .select-group{gap:12px;margin-bottom:20px}.edit-course-modal .text-fields-group{gap:14px;margin-bottom:20px}.edit-course-modal .modal-footer{margin-top:24px;padding-top:24px}.edit-course-modal .modal-footer .button-group button{font-size:15px;padding:14px 20px}}@media(prefers-color-scheme:dark){.edit-course-modal{background:#1f2937;border-color:#374151}.edit-course-modal .modal-header h3{color:#f9fafb}.edit-course-modal .form-group .form-label{color:#d1d5db}.edit-course-modal .form-group .form-input,.edit-course-modal .form-group .form-select,.edit-course-modal .form-group .form-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.edit-course-modal .form-group .form-input:focus,.edit-course-modal .form-group .form-select:focus,.edit-course-modal .form-group .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.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 .error-message{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}.edit-course-modal .modal-footer{border-top-color:#374151}.edit-course-modal .modal-footer .button-group button.save-btn{background:#3b82f6}.edit-course-modal .modal-footer .button-group button.save-btn:hover:not(:disabled){background:#2563eb}.edit-course-modal .modal-footer .button-group button.cancel-btn{background:#4b5563;border-color:#6b7280;color:#d1d5db}.edit-course-modal .modal-footer .button-group button.cancel-btn:hover{background:#6b7280;border-color:#9ca3af}:global(.react-datepicker){background:#374151!important;border-color:#4b5563!important;box-shadow:0 10px 15px -3px #0000004d!important}:global(.react-datepicker) .react-datepicker__header{background:#1f2937!important;border-bottom-color:#4b5563!important}:global(.react-datepicker) .react-datepicker__header .react-datepicker-time__header,:global(.react-datepicker) .react-datepicker__header .react-datepicker__current-month,:global(.react-datepicker) .react-datepicker__header .react-datepicker__day-name{color:#f9fafb!important}:global(.react-datepicker) .react-datepicker__header .react-datepicker__navigation{color:#f9fafb!important}:global(.react-datepicker) .react-datepicker__header .react-datepicker__navigation:hover{color:#60a5fa!important}:global(.react-datepicker) .react-datepicker__month .react-datepicker__day{color:#f9fafb!important}:global(.react-datepicker) .react-datepicker__month .react-datepicker__day:hover{background:#4b5563!important;color:#f9fafb!important}:global(.react-datepicker) .react-datepicker__month .react-datepicker__day.react-datepicker__day--selected{background:#3b82f6!important;color:#fff!important}:global(.react-datepicker) .react-datepicker__month .react-datepicker__day.react-datepicker__day--keyboard-selected{background:#60a5fa!important;color:#fff!important}:global(.react-datepicker) .react-datepicker__month .react-datepicker__day--disabled{color:#6b7280!important}:global(.react-datepicker) .react-datepicker__today-button{background:#1f2937!important;border-top-color:#4b5563!important;color:#f9fafb!important}}.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 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 .course-list-container .admin-table .table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.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){.admin-course-management-page{background:#1a1a2e}.admin-course-management-page .page-header{background:#2d3748;border-color:#4a5568}.admin-course-management-page .page-header .header-content .header-title .header-icon{color:#68d391}.admin-course-management-page .page-header .header-content .header-title h1{color:#f1f5f9}.admin-course-management-page .page-header .header-content .header-title .header-description{color:#a0aec0}.admin-course-management-page .page-header .header-content .header-actions .add-course-btn{background:#68d391}.admin-course-management-page .page-header .header-content .header-actions .add-course-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}.admin-course-management-page .course-list-container{background:#2d3748;border-color:#4a5568}.admin-course-management-page .course-list-container .admin-table h3{border-bottom-color:#4a5568;color:#f1f5f9}.admin-course-management-page .course-list-container .admin-table .table-wrapper{border-color:#4a5568}.admin-course-management-page .student-course-list-container{background:#2d3748;border-color:#4a5568}.admin-course-management-page .student-course-list-container h3{border-bottom-color:#4a5568;color:#f1f5f9}.admin-course-management-page .loading-container p{color:#a0aec0}.modal{background:#000c}.modal .add-course-modal-content,.modal .modal-content{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}.add-course-form .form-group label{color:#e2e8f0}.add-course-form .form-group input,.add-course-form .form-group select,.add-course-form .form-group textarea{background:#4a5568;border-color:#718096;color:#f1f5f9}.add-course-form .form-group input:focus,.add-course-form .form-group select:focus,.add-course-form .form-group textarea:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}.add-course-form .form-group input::placeholder,.add-course-form .form-group select::placeholder,.add-course-form .form-group textarea::placeholder{color:#a0aec0}.add-course-form .form-actions{border-top-color:#4a5568}.add-course-form .form-actions .submit-btn{background:#68d391}.add-course-form .form-actions .submit-btn:hover:not(:disabled){background:#48bb78;box-shadow:0 4px 12px #68d3914d}.add-course-form .form-actions .cancel-btn{background:#4a5568;border-color:#718096;color:#e2e8f0}.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,.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%}}.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){.add-classroom-form{background:#2d3748;border-color:#4a5568}.add-classroom-form h3{border-bottom-color:#4a5568;color:#f1f5f9}.add-classroom-form input,.add-classroom-form select{background:#4a5568;border-color:#718096;color:#f1f5f9}.add-classroom-form input:focus,.add-classroom-form select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}.add-classroom-form input::placeholder,.add-classroom-form select::placeholder{color:#a0aec0}.add-classroom-form button{background:#68d391}.add-classroom-form button:hover:not(:disabled){background:#48bb78;box-shadow:0 2px 4px #68d3914d}.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%}@keyframes formSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.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){.edit-classroom-form{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}.edit-classroom-form h3{border-bottom-color:#4a5568;color:#f1f5f9}.edit-classroom-form input{background:#4a5568;border-color:#718096;color:#f1f5f9}.edit-classroom-form input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}.edit-classroom-form input::placeholder{color:#a0aec0}.edit-classroom-form .button-group{border-top-color:#4a5568}.edit-classroom-form .button-group button.save{background:#63b3ed}.edit-classroom-form .button-group button.save:hover{background:#4299e1;box-shadow:0 4px 12px #63b3ed4d}.edit-classroom-form .button-group button.cancel{background:#4a5568;border-color:#718096;color:#e2e8f0}.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){.admin-classroom-management-page{background:#1a1a2e}.admin-classroom-management-page .page-header{background:#2d3748;border-color:#4a5568}.admin-classroom-management-page .page-header .header-content .header-title .header-icon{color:#68d391}.admin-classroom-management-page .page-header .header-content .header-title h1{color:#f1f5f9}.admin-classroom-management-page .page-header .header-content .header-title .header-description{color:#a0aec0}.admin-classroom-management-page .classroom-list-container{background:#2d3748;border-color:#4a5568}.admin-classroom-management-page .loading-container p{color:#a0aec0}.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){.admin-email-page{background:#1a202c}.admin-email-page .page-header{background:linear-gradient(135deg,#4c51bf,#5a67d8)}.admin-email-page .email-dashboard .features-section h2{color:#f1f5f9}.admin-email-page .email-dashboard .features-section .features-grid .feature-card{background:#2d3748;border-color:#4a5568}.admin-email-page .email-dashboard .features-section .features-grid .feature-card:hover{border-color:#60a5fa;box-shadow:0 4px 6px #0000004d}.admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-content h3{color:#f1f5f9}.admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-arrow,.admin-email-page .email-dashboard .features-section .features-grid .feature-card .feature-content p{color:#a0aec0}.admin-email-page .email-dashboard .recent-activity .activity-section{background:#2d3748;border-color:#4a5568}.admin-email-page .email-dashboard .recent-activity .activity-section .section-header{border-bottom-color:#4a5568}.admin-email-page .email-dashboard .recent-activity .activity-section .section-header h3{color:#f1f5f9}.admin-email-page .email-dashboard .recent-activity .activity-section .section-header .view-all-btn{color:#60a5fa}.admin-email-page .email-dashboard .recent-activity .activity-section .section-header .view-all-btn:hover{background:#4a5568}.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{border-color:#60a5fa #4a5568 #4a5568}.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:#a0aec0}.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:#718096}.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:#a0aec0}.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{background:#4a5568;border-color:#718096}.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:#718096;border-color:#60a5fa;box-shadow:0 4px 6px #0000004d}.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:#f1f5f9}.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 .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 .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 .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 .template-info .template-header .template-type{opacity:.95}.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{color:#a0aec0}.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:#f1f5f9}.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{color:#a0aec0}.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:#718096}.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{color:#a0aec0}.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:#2d3748;color:#60a5fa}.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{opacity:.95}.admin-email-page .email-dashboard .quick-actions{background:#2d3748;border-color:#4a5568}.admin-email-page .email-dashboard .quick-actions h3{color:#f1f5f9}.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:#4a5568;border-color:#718096;color:#e2e8f0}.admin-email-page .email-dashboard .quick-actions .actions-grid .quick-action-btn.secondary:hover{background:#718096}}.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){.admin-email-templates-page .error-container p,.admin-email-templates-page .loading-container p{color:#a0aec0}.admin-email-templates-page .error-container h3,.admin-email-templates-page .loading-container h3{color:#f1f5f9}.admin-email-templates-page .error-container .retry-btn,.admin-email-templates-page .loading-container .retry-btn{background:#4299e1}.admin-email-templates-page .error-container .retry-btn:hover,.admin-email-templates-page .loading-container .retry-btn:hover{background:#3182ce}.admin-email-templates-page .error-container p{color:#f56565}.admin-email-templates-page{background:#1a1a2e}.admin-email-templates-page .page-header{background:#2d3748;border-color:#4a5568}.admin-email-templates-page .page-header .header-content .header-title .back-btn{color:#a0aec0}.admin-email-templates-page .page-header .header-content .header-title .back-btn:hover{background:#4a5568;color:#f1f5f9}.admin-email-templates-page .page-header .header-content .header-title .header-icon{color:#63b3ed}.admin-email-templates-page .page-header .header-content .header-title h1{color:#f1f5f9}.admin-email-templates-page .page-header .header-content .header-title .header-description{color:#a0aec0}.admin-email-templates-page .page-header .header-content .create-btn{background:#4299e1}.admin-email-templates-page .page-header .header-content .create-btn:hover{background:#3182ce}.admin-email-templates-page .templates-content .search-filter-section{background:#2d3748;border-color:#4a5568}.admin-email-templates-page .templates-content .search-filter-section .search-box svg{color:#a0aec0}.admin-email-templates-page .templates-content .search-filter-section .search-box input{background:#4a5568;border-color:#718096;color:#f1f5f9}.admin-email-templates-page .templates-content .search-filter-section .search-box input:focus{background:#4a5568;border-color:#63b3ed}.admin-email-templates-page .templates-content .search-filter-section .filter-section svg{color:#a0aec0}.admin-email-templates-page .templates-content .search-filter-section .filter-section select{background:#4a5568;border-color:#718096;color:#f1f5f9}.admin-email-templates-page .templates-content .search-filter-section .filter-section select:focus{border-color:#63b3ed}.admin-email-templates-page .templates-content .search-filter-section .action-buttons .action-btn{background:#4a5568;border-color:#718096;color:#a0aec0}.admin-email-templates-page .templates-content .search-filter-section .action-buttons .action-btn:hover{background:#718096;color:#f1f5f9}.admin-email-templates-page .templates-content .templates-grid .template-card{background:#2d3748;border-color:#4a5568}.admin-email-templates-page .templates-content .templates-grid .template-card:hover{background:#4a5568;border-color:#718096}.admin-email-templates-page .templates-content .templates-grid .template-card .template-content .template-name{color:#f1f5f9}.admin-email-templates-page .templates-content .templates-grid .template-card .template-content .template-subject{color:#63b3ed}.admin-email-templates-page .templates-content .templates-grid .template-card .template-content .template-preview{background:#4a5568;border-color:#718096;color:#a0aec0}.admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-stats .stat{color:#a0aec0}.admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-variables .variable-tag{background:#2d3748;color:#90cdf4}.admin-email-templates-page .templates-content .templates-grid .template-card .template-footer .template-variables .variable-more{background:#4a5568;color:#a0aec0}.admin-email-templates-page .templates-content .empty-state{background:#2d3748;border-color:#4a5568}.admin-email-templates-page .templates-content .empty-state svg{color:#a0aec0}.admin-email-templates-page .templates-content .empty-state h3{color:#f1f5f9}.admin-email-templates-page .templates-content .empty-state p{color:#a0aec0}.admin-email-templates-page .templates-content .empty-state .create-btn{background:#4299e1}.admin-email-templates-page .templates-content .empty-state .create-btn:hover{background:#3182ce}.admin-email-templates-page .modal-overlay .modal-content{background:#2d3748;border-color:#4a5568}.admin-email-templates-page .modal-overlay .modal-content .modal-header{border-color:#4a5568}.admin-email-templates-page .modal-overlay .modal-content .modal-header h2{color:#f1f5f9}.admin-email-templates-page .modal-overlay .modal-content .modal-header .close-btn{color:#a0aec0}.admin-email-templates-page .modal-overlay .modal-content .modal-header .close-btn:hover{background:#4a5568}.admin-email-templates-page .modal-overlay .modal-content .modal-body p{color:#a0aec0}.admin-email-templates-page .modal-overlay .modal-content .modal-footer{border-color:#4a5568}.admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-secondary{background:#4a5568;border-color:#718096;color:#f1f5f9}.admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-secondary:hover{background:#718096}.admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-primary{background:#4299e1}.admin-email-templates-page .modal-overlay .modal-content .modal-footer .btn-primary:hover{background:#3182ce}}.admin-email-template-create-page{background:#f8fafc;min-height:100vh;padding:24px}.admin-email-template-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-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:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.admin-email-template-create-page .page-header .header-content .header-title .back-btn:hover{background:#f3f4f6;color:#374151}.admin-email-template-create-page .page-header .header-content .header-title .header-icon{color:#3b82f6}.admin-email-template-create-page .page-header .header-content .header-title h1{color:#1f2937;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:#6b7280;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:#f3f4f6;border:1px solid #d1d5db;color:#374151}.admin-email-template-create-page .page-header .header-content .header-actions .preview-btn:hover:not(:disabled){background:#e5e7eb}.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:#3b82f6;color:#fff}.admin-email-template-create-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#2563eb}.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:#fff;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:#1f2937;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:#6b7280;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:#fff;border:1px solid #d1d5db;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:#3b82f6;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:#ef4444}.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:#9ca3af}.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:#ef4444;font-size:12px;margin-top:4px}.admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info{background:#f9fafb;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:#1f2937;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:#6b7280;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:#fff;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:#3b82f6}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-content .preview-email .email-header{margin-bottom:16px}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-content .preview-email .email-header .email-subject{display:flex;flex-direction:column;gap:4px}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-content .preview-email .email-header .email-subject strong{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-content .preview-email .email-header .email-subject span{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:16px;font-weight:500;padding:8px 0}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-content .preview-email .email-body{margin-bottom:16px}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-content .preview-email .email-body .email-text{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;line-height:1.6;min-height:120px;padding:16px;white-space:pre-wrap}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-content .preview-email .email-variables .variables-note{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;display:flex;gap:8px;padding:12px}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-content .preview-email .email-variables .variables-note svg{color:#f59e0b;flex-shrink:0}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-content .preview-email .email-variables .variables-note span{color:#92400e;font-size:12px;line-height:1.4}.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:#fff;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:#10b981}.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:#ef4444}.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:#1f2937;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:#6b7280;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:#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-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:#2563eb}@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){.admin-email-template-create-page{background:#1a1a2e}.admin-email-template-create-page .page-header{background:#2d3748;border-color:#4a5568}.admin-email-template-create-page .page-header .header-content .header-title .back-btn{color:#a0aec0}.admin-email-template-create-page .page-header .header-content .header-title .back-btn:hover{background:#4a5568;color:#f1f5f9}.admin-email-template-create-page .page-header .header-content .header-title .header-icon{color:#63b3ed}.admin-email-template-create-page .page-header .header-content .header-title h1{color:#f1f5f9}.admin-email-template-create-page .page-header .header-content .header-title .template-type-info .type-description{color:#a0aec0}.admin-email-template-create-page .page-header .header-content .header-actions .preview-btn{background:#4a5568;border-color:#718096;color:#f1f5f9}.admin-email-template-create-page .page-header .header-content .header-actions .preview-btn:hover:not(:disabled){background:#718096}.admin-email-template-create-page .page-header .header-content .header-actions .save-draft-btn{background:#f6ad55;color:#1a202c}.admin-email-template-create-page .page-header .header-content .header-actions .save-draft-btn:hover:not(:disabled){background:#ed8936}.admin-email-template-create-page .page-header .header-content .header-actions .save-btn{background:#4299e1}.admin-email-template-create-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#3182ce}.admin-email-template-create-page .create-content .create-main .create-form{background:#2d3748;border-color:#4a5568}.admin-email-template-create-page .create-content .create-main .create-form .form-section .section-header h2{color:#f1f5f9}.admin-email-template-create-page .create-content .create-main .create-form .form-section .section-header .section-description{color:#a0aec0}.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:#4a5568;border-color:#718096;color:#f1f5f9}.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:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}.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:#f56565}.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:#a0aec0}.admin-email-template-create-page .create-content .create-main .create-form .form-section .form-group .error-message{color:#f56565}.admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info{background:#4a5568;border-color:#718096}.admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info h4{color:#f1f5f9}.admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info .variables-description{color:#a0aec0}.admin-email-template-create-page .create-content .create-main .create-form .form-section .variables-info .variables-list .variable-tag{background:#2d3748;color:#90cdf4}.admin-email-template-create-page .create-content .create-main .preview-panel{background:#2d3748;border-color:#4a5568}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-header{border-color:#4a5568}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-header svg{color:#63b3ed}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-header h3{color:#f1f5f9}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-content .preview-email .email-header .email-subject strong{color:#a0aec0}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-content .preview-email .email-header .email-subject span{border-color:#4a5568;color:#f1f5f9}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-content .preview-email .email-body .email-text{background:#4a5568;border-color:#718096;color:#f1f5f9}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-content .preview-email .email-variables .variables-note{background:#2d3748;border-color:#f6ad55}.admin-email-template-create-page .create-content .create-main .preview-panel .preview-content .preview-email .email-variables .variables-note span,.admin-email-template-create-page .create-content .create-main .preview-panel .preview-content .preview-email .email-variables .variables-note svg{color:#f6ad55}.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:#2d3748;border-color:#4a5568}.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:#f1f5f9}.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:#a0aec0}.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:#4299e1}.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:#3182ce}}.admin-email-template-edit-page{background:#f8fafc;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:#6b7280;font-size:16px;margin:0}.admin-email-template-edit-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-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:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.admin-email-template-edit-page .page-header .header-content .header-title .back-btn:hover{background:#f3f4f6;color:#374151}.admin-email-template-edit-page .page-header .header-content .header-title .header-icon{color:#3b82f6}.admin-email-template-edit-page .page-header .header-content .header-title h1{color:#1f2937;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:#f9fafb;border-radius:6px;color:#6b7280;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:#f3f4f6;border:1px solid #d1d5db;color:#374151}.admin-email-template-edit-page .page-header .header-content .header-actions .preview-btn:hover:not(:disabled){background:#e5e7eb}.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:#3b82f6;color:#fff}.admin-email-template-edit-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#2563eb}.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:#fff;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:#1f2937;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:#6b7280;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:#fff;border:1px solid #d1d5db;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:#3b82f6;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:#ef4444}.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:#9ca3af}.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:#ef4444;font-size:12px;margin-top:4px}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info{background:#f9fafb;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:#1f2937;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:#6b7280;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:#f59e0b;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:#fff;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:#3b82f6}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-content .preview-email .email-header{margin-bottom:16px}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-content .preview-email .email-header .email-subject{display:flex;flex-direction:column;gap:4px}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-content .preview-email .email-header .email-subject strong{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-content .preview-email .email-header .email-subject span{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:16px;font-weight:500;padding:8px 0}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-content .preview-email .email-body{margin-bottom:16px}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-content .preview-email .email-body .email-text{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;line-height:1.6;min-height:120px;padding:16px;white-space:pre-wrap}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-content .preview-email .email-variables .variables-note{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;display:flex;gap:8px;padding:12px}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-content .preview-email .email-variables .variables-note svg{color:#f59e0b;flex-shrink:0}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-content .preview-email .email-variables .variables-note span{color:#92400e;font-size:12px;line-height:1.4}.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:#fff;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:#10b981}.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:#ef4444}.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:#1f2937;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:#6b7280;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:#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-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:#2563eb}.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){.admin-email-template-edit-page{background:#1a1a2e}.admin-email-template-edit-page .loading-container p{color:#a0aec0}.admin-email-template-edit-page .page-header{background:#2d3748;border-color:#4a5568}.admin-email-template-edit-page .page-header .header-content .header-title .back-btn{color:#a0aec0}.admin-email-template-edit-page .page-header .header-content .header-title .back-btn:hover{background:#4a5568;color:#f1f5f9}.admin-email-template-edit-page .page-header .header-content .header-title .header-icon{color:#63b3ed}.admin-email-template-edit-page .page-header .header-content .header-title h1{color:#f1f5f9}.admin-email-template-edit-page .page-header .header-content .header-title .template-info .template-stats .stat{background:#4a5568;color:#a0aec0}.admin-email-template-edit-page .page-header .header-content .header-actions .preview-btn{background:#4a5568;border-color:#718096;color:#f1f5f9}.admin-email-template-edit-page .page-header .header-content .header-actions .preview-btn:hover:not(:disabled){background:#718096}.admin-email-template-edit-page .page-header .header-content .header-actions .save-draft-btn{background:#f6ad55;color:#1a202c}.admin-email-template-edit-page .page-header .header-content .header-actions .save-draft-btn:hover:not(:disabled){background:#ed8936}.admin-email-template-edit-page .page-header .header-content .header-actions .save-btn{background:#4299e1}.admin-email-template-edit-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#3182ce}.admin-email-template-edit-page .page-header .header-content .header-actions .delete-btn{background:#f56565}.admin-email-template-edit-page .page-header .header-content .header-actions .delete-btn:hover:not(:disabled){background:#e53e3e}.admin-email-template-edit-page .edit-content .edit-main .edit-form{background:#2d3748;border-color:#4a5568}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .section-header h2{color:#f1f5f9}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .section-header .section-description{color:#a0aec0}.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:#4a5568;border-color:#718096;color:#f1f5f9}.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:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}.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:#f56565}.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:#a0aec0}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .form-group .error-message{color:#f56565}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info{background:#4a5568;border-color:#718096}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info h4{color:#f1f5f9}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info .variables-description{color:#a0aec0}.admin-email-template-edit-page .edit-content .edit-main .edit-form .form-section .variables-info .variables-list .variable-tag{background:#2d3748;color:#90cdf4}.admin-email-template-edit-page .edit-content .edit-main .edit-form .changes-notice{background:#2d3748;border-color:#f6ad55}.admin-email-template-edit-page .edit-content .edit-main .edit-form .changes-notice span,.admin-email-template-edit-page .edit-content .edit-main .edit-form .changes-notice svg{color:#f6ad55}.admin-email-template-edit-page .edit-content .edit-main .preview-panel{background:#2d3748;border-color:#4a5568}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-header{border-color:#4a5568}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-header svg{color:#63b3ed}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-header h3{color:#f1f5f9}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-content .preview-email .email-header .email-subject strong{color:#a0aec0}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-content .preview-email .email-header .email-subject span{border-color:#4a5568;color:#f1f5f9}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-content .preview-email .email-body .email-text{background:#4a5568;border-color:#718096;color:#f1f5f9}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-content .preview-email .email-variables .variables-note{background:#2d3748;border-color:#f6ad55}.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-content .preview-email .email-variables .variables-note span,.admin-email-template-edit-page .edit-content .edit-main .preview-panel .preview-content .preview-email .email-variables .variables-note svg{color:#f6ad55}.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:#2d3748;border-color:#4a5568}.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:#f1f5f9}.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:#a0aec0}.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:#4299e1}.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:#3182ce}}.admin-email-dispatches-page{background:#f8fafc;min-height:100vh;padding:24px}.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 .action-buttons{display:flex;gap:8px}.admin-email-dispatches-page .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-dispatches-page .search-filter-section .action-buttons .action-btn:hover{background:#e5e7eb;color:#374151}.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: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){.admin-email-dispatches-page{background:#1a1a2e}.admin-email-dispatches-page .error-container p,.admin-email-dispatches-page .loading-container p{color:#a0aec0}.admin-email-dispatches-page .error-container h3,.admin-email-dispatches-page .loading-container h3{color:#f1f5f9}.admin-email-dispatches-page .error-container .retry-btn,.admin-email-dispatches-page .loading-container .retry-btn{background:#4299e1}.admin-email-dispatches-page .error-container .retry-btn:hover,.admin-email-dispatches-page .loading-container .retry-btn:hover{background:#3182ce}.admin-email-dispatches-page .error-container p{color:#f56565}.admin-email-dispatches-page .page-header{background:#2d3748;border-color:#4a5568}.admin-email-dispatches-page .page-header .header-content .header-title .back-btn{color:#a0aec0}.admin-email-dispatches-page .page-header .header-content .header-title .back-btn:hover{background:#4a5568;color:#f1f5f9}.admin-email-dispatches-page .page-header .header-content .header-title .header-icon{color:#68d391}.admin-email-dispatches-page .page-header .header-content .header-title h1{color:#f1f5f9}.admin-email-dispatches-page .page-header .header-content .header-title .header-description{color:#a0aec0}.admin-email-dispatches-page .page-header .header-content .create-btn{background:#38a169}.admin-email-dispatches-page .page-header .header-content .create-btn:hover{background:#2f855a}.admin-email-dispatches-page .search-filter-section{background:#2d3748;border-color:#4a5568}.admin-email-dispatches-page .search-filter-section .search-box svg{color:#a0aec0}.admin-email-dispatches-page .search-filter-section .search-box input{background:#4a5568;border-color:#718096;color:#f1f5f9}.admin-email-dispatches-page .search-filter-section .search-box input:focus{background:#4a5568;border-color:#68d391}.admin-email-dispatches-page .search-filter-section .filter-section svg{color:#a0aec0}.admin-email-dispatches-page .search-filter-section .filter-section select{background:#4a5568;border-color:#718096;color:#f1f5f9}.admin-email-dispatches-page .search-filter-section .filter-section select:focus{border-color:#68d391}.admin-email-dispatches-page .search-filter-section .action-buttons .action-btn{background:#4a5568;border-color:#718096;color:#a0aec0}.admin-email-dispatches-page .search-filter-section .action-buttons .action-btn:hover{background:#718096;color:#f1f5f9}.admin-email-dispatches-page .dispatches-grid .dispatch-card{background:#2d3748;border-color:#4a5568}.admin-email-dispatches-page .dispatches-grid .dispatch-card:hover{background:#4a5568;border-color:#718096}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-status .segment-type{background:#4a5568;color:#a0aec0}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn{color:#a0aec0}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn:hover{background:#4a5568;color:#f1f5f9}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn.send-btn:hover{background:#2d3748;color:#68d391}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-header .dispatch-actions .action-btn.delete-btn:hover{background:#2d3748;color:#f56565}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-content .dispatch-subject{color:#f1f5f9}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-content .dispatch-preview{background:#4a5568;border-color:#718096;color:#a0aec0}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-stats .stat-item{color:#a0aec0}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-stats .stat-item.failed{color:#f56565}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-dates .date{color:#9ca3af}.admin-email-dispatches-page .dispatches-grid .dispatch-card .dispatch-footer .dispatch-dates .date.completed{color:#68d391}.admin-email-dispatches-page .empty-state{background:#2d3748;border-color:#4a5568}.admin-email-dispatches-page .empty-state svg{color:#a0aec0}.admin-email-dispatches-page .empty-state h3{color:#f1f5f9}.admin-email-dispatches-page .empty-state p{color:#a0aec0}.admin-email-dispatches-page .empty-state .create-btn{background:#38a169}.admin-email-dispatches-page .empty-state .create-btn:hover{background:#2f855a}.admin-email-dispatches-page .modal-overlay .modal-content{background:#2d3748;border-color:#4a5568}.admin-email-dispatches-page .modal-overlay .modal-content .modal-header{border-color:#4a5568}.admin-email-dispatches-page .modal-overlay .modal-content .modal-header h2{color:#f1f5f9}.admin-email-dispatches-page .modal-overlay .modal-content .modal-header .close-btn{color:#a0aec0}.admin-email-dispatches-page .modal-overlay .modal-content .modal-header .close-btn:hover{background:#4a5568}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .modal-description{color:#a0aec0}.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{background:#4a5568;border-color:#718096;min-height:80px;width:100%}.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}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn svg{color:#68d391}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn div h4{color:#f1f5f9}.admin-email-dispatches-page .modal-overlay .modal-content .modal-body .segment-options .segment-option-btn div p{color:#a0aec0}.admin-email-dispatches-page .modal-overlay .modal-content .modal-footer{border-color:#4a5568}.admin-email-dispatches-page .modal-overlay .modal-content .modal-footer .btn-secondary{background:#4a5568;border-color:#718096;color:#f1f5f9}.admin-email-dispatches-page .modal-overlay .modal-content .modal-footer .btn-secondary:hover{background:#718096}}.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){.admin-email-dispatch-create-page{background:#1a1a2e}.admin-email-dispatch-create-page .page-header{background:#2d3748;border-color:#4a5568}.admin-email-dispatch-create-page .page-header .header-content .header-title .back-btn{color:#a0aec0}.admin-email-dispatch-create-page .page-header .header-content .header-title .back-btn:hover{background:#4a5568;color:#f1f5f9}.admin-email-dispatch-create-page .page-header .header-content .header-title .header-icon{color:#68d391}.admin-email-dispatch-create-page .page-header .header-content .header-title h1{color:#f1f5f9}.admin-email-dispatch-create-page .page-header .header-content .header-title .header-description{color:#a0aec0}.admin-email-dispatch-create-page .page-header .header-content .header-actions .preview-btn{background:#4a5568;border-color:#718096;color:#f1f5f9}.admin-email-dispatch-create-page .page-header .header-content .header-actions .preview-btn:hover{background:#718096}.admin-email-dispatch-create-page .page-header .header-content .header-actions .save-btn{background:#38a169}.admin-email-dispatch-create-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#2f855a}.admin-email-dispatch-create-page .form-section{background:#2d3748;border-color:#4a5568}.admin-email-dispatch-create-page .form-section .section-header{border-color:#4a5568}.admin-email-dispatch-create-page .form-section .section-header svg{color:#68d391}.admin-email-dispatch-create-page .form-section .form-group .form-label,.admin-email-dispatch-create-page .form-section .section-header h2{color:#f1f5f9}.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:#4a5568;border-color:#718096;color:#f1f5f9}.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:#4a5568;border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}.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:#2d3748;border-color:#f56565}.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:#2d3748;color:#a0aec0;cursor:not-allowed}.admin-email-dispatch-create-page .form-section .form-group .input-help{color:#a0aec0}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template{background:#2d3748;border-color:#68d391}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info h4{color:#68d391}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info p{color:#9ae6b4}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .template-info .template-preview{color:#a0aec0}.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}.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}.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}.admin-email-dispatch-create-page .form-section .form-group .template-selection .selected-template .clear-template-btn:active{background:#c53030!important;transform:none!important}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card{background:#4a5568;border-color:#718096}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card:hover{background:#2d3748;border-color:#68d391}.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}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card .course-info h4{color:#f1f5f9}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card .course-info p{color:#a0aec0}.admin-email-dispatch-create-page .form-section .form-group .course-selection .course-grid .course-card .course-checkbox{color:#68d391}.admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses{background:#2d3748;border-color:#68d391}.admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses h5{color:#68d391}.admin-email-dispatch-create-page .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag{background:#68d391}.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 .preview-section{background:#2d3748;border-color:#4a5568}.admin-email-dispatch-create-page .preview-section .section-header{border-color:#4a5568}.admin-email-dispatch-create-page .preview-section .section-header svg{color:#68d391}.admin-email-dispatch-create-page .preview-section .section-header h2{color:#f1f5f9}.admin-email-dispatch-create-page .preview-section .preview-content .preview-item label{color:#a0aec0}.admin-email-dispatch-create-page .preview-section .preview-content .preview-item .preview-value{background:#4a5568;border-color:#718096;color:#f1f5f9}.admin-email-dispatch-create-page .preview-section .preview-content .preview-item .preview-value.preview-json pre{color:#f1f5f9}.admin-email-dispatch-create-page .save-status-overlay .save-status-content{background:#2d3748;color:#f1f5f9}.admin-email-dispatch-create-page .save-status-overlay .save-status-content h3{color:#f1f5f9}.admin-email-dispatch-create-page .save-status-overlay .save-status-content p{color:#a0aec0}.admin-email-dispatch-create-page .save-status-overlay .save-status-content .retry-btn{background:#f56565}.admin-email-dispatch-create-page .save-status-overlay .save-status-content .retry-btn:hover{background:#e53e3e}}.admin-email-dispatch-edit-page{background:#f8fafc;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:#6b7280;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:#fff;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:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.admin-email-dispatch-edit-page .page-header .header-content .header-title .back-btn:hover{background:#f3f4f6;color:#374151}.admin-email-dispatch-edit-page .page-header .header-content .header-title .header-icon{color:#10b981}.admin-email-dispatch-edit-page .page-header .header-content .header-title h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.admin-email-dispatch-edit-page .page-header .header-content .header-title .header-description{color:#6b7280;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:#f9fafb;border-radius:6px;color:#6b7280;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:#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-edit-page .page-header .header-content .header-actions .preview-btn:hover{background:#e5e7eb}.admin-email-dispatch-edit-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-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:#9ca3af;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:#9ca3af;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:#fff;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:#10b981}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header h2{color:#1f2937;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:#6b7280;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:#374151;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:#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%}.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:#3b82f6;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:#ef4444}.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:#9ca3af}.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:#ef4444;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:#6b7280;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:#fff;border:2px solid #e5e7eb;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:#3b82f6;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:#10b981}.admin-email-dispatch-edit-page .edit-content .edit-form .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-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card .course-info p{color:#6b7280;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:#10b981}.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:#374151;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:#fff;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:#1f2937;font-size:16px;font-weight:600;margin:0}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-content .preview-email .email-header{margin-bottom:16px}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-content .preview-email .email-header .email-subject{color:#374151;font-size:14px}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-content .preview-email .email-header .email-subject strong{color:#1f2937;margin-right:8px}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-content .preview-email .email-body{margin-bottom:16px}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-content .preview-email .email-body .email-text{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;line-height:1.6;padding:12px;white-space:pre-wrap}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-content .preview-email .email-meta .meta-item{align-items:flex-start;display:flex;font-size:13px;gap:8px;margin-bottom:8px}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-content .preview-email .email-meta .meta-item strong{color:#374151;flex-shrink:0;min-width:80px}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-content .preview-email .email-meta .meta-item span{color:#6b7280}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-content .preview-email .email-meta .meta-item .segment-params-preview{background:#f3f4f6;border-radius:6px;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;max-height:120px;overflow-y:auto;padding:8px;white-space:pre-wrap;word-break:break-all}.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:#f59e0b;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:#fff;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:#1f2937;font-size:20px;font-weight:600;margin:16px 0 8px}.admin-email-dispatch-edit-page .save-success-overlay .success-content p{color:#6b7280;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:#fff;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:#1f2937;font-size:20px;font-weight:600;margin:16px 0 8px}.admin-email-dispatch-edit-page .save-error-overlay .error-content p{color:#6b7280;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){.admin-email-dispatch-edit-page{background:#1a1a2e}.admin-email-dispatch-edit-page .loading-container p{color:#a0aec0}.admin-email-dispatch-edit-page .page-header{background:#2d3748;border-color:#4a5568}.admin-email-dispatch-edit-page .page-header .header-content .header-title .back-btn{color:#a0aec0}.admin-email-dispatch-edit-page .page-header .header-content .header-title .back-btn:hover{background:#4a5568;color:#f1f5f9}.admin-email-dispatch-edit-page .page-header .header-content .header-title .header-icon{color:#68d391}.admin-email-dispatch-edit-page .page-header .header-content .header-title h1{color:#f1f5f9}.admin-email-dispatch-edit-page .page-header .header-content .header-title .header-description{color:#a0aec0}.admin-email-dispatch-edit-page .page-header .header-content .header-title .dispatch-info .dispatch-stats .stat{background:#4a5568;color:#e2e8f0}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .preview-btn{background:#4a5568;border-color:#718096;color:#e2e8f0}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .preview-btn:hover{background:#718096}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .save-btn{background:#68d391}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .save-btn:hover:not(:disabled){background:#48bb78}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .delete-btn{background:#f56565}.admin-email-dispatch-edit-page .page-header .header-content .header-actions .delete-btn:hover:not(:disabled){background:#e53e3e}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section{background:#2d3748;border-color:#4a5568}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header{border-bottom-color:#4a5568}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header svg{color:#68d391}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header h2{color:#f1f5f9}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .section-header .section-description{color:#a0aec0}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .form-label{color:#e2e8f0}.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:#4a5568;border-color:#718096;color:#f1f5f9}.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:#68d391;box-shadow:0 0 0 3px #68d3911a}.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:#f56565}.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,.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .input-help{color:#a0aec0}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card{background:#4a5568;border-color:#718096}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card:hover{border-color:#60a5fa}.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}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card .course-info h4{color:#f1f5f9}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .course-grid .course-card .course-info p{color:#a0aec0}.admin-email-dispatch-edit-page .edit-content .edit-form .form-section .form-group .course-selection .selected-courses h5{color:#e2e8f0}.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}.admin-email-dispatch-edit-page .edit-content .preview-panel{background:#2d3748;border-color:#4a5568}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-header{border-bottom-color:#4a5568}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-header h3{color:#f1f5f9}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-content .preview-email .email-header .email-subject{color:#e2e8f0}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-content .preview-email .email-header .email-subject strong{color:#f1f5f9}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-content .preview-email .email-body .email-text{background:#4a5568;border-color:#718096;color:#e2e8f0}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-content .preview-email .email-meta .meta-item strong{color:#e2e8f0}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-content .preview-email .email-meta .meta-item span{color:#a0aec0}.admin-email-dispatch-edit-page .edit-content .preview-panel .preview-content .preview-email .email-meta .meta-item .segment-params-preview{background:#4a5568;color:#e2e8f0}.admin-email-dispatch-edit-page .changes-notice{background:#744210;border-color:#d69e2e;color:#fef5e7}.admin-email-dispatch-edit-page .changes-notice svg{color:#d69e2e}.admin-email-dispatch-edit-page .save-success-overlay{background:#1f2937e6}.admin-email-dispatch-edit-page .save-success-overlay .success-content{background:#2d3748;border-color:#4a5568}.admin-email-dispatch-edit-page .save-success-overlay .success-content h3{color:#f1f5f9}.admin-email-dispatch-edit-page .save-success-overlay .success-content p{color:#a0aec0}.admin-email-dispatch-edit-page .save-error-overlay{background:#1f2937e6}.admin-email-dispatch-edit-page .save-error-overlay .error-content{background:#2d3748;border-color:#4a5568}.admin-email-dispatch-edit-page .save-error-overlay .error-content h3{color:#f1f5f9}.admin-email-dispatch-edit-page .save-error-overlay .error-content p{color:#a0aec0}.admin-email-dispatch-edit-page .save-error-overlay .error-content .retry-btn{background:#f56565}.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}}.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}.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){.loading-container .loading-spinner{border-color:#10b981 #4a5568 #4a5568}.loading-container p{color:#a0aec0}.empty-state svg{color:#718096}.empty-state h3{color:#f1f5f9}.empty-state p{color:#a0aec0}.empty-state .btn-primary{background:#10b981}.empty-state .btn-primary:hover{background:#059669}.dispatch-grid .dispatch-card{background:#2d3748;border-color:#4a5568}.dispatch-grid .dispatch-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126}.dispatch-grid .dispatch-card .dispatch-header h3{color:#f1f5f9}.dispatch-grid .dispatch-card .dispatch-preview{color:#a0aec0}.dispatch-grid .dispatch-card .dispatch-meta .segment-type{background:#4a5568;color:#a0aec0}.create-dispatch-form{background:#2d3748;border-color:#4a5568}.create-dispatch-form .form-header{border-bottom-color:#4a5568}.create-dispatch-form .form-header .header-title svg{color:#10b981}.create-dispatch-form .form-header .header-title h3{color:#f1f5f9}.create-dispatch-form .form-header .close-btn{color:#a0aec0}.create-dispatch-form .form-header .close-btn:hover{background:#4a5568;color:#f1f5f9}.create-dispatch-form .form-section{background:#4a5568;border-color:#718096}.create-dispatch-form .form-section .section-header{border-bottom-color:#718096}.create-dispatch-form .form-section .section-header svg{color:#10b981}.create-dispatch-form .form-section .section-header h4{color:#f1f5f9}.create-dispatch-form .form-section .form-group .form-label{color:#d1d5db}.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:#374151;border-color:#718096;color:#f1f5f9}.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}.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:#7f1d1d;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 .error-message{color:#fca5a5}.create-dispatch-form .form-section .form-group .error-message.general{background:#7f1d1d;border-color:#dc2626}.create-dispatch-form .form-section .form-group .input-help{color:#a0aec0}.create-dispatch-form .form-section .form-group .template-selection .selected-template{background:#064e3b;border-color:#10b981}.create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info h4{color:#6ee7b7}.create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info p{color:#34d399}.create-dispatch-form .form-section .form-group .template-selection .selected-template .template-info .template-preview{color:#a0aec0}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card{background:#374151;border-color:#718096}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card:hover{border-color:#10b981}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card.selected{background:#064e3b;border-color:#10b981}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card .course-info h5{color:#f1f5f9}.create-dispatch-form .form-section .form-group .course-selection .course-grid .course-card .course-info p{color:#a0aec0}.create-dispatch-form .form-section .form-group .course-selection .selected-courses{background:#064e3b;border-color:#10b981}.create-dispatch-form .form-section .form-group .course-selection .selected-courses h5{color:#6ee7b7}.create-dispatch-form .form-section .form-group .course-selection .selected-courses .selected-list .selected-course-tag{background:#374151;border-color:#34d399;color:#34d399}.create-dispatch-form .preview-section{background:#4a5568;border-color:#718096}.create-dispatch-form .preview-section .section-header{border-bottom-color:#718096}.create-dispatch-form .preview-section .section-header svg{color:#10b981}.create-dispatch-form .preview-section .section-header h4{color:#f1f5f9}.create-dispatch-form .preview-section .preview-content .preview-item label{color:#a0aec0}.create-dispatch-form .preview-section .preview-content .preview-item .preview-text{background:#374151;border-color:#718096;color:#f1f5f9}.create-dispatch-form .preview-section .preview-content .preview-item .preview-body{background:#374151;border-color:#718096;color:#d1d5db}.create-dispatch-form .form-actions{border-top-color:#718096}.create-dispatch-form .form-actions .preview-toggle-btn{background:#4a5568;border-color:#718096;color:#d1d5db}.create-dispatch-form .form-actions .preview-toggle-btn:hover{background:#718096}.create-dispatch-form .form-actions .action-buttons .btn-secondary{background:#4a5568;border-color:#718096;color:#d1d5db}.create-dispatch-form .form-actions .action-buttons .btn-secondary:hover:not(:disabled){background:#718096}.create-dispatch-form .form-actions .action-buttons .btn-primary{background:#10b981}.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:#1f2937;font-size:18px;font-weight:600;margin:0}.preview-container .email-preview .preview-header .preview-toggle{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;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:#e5e7eb}.preview-container .email-preview .preview-content{background:#f9fafb;border:1px solid #e5e7eb;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:#374151;margin-right:8px}.preview-container .email-preview .preview-content .email-subject span{color:#1f2937}.preview-container .email-preview .preview-content .email-body .email-text{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;line-height:1.6;padding:12px;white-space:pre-wrap}.preview-container .target-info h3{color:#1f2937;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:#6b7280;display:flex;font-size:14px;gap:8px}.preview-container .target-info .target-summary .summary-item svg{color:#10b981}.preview-container .target-info .recipients-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.preview-container .target-info .recipients-list h4{color:#374151;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:#fff;border:1px solid #e5e7eb;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:#1f2937;font-size:14px}.preview-container .target-info .recipients-list .recipients-grid .recipient-item .recipient-info span{color:#6b7280;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:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.step-actions .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d}@media(prefers-color-scheme:dark){.preview-container .email-preview .preview-header h3{color:#f1f5f9}.preview-container .email-preview .preview-header .preview-toggle{background:#4a5568;border-color:#718096;color:#d1d5db}.preview-container .email-preview .preview-header .preview-toggle:hover{background:#718096}.preview-container .email-preview .preview-content{background:#4a5568;border-color:#718096}.preview-container .email-preview .preview-content .email-subject strong{color:#d1d5db}.preview-container .email-preview .preview-content .email-subject span{color:#f1f5f9}.preview-container .email-preview .preview-content .email-body .email-text{background:#374151;border-color:#718096;color:#d1d5db}.preview-container .target-info h3{color:#f1f5f9}.preview-container .target-info .target-summary .summary-item{color:#a0aec0}.preview-container .target-info .recipients-list{background:#4a5568;border-color:#718096}.preview-container .target-info .recipients-list h4{color:#d1d5db}.preview-container .target-info .recipients-list .recipients-grid .recipient-item{background:#374151;border-color:#718096}.preview-container .target-info .recipients-list .recipients-grid .recipient-item .recipient-info strong{color:#f1f5f9}.preview-container .target-info .recipients-list .recipients-grid .recipient-item .recipient-info span{color:#a0aec0}.step-actions{border-top-color:#718096}.step-actions .btn-secondary{background:#4a5568;border-color:#718096;color:#d1d5db}.step-actions .btn-secondary:hover:not(:disabled){background:#718096;border-color:#a0aec0}.step-actions .btn-primary{background:#10b981}.step-actions .btn-primary:hover:not(:disabled){background:#059669}}.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){.schedule-options .form-group .form-label{color:#d1d5db}.schedule-options .form-group .radio-group .radio-option{background:#374151;border-color:#718096}.schedule-options .form-group .radio-group .radio-option:hover{background:#064e3b;border-color:#10b981}.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-content{color:#f1f5f9}.schedule-options .form-group .radio-group .radio-option .radio-custom{background:#4a5568;border-color:#a0aec0}.schedule-options .form-group .radio-group .radio-option .radio-content{color:#a0aec0}.schedule-options .form-group .radio-group .radio-option .radio-content div strong{color:#f1f5f9}.schedule-options .form-group .radio-group .radio-option .radio-content div p{color:#a0aec0}.schedule-options .form-group .form-input,.schedule-options .form-group .form-select{background:#374151;border-color:#718096;color:#f1f5f9}.schedule-options .form-group .form-input:focus,.schedule-options .form-group .form-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.schedule-options .form-group .form-input.error,.schedule-options .form-group .form-select.error{border-color:#ef4444}.schedule-options .form-group .error-message{color:#fca5a5}.step-actions{border-top-color:#718096}.step-actions .btn-secondary{background:#4a5568;border-color:#718096;color:#d1d5db}.step-actions .btn-secondary:hover{background:#718096}.step-actions .btn-primary{background:#10b981}.step-actions .btn-primary:hover:not(:disabled){background:#059669}.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){.success-container h2{color:#f1f5f9}.success-container p{color:#a0aec0}.success-container .success-details{background:#4a5568;border-color:#718096}.success-container .success-details .detail-item{border-bottom-color:#718096}.success-container .success-details .detail-item strong{color:#a0aec0}.success-container .success-details .detail-item span{color:#f1f5f9}.success-container .success-actions .btn-secondary{background:#4a5568;border-color:#718096;color:#d1d5db}.success-container .success-actions .btn-secondary:hover{background:#718096;border-color:#a0aec0}.success-container .success-actions .btn-primary{background:#10b981}.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}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(prefers-color-scheme:dark){.admin-email-send-page{background:#1a202c}.admin-email-send-page .page-header{background:#2d3748;border-color:#4a5568}.admin-email-send-page .page-header .header-content .header-title .back-btn{color:#a0aec0}.admin-email-send-page .page-header .header-content .header-title .back-btn:hover{background:#4a5568;color:#f1f5f9}.admin-email-send-page .page-header .header-content .header-title h1{color:#f1f5f9}.admin-email-send-page .page-header .header-content .header-title p{color:#a0aec0}.admin-email-send-page .step-indicator{background:#2d3748;border-color:#4a5568}.admin-email-send-page .step-indicator .step-item .step-number{background:#4a5568;color:#a0aec0}.admin-email-send-page .step-indicator .step-item .step-number.active{background:#10b981;color:#fff}.admin-email-send-page .step-indicator .step-item span{color:#a0aec0}.admin-email-send-page .step-indicator .step-line{background:#4a5568}.admin-email-send-page .step-indicator .step-line.active{background:#10b981}.admin-email-send-page .main-content{background:#2d3748;border-color:#4a5568}.admin-email-send-page .main-content .step-content .step-header h2{color:#f1f5f9}.admin-email-send-page .main-content .step-content .step-header p{color:#a0aec0}.admin-email-send-page .main-content .step-content .step-header .header-actions .btn-primary{background:#10b981}.admin-email-send-page .main-content .step-content .step-header .header-actions .btn-primary:hover{background:#059669}.admin-email-send-page .main-content .step-content .step-header .header-actions .btn-primary:disabled{opacity:.6}}.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){.announcement-card{background:#1f2937;border-color:#374151}.announcement-card:hover{border-color:#10b981;box-shadow:0 4px 12px #0000004d}.announcement-card h4{color:#f1f5f9}.announcement-card p{color:#e2e8f0}.announcement-card .date{color:#9ca3af}.announcement-card .date svg{color:#6b7280}.announcement-card .announcement-actions button{background:#374151;border-color:#4b5563;color:#e2e8f0}.announcement-card .announcement-actions button:hover{background:#4b5563;border-color:#6b7280}.announcement-card .announcement-actions button.edit-btn{background:#064e3b;border-color:#10b981;color:#86efac}.announcement-card .announcement-actions button.edit-btn:hover{background:#065f46;border-color:#10b981}.announcement-card .announcement-actions button.delete-btn{background:#7f1d1d;border-color:#ef4444;color:#fca5a5}.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){.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){.post-card{background:#2d3748;border-color:#4a5568}.post-card:hover{border-color:#68d391;box-shadow:0 4px 12px #0000004d}.post-card .post-header{background:#4a5568;border-bottom-color:#4a5568}.post-card .post-header .post-title{color:#f1f5f9}.post-card .post-header .post-meta{color:#a0aec0}.post-card .post-header .post-meta .post-date{color:#718096}.post-card .post-content .post-summary{color:#e2e8f0}.post-card .post-content .post-tags .tag{background:#1e3a8a;color:#93c5fd}.post-card .post-content .post-stats{color:#a0aec0}.post-card .post-actions{background:#4a5568;border-top-color:#4a5568}.post-card .post-actions .post-status.answered{background:#14532d;color:#86efac}.post-card .post-actions .post-status.pending{background:#451a03;color:#fbbf24}.post-card .post-actions .post-status.closed{background:#374151;color:#d1d5db}.post-card .post-actions .action-buttons button{background:#4a5568;border-color:#718096;color:#e2e8f0}.post-card .post-actions .action-buttons button:hover{background:#718096;border-color:#a0aec0}.post-card .post-actions .action-buttons button.edit-btn{border-color:#f59e0b;color:#f59e0b}.post-card .post-actions .action-buttons button.edit-btn:hover{background:#451a03;border-color:#f59e0b}.post-card .post-actions .action-buttons button.delete-btn{border-color:#f56565;color:#f56565}.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){.post-list-loading{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){.comment-list .comment-block{background-color:#374151;border-color:#4b5563}.comment-list .comment-item.reply{background-color:#064e3b;border-left-color:#10b981}.comment-list .comment-item.reply:before{border-right-color:#10b981}.comment-list .comment-item.reply .comment-content{color:#e2e8f0}.comment-list .comment-item .comment-meta,.comment-list .comment-item.reply .comment-meta{color:#9ca3af}.comment-list .comment-item .comment-meta .author{color:#f1f5f9}.comment-list .comment-item .comment-meta .date,.comment-list .comment-item .comment-meta .edited{color:#6b7280}.comment-list .comment-item .comment-content{color:#e2e8f0}.comment-list .comment-item .comment-actions .pill-btn{background-color:#4b5563;border-color:#6b7280;color:#e2e8f0}.comment-list .comment-item .comment-actions .pill-btn:hover{background-color:#6b7280;border-color:#9ca3af}.comment-list .comment-item .comment-actions .pill-btn.delete{background-color:#7f1d1d;border-color:#f87171;color:#f87171}.comment-list .comment-item .comment-actions .pill-btn.delete:hover{background-color:#991b1b;border-color:#ef4444}.comment-list .comment-input-wrapper{border-top-color:#374151}.comment-list .comment-form textarea{background-color:#374151;border-color:#4b5563;color:#e2e8f0}.comment-list .comment-form textarea:focus{background-color:#374151;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.comment-list .comment-form textarea::placeholder{color:#9ca3af}.comment-list .comment-form .btn-blue{background-color:#10b981}.comment-list .comment-form .btn-blue:hover{background-color:#059669}.comment-list .comment-form .btn-blue:disabled{background-color:#6b7280}.comment-list .reply-mode-indicator{background-color:#064e3b;border-color:#10b981;color:#e2e8f0}.comment-list .reply-mode-indicator .cancel-reply-btn{background:#10b981}.comment-list .reply-mode-indicator .cancel-reply-btn:hover{background-color:#059669}.comment-list .empty-comment{background-color:#374151;border-color:#4b5563;color:#9ca3af}}button{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}button:hover{box-shadow:0 4px 6px #0000001f}button.btn-green{border-color:#28a745;color:#333}button.btn-green:hover{background-color:#d4eddc}button.btn-red{border-color:#dc3545;color:#333}button.btn-red:hover{background-color:#f8d7da}button.btn-blue{border-color:#007bff;color:#333}button.btn-blue:hover{background-color:#d5e8ff}button.btn-yellow{border-color:#ffc107;color:#333}button.btn-yellow:hover{background-color:#ffeaa7}button.btn-gray{border-color:#cbd2cd;color:#333}button.btn-gray:hover{background-color:#cbd2cd}.btn-reset{all:unset;color:inherit;cursor:pointer;font:inherit;line-height:inherit}.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}.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;margin-top:16px;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{background:#0000;border:none;border-radius:6px;cursor:pointer;padding:4px}.post-more-wrapper .more-button:hover{background-color:#f0f0f0}.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:8px}.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-file{color:#10b981;font-size:13px;font-weight:500;margin-top:4px}.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){.post-detail-wrapper{background:#1f2937;border-color:#374151}.post-detail-wrapper .modal-close-btn{background:#374151;border-color:#4b5563;color:#d1d5db}.post-detail-wrapper .modal-close-btn:hover{background-color:#4b5563;border-color:#6b7280;color:#f3f4f6}.post-detail-wrapper .post-detail-header{border-bottom-color:#374151}.post-detail-wrapper .post-detail-header .post-detail-title{color:#f1f5f9}.post-detail-wrapper .post-content{color:#e2e8f0}.post-detail-wrapper .file-download-row{background-color:#374151;border-color:#4b5563}.post-detail-wrapper .file-download-row:hover{background-color:#4b5563;border-color:#6b7280}.post-detail-wrapper .file-download-row .file-icon{color:#9ca3af}.post-detail-wrapper .file-download-row .file-name{color:#e2e8f0}.post-detail-wrapper .file-download-row .file-download-icon{color:#10b981}.post-detail-wrapper .divider{background-color:#374151}.post-detail-wrapper .comment-section .comment-title{color:#f1f5f9}.post-detail-wrapper .post-more-wrapper .more-button:hover{background-color:#374151}.post-detail-wrapper .post-more-wrapper .more-menu{background:#374151;border-color:#4b5563}.post-detail-wrapper .post-more-wrapper .more-menu button{color:#e2e8f0}.post-detail-wrapper .post-more-wrapper .more-menu button:hover{background-color:#4b5563}.post-detail-wrapper .post-more-wrapper .more-menu button:last-child{color:#f87171}.post-detail-wrapper .post-author-info .post-author{color:#d1d5db}.post-detail-wrapper .post-author-info .edited-tag,.post-detail-wrapper .post-author-info .post-date{color:#9ca3af}.post-edit-modal{background:#000000b3}.post-edit-modal .post-edit-modal-content{background:#1f2937;border-color:#374151}.post-edit-modal .post-edit-modal-content h3{color:#f1f5f9}.post-edit-modal .post-edit-modal-content input,.post-edit-modal .post-edit-modal-content textarea{background-color:#374151;border-color:#4b5563;color:#e2e8f0}.post-edit-modal .post-edit-modal-content input:focus,.post-edit-modal .post-edit-modal-content textarea:focus{background-color:#374151;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.post-edit-modal .post-edit-modal-content input::placeholder,.post-edit-modal .post-edit-modal-content textarea::placeholder{color:#9ca3af}.post-edit-modal .post-edit-modal-content .file-upload-section .file-label{background:#374151;border-color:#4b5563;color:#e2e8f0}.post-edit-modal .post-edit-modal-content .file-upload-section .file-label:hover{background:#4b5563;border-color:#6b7280}.post-edit-modal .post-edit-modal-content .file-upload-section .selected-file{color:#10b981}.post-edit-modal .post-edit-modal-content .edit-modal-actions button:first-child{background-color:#10b981;color:#fff}.post-edit-modal .post-edit-modal-content .edit-modal-actions button:first-child:hover{background-color:#059669}.post-edit-modal .post-edit-modal-content .edit-modal-actions button:last-child{background-color:#6b7280;color:#fff}.post-edit-modal .post-edit-modal-content .edit-modal-actions button:last-child:hover{background-color:#4b5563}}.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;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.community-header .section-title{color:#1f2937;font-size:16px;font-weight:600;margin:0}.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){.admin-communication-page{background:#1a202c}.admin-communication-page .page-header{background:#2d3748;border-color:#4a5568}.admin-communication-page .page-header .header-content .header-title .header-icon{color:#68d391}.admin-communication-page .page-header .header-content .header-title h1{color:#f1f5f9}.admin-communication-page .page-header .header-content .header-title .header-description{color:#a0aec0}.admin-communication-page .communication-tab-container{background:#2d3748;border-color:#4a5568}.admin-communication-page .communication-tab-container h2{color:#f1f5f9}.admin-communication-page .communication-tab-container .tabs-wrapper{background-color:#2d3748;border-color:#4a5568}.admin-communication-page .communication-tab-container .tabs-header{background-color:#4a5568;border-bottom-color:#4a5568}.admin-communication-page .communication-tab-container .tabs-header .tab-button{color:#a0aec0}.admin-communication-page .communication-tab-container .tabs-header .tab-button:hover{background-color:#4a5568;color:#e2e8f0}.admin-communication-page .communication-tab-container .tabs-header .tab-button.active{background-color:#2d3748;border-bottom-color:#68d391;color:#68d391}.admin-communication-page .communication-tab-container .tabs-content{background-color:#2d3748}.admin-communication-page .loading-container p{color:#a0aec0}.community-header{background:#4a5568;border-color:#718096}.community-header .section-title{color:#f1f5f9}.community-header .write-post-btn{background:#68d391}.community-header .write-post-btn:hover{background:#48bb78;box-shadow:0 4px 12px #68d3914d}.course-qna-toolbar{background:#4a5568;border-color:#718096}.course-qna-toolbar .write-post-btn{background:#68d391}.course-qna-toolbar .write-post-btn:hover{background:#48bb78;box-shadow:0 4px 12px #68d3914d}.course-qna-toolbar__left .form-label{color:#e2e8f0}.course-qna-toolbar__left .form-select{background:#2d3748;border-color:#718096;color:#f1f5f9}.course-qna-toolbar__left .form-select:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}.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}}.instructor-mypage-page{background:#f8fafc;min-height:100vh;padding:24px}.instructor-mypage-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-mypage-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.instructor-mypage-page .page-header .header-content .header-title .header-icon{color:#3b82f6}.instructor-mypage-page .page-header .header-content .header-title h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.instructor-mypage-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.instructor-mypage-page .user-summary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:20px}.instructor-mypage-page .user-summary p{color:#374151;font-size:16px;font-weight:500;margin:0}.instructor-mypage-page .card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.instructor-mypage-page .card-grid .section-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px;transition:all .2s ease}.instructor-mypage-page .card-grid .section-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.instructor-mypage-page .card-grid .section-card h3{align-items:center;border-bottom:1px solid #e5e7eb;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:12px}.instructor-mypage-page .card-grid .section-card h3 svg{color:#3b82f6}.instructor-mypage-page .card-grid .section-card p{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px;line-height:1.5;margin-bottom:12px}.instructor-mypage-page .card-grid .section-card p:last-child{margin-bottom:0}.instructor-mypage-page .card-grid .section-card p strong{color:#1f2937;flex-shrink:0;font-weight:600;min-width:120px}.instructor-mypage-page .card-grid .section-card .info-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;min-height:32px}.instructor-mypage-page .card-grid .section-card .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}.instructor-mypage-page .card-grid .section-card .info-row .change-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .2s ease}.instructor-mypage-page .card-grid .section-card .info-row .change-btn:hover{background:#e5e7eb;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a;color:#374151;transform:translateY(-1px)}.instructor-mypage-page .card-grid .section-card .info-row .change-btn:active{transform:translateY(0)}.instructor-mypage-page .button-wrapper{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.instructor-mypage-page .button-wrapper .edit-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}.instructor-mypage-page .button-wrapper .edit-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.instructor-mypage-page .button-wrapper .edit-btn:active{transform:translateY(0)}.instructor-mypage-page .button-wrapper .edit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.instructor-mypage-page .button-wrapper .edit-btn svg{flex-shrink:0}.instructor-mypage-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.instructor-mypage-page .loading-container p{color:#6b7280;font-size:16px;margin:0}@media(prefers-color-scheme:dark){.instructor-mypage-page{background:#1a1a2e}.instructor-mypage-page .page-header{background:#2d3748;border-color:#4a5568}.instructor-mypage-page .page-header .header-content .header-title .header-icon{color:#60a5fa}.instructor-mypage-page .page-header .header-content .header-title h1{color:#f1f5f9}.instructor-mypage-page .page-header .header-content .header-title .header-description{color:#a0aec0}.instructor-mypage-page .user-summary{background:#2d3748;border-color:#4a5568}.instructor-mypage-page .user-summary p{color:#e2e8f0}.instructor-mypage-page .card-grid .section-card{background:#2d3748;border-color:#4a5568}.instructor-mypage-page .card-grid .section-card:hover{box-shadow:0 4px 12px #0000004d}.instructor-mypage-page .card-grid .section-card h3{border-bottom-color:#4a5568;color:#f1f5f9}.instructor-mypage-page .card-grid .section-card h3 svg{color:#60a5fa}.instructor-mypage-page .card-grid .section-card p{color:#e2e8f0}.instructor-mypage-page .card-grid .section-card p strong{color:#f1f5f9}.instructor-mypage-page .card-grid .section-card p svg{color:#a0aec0}.instructor-mypage-page .button-wrapper{border-top-color:#4a5568}.instructor-mypage-page .button-wrapper .edit-btn{background:#60a5fa}.instructor-mypage-page .button-wrapper .edit-btn:hover:not(:disabled){background:#3b82f6;box-shadow:0 4px 12px #60a5fa4d}.instructor-mypage-page .loading-container p{color:#a0aec0}.instructor-mypage-page .card-grid .section-card .info-row p{word-wrap:break-word;color:#e2e8f0;overflow-wrap:anywhere;word-break:break-all}.instructor-mypage-page .card-grid .section-card .info-row .change-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.instructor-mypage-page .card-grid .section-card .info-row .change-btn:hover{background:#4b5563;border-color:#6b7280;color:#d1d5db}}@media(max-width:1024px){.instructor-mypage-page .card-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.instructor-mypage-page .card-grid .section-card{padding:20px}.instructor-mypage-page .card-grid .section-card .info-row p{font-size:13px;overflow-wrap:anywhere;word-break:break-all}.instructor-mypage-page .card-grid .section-card .info-row .change-btn{height:30px;min-width:30px;padding:5px 7px}}@media(max-width:768px){.instructor-mypage-page{padding:16px}.instructor-mypage-page .page-header{margin-bottom:24px;padding:16px}.instructor-mypage-page .page-header .header-content .header-title h1{font-size:20px}.instructor-mypage-page .user-summary{margin-bottom:20px;padding:16px}.instructor-mypage-page .user-summary p{font-size:14px}.instructor-mypage-page .card-grid{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.instructor-mypage-page .card-grid .section-card{padding:20px}.instructor-mypage-page .card-grid .section-card h3{font-size:16px;margin-bottom:12px}.instructor-mypage-page .card-grid .section-card p{font-size:13px;margin-bottom:10px}.instructor-mypage-page .card-grid .section-card p strong{min-width:80px}.instructor-mypage-page .card-grid .section-card .info-row{align-items:stretch;flex-direction:column;gap:8px;margin-bottom:12px}.instructor-mypage-page .card-grid .section-card .info-row p{font-size:13px;line-height:1.4;margin-bottom:0;overflow-wrap:anywhere;word-break:break-all}.instructor-mypage-page .card-grid .section-card .info-row .change-btn{align-self:flex-end;height:28px;min-width:28px;padding:4px 6px}.instructor-mypage-page .button-wrapper{flex-direction:column;gap:8px}.instructor-mypage-page .button-wrapper .edit-btn{font-size:15px;justify-content:center;padding:14px 20px;width:100%}}.attendance-management{display:flex;flex-direction:column;gap:24px}.attendance-management .attendance-header{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.attendance-management .attendance-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.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 .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;overflow:hidden}.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: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{transition:background-color .2s ease}.attendance-management .attendance-table-container .attendance-table tbody tr:hover{background:#f8fafc}.attendance-management .attendance-table-container .attendance-table tbody tr:last-child td{border-bottom:none}.attendance-management .attendance-table-container .attendance-table tbody tr.present{background:#f0fdf4}.attendance-management .attendance-table-container .attendance-table tbody tr.absent{background:#fef2f2}.attendance-management .attendance-table-container .attendance-table td{color:#374151;vertical-align:middle}.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 .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}@media(prefers-color-scheme:dark){.attendance-management .attendance-header{background:#1a202c;border-color:#4a5568}.attendance-management .attendance-header h3{color:#f1f5f9}.attendance-management .attendance-header .schedule-selector .form-label{color:#e2e8f0}.attendance-management .attendance-header .schedule-selector .form-select{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.attendance-management .attendance-header .schedule-selector .form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.attendance-management .loading-container p{color:#a0aec0}.attendance-management .attendance-table-container{background:#2d3748;border-color:#4a5568}.attendance-management .attendance-table-container .attendance-table th{background:#1a202c;border-bottom-color:#4a5568;color:#e2e8f0}.attendance-management .attendance-table-container .attendance-table tbody tr:hover{background:#1a202c}.attendance-management .attendance-table-container .attendance-table tbody tr.present{background:#064e3b}.attendance-management .attendance-table-container .attendance-table tbody tr.absent{background:#7f1d1d}.attendance-management .attendance-table-container .attendance-table td{border-bottom-color:#4a5568;color:#e2e8f0}.attendance-management .attendance-table-container .attendance-table td .student-info .student-name{color:#f1f5f9}.attendance-management .attendance-table-container .attendance-table td .status-select{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.attendance-management .attendance-table-container .attendance-table td .status-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea::placeholder{color:#a0aec0}.attendance-management .attendance-table-container .attendance-table td .comment-cell .comment-textarea:read-only{background:#1a202c;color:#a0aec0}.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}.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}.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}.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 .empty-state{color:#a0aec0}.attendance-management .bulk-register-section{background:#2d3748;border-color:#4a5568}.attendance-management .bulk-register-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.attendance-management .bulk-register-section .section-header h4{color:#f1f5f9}.attendance-management .bulk-register-section .bulk-controls .bulk-selector .form-label{color:#e2e8f0}.attendance-management .bulk-register-section .bulk-controls .bulk-selector .form-select{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.attendance-management .bulk-register-section .bulk-controls .bulk-selector .form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.attendance-management .bulk-register-section .bulk-controls .bulk-register-btn{background:#60a5fa}.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%}}.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){.course-materials-page .page-header{background:#1a202c;border-color:#4a5568}.course-materials-page .page-header .header-content .header-icon{background:#60a5fa}.course-materials-page .page-header .header-content .header-text .header-title{color:#f1f5f9}.course-materials-page .page-header .header-content .header-text .header-description{color:#a0aec0}.course-materials-page .materials-content .material-form-section{background:#2d3748;border-color:#4a5568}.course-materials-page .materials-content .material-form-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.course-materials-page .materials-content .material-form-section .section-header h2{color:#f1f5f9}.course-materials-page .materials-content .material-form-section .form-container .form-group .form-label{color:#e2e8f0}.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:#2d3748;border-color:#4a5568;color:#e2e8f0}.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:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.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:#a0aec0}.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}.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)}.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}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-icon,.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-title{color:#60a5fa}.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}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-icon,.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-title{color:#34d399}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-icon{color:#a0aec0}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#e2e8f0}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#a0aec0}.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}.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}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .file-info svg{color:#60a5fa}.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}.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}.course-materials-page .materials-content .material-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn{background:#7f1d1d;color:#fca5a5}.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}.course-materials-page .materials-content .material-form-section .form-container .form-actions .upload-btn{background:#60a5fa}.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}.course-materials-page .materials-content .materials-list-section{background:#2d3748;border-color:#4a5568}.course-materials-page .materials-content .materials-list-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.course-materials-page .materials-content .materials-list-section .section-header h2{color:#f1f5f9}.course-materials-page .materials-content .materials-list-section .materials-container .material-card{background:#2d3748;border-color:#4a5568}.course-materials-page .materials-content .materials-list-section .materials-container .material-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa1a}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-header .material-title{color:#f1f5f9}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-header .status-badge{background:#064e3b;border-color:#047857;color:#6ee7b7}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-description .description-text{color:#a0aec0}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-meta{background:#1a202c;border-color:#4a5568}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-meta .meta-item .meta-label{color:#a0aec0}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-content .material-meta .meta-item .meta-value{color:#e2e8f0}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions{border-top-color:#4a5568}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .detail-btn{background:#6b7280;border-color:#4b5563}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .detail-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .download-btn{background:#10b981;border-color:#059669}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn{background:#ef4444;border-color:#dc2626}.course-materials-page .materials-content .materials-list-section .materials-container .material-card .card-actions .delete-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.course-materials-page .materials-content .materials-list-section .materials-container .empty-state{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}.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%}.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}@media(prefers-color-scheme:dark){.detail-modal-overlay{background:#000c}.detail-modal-container{background:#2d3748;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}.detail-modal-container.notice{border-left-color:#60a5fa}.detail-modal-container.assignment{border-left-color:#68d391}.detail-modal-container.material{border-left-color:#a78bfa}.modal-header{background:#1a202c;border-bottom-color:#4a5568}.modal-header .header-content .modal-title{color:#f1f5f9}.modal-header .header-content .close-btn{color:#a0aec0}.modal-header .header-content .close-btn:hover{background:#4a5568;color:#e2e8f0}.modal-body .content-section .content{color:#e2e8f0}.modal-body .meta-section{background:#1a202c;border-color:#4a5568}.modal-body .meta-section .meta-item .meta-label,.modal-body .meta-section .meta-item svg{color:#a0aec0}.modal-body .file-section .file-section-title{color:#f1f5f9}.modal-body .file-section .file-list .file-item{background:#1a202c;border-color:#4a5568}.modal-body .file-section .file-list .file-item:hover{background:#2d3748;border-color:#718096}.modal-body .file-section .file-list .file-item .file-info .file-icon{color:#a0aec0}.modal-body .file-section .file-list .file-item .file-info .file-name{color:#e2e8f0}.modal-body .file-section .file-list .file-item .download-btn{background:#68d391}.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){.student-submissions-page .page-header{background:#1a202c;border-color:#4a5568}.student-submissions-page .page-header .header-content .header-icon{background:#60a5fa}.student-submissions-page .page-header .header-content .header-text .header-title{color:#f1f5f9}.student-submissions-page .page-header .header-content .header-text .header-description{color:#a0aec0}.student-submissions-page .submissions-content .assignment-selection-section{background:#2d3748;border-color:#4a5568}.student-submissions-page .submissions-content .assignment-selection-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.student-submissions-page .submissions-content .assignment-selection-section .section-header h2{color:#f1f5f9}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn{background:#2d3748;border-color:#4a5568;color:#a0aec0}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .assignment-btn:hover{border-color:#60a5fa;color:#60a5fa}.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}.student-submissions-page .submissions-content .assignment-selection-section .assignment-list .empty-state{color:#a0aec0}.student-submissions-page .submissions-content .submissions-tab-section{background:#2d3748;border-color:#4a5568}.student-submissions-page .submissions-content .submissions-tab-section .tab-navigation{background:#1a202c;border-bottom-color:#4a5568}.student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn{color:#a0aec0}.student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn:hover{background:#1e3a8a;color:#60a5fa}.student-submissions-page .submissions-content .submissions-tab-section .tab-navigation .tab-btn.active{background:#60a5fa;box-shadow:0 2px 8px #60a5fa4d;color:#fff}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card{background:#2d3748;border-color:#4a5568}.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}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card.submitted{border-left-color:#60a5fa}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card.graded{background:#064e3b;border-left-color:#10b981}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-header .student-name{color:#f1f5f9}.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}.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}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-meta{background:#1a202c;border-color:#4a5568}.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}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-answer h4,.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}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .submission-answer .answer-text{color:#a0aec0}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .evaluation-results h4{color:#e2e8f0}.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}.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}.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}.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:#a0aec0}.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:#e2e8f0}.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:#6ee7b7}.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:#fca5a5}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-content .feedback-section h4{color:#e2e8f0}.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}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions{border-top-color:#4a5568}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .download-btn{background:#10b981;border-color:#059669}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .evaluate-btn{background:#60a5fa;border-color:#3b82f6}.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}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .edit-btn{background:#f59e0b;border-color:#d97706}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .submission-card .card-actions .edit-btn:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d}.student-submissions-page .submissions-content .submissions-tab-section .submissions-content-area .submission-list .empty-state{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){.course-assignments-page .page-header{background:#1a202c;border-color:#4a5568}.course-assignments-page .page-header .header-content .header-icon{background:#60a5fa}.course-assignments-page .page-header .header-content .header-text .header-title{color:#f1f5f9}.course-assignments-page .page-header .header-content .header-text .header-description{color:#a0aec0}.course-assignments-page .assignments-content .tab-navigation{background:#1a202c;border-color:#4a5568}.course-assignments-page .assignments-content .tab-navigation .tab-btn{color:#a0aec0}.course-assignments-page .assignments-content .tab-navigation .tab-btn:hover{background:#1e3a8a;color:#60a5fa}.course-assignments-page .assignments-content .tab-navigation .tab-btn.active{background:#60a5fa;box-shadow:0 2px 8px #60a5fa4d;color:#fff}.course-assignments-page .assignments-content .manage-section .filter-section{background:#2d3748;border-color:#4a5568}.course-assignments-page .assignments-content .manage-section .filter-section .filter-header{background:#1a202c;border-bottom-color:#4a5568}.course-assignments-page .assignments-content .manage-section .filter-section .filter-header h3{color:#f1f5f9}.course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn{background:#2d3748;border-color:#4a5568;color:#a0aec0}.course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn:hover{border-color:#60a5fa;color:#60a5fa}.course-assignments-page .assignments-content .manage-section .filter-section .filter-buttons .filter-btn.active{background:#60a5fa;border-color:#60a5fa;color:#fff}.course-assignments-page .assignments-content .manage-section .assignment-form-section{background:#2d3748;border-color:#4a5568}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .form-label{color:#e2e8f0}.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:#2d3748;border-color:#4a5568;color:#e2e8f0}.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:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.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:#a0aec0}.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}.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)}.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}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-icon,.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}.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}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-icon,.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}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-icon{color:#a0aec0}.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}.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}.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}.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}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-group .file-upload-container .selected-file .file-info svg{color:#60a5fa}.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}.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}.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}.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}.course-assignments-page .assignments-content .manage-section .assignment-form-section .form-container .form-actions .upload-btn{background:#60a5fa}.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}.course-assignments-page .assignments-content .manage-section .assignments-list-section{background:#2d3748;border-color:#4a5568}.course-assignments-page .assignments-content .manage-section .assignments-list-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.course-assignments-page .assignments-content .manage-section .assignments-list-section .section-header h2{color:#f1f5f9}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card{background:#2d3748;border-color:#4a5568}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa1a}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card.expired{background:#7f1d1d;border-color:#fca5a5}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card.expired .card-header .assignment-title{color:#fca5a5}.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}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card.expired .assignment-meta{background:#991b1b;border-color:#dc2626}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-header .assignment-title{color:#f1f5f9}.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}.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}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-content .assignment-description{color:#a0aec0}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta{background:#1a202c;border-color:#4a5568}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta .meta-item .meta-label{color:#a0aec0}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-content .assignment-meta .meta-item .meta-value{color:#e2e8f0}.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}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions{border-top-color:#4a5568}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions .download-btn{background:#10b981;border-color:#059669}.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}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .assignment-card .card-actions .delete-btn{background:#ef4444;border-color:#dc2626}.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}.course-assignments-page .assignments-content .manage-section .assignments-list-section .assignment-list .empty-state{color:#a0aec0}.course-assignments-page .assignments-content .submissions-section{background:#2d3748;border-color:#4a5568}.course-assignments-page .assignments-content .submissions-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.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){.course-notices-page .page-header{background:#1a202c;border-color:#4a5568}.course-notices-page .page-header .header-content .header-icon{background:#60a5fa}.course-notices-page .page-header .header-content .header-text .header-title{color:#f1f5f9}.course-notices-page .page-header .header-content .header-text .header-description{color:#a0aec0}.course-notices-page .notices-content .notice-form-section{background:#2d3748;border-color:#4a5568}.course-notices-page .notices-content .notice-form-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.course-notices-page .notices-content .notice-form-section .section-header h2{color:#f1f5f9}.course-notices-page .notices-content .notice-form-section .form-container .form-group .form-label{color:#e2e8f0}.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:#2d3748;border-color:#4a5568;color:#e2e8f0}.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:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.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:#a0aec0}.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}.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)}.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}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-icon,.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area:hover .upload-title{color:#60a5fa}.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}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-icon,.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area.drag-over .upload-title{color:#34d399}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-icon{color:#a0aec0}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-title{color:#e2e8f0}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .file-upload-area .upload-text .upload-subtitle{color:#a0aec0}.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}.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}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .file-info svg{color:#60a5fa}.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}.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}.course-notices-page .notices-content .notice-form-section .form-container .form-group .file-upload-container .selected-file .remove-file-btn{background:#7f1d1d;color:#fca5a5}.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}.course-notices-page .notices-content .notice-form-section .form-container .form-actions .upload-btn{background:#60a5fa}.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}.course-notices-page .notices-content .notices-list-section{background:#2d3748;border-color:#4a5568}.course-notices-page .notices-content .notices-list-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.course-notices-page .notices-content .notices-list-section .section-header h2{color:#f1f5f9}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card{background:#2d3748;border-color:#4a5568}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa1a}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-header .announcement-title{color:#f1f5f9}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-header .status-badge{background:#064e3b;border-color:#047857;color:#6ee7b7}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-content .content-text{color:#a0aec0}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta{background:#1a202c;border-color:#4a5568}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta .meta-item .meta-label,.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-content .announcement-meta .meta-item svg{color:#a0aec0}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions{border-top-color:#4a5568}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .detail-btn{background:#6b7280;border-color:#4b5563}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .detail-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .download-btn{background:#10b981;border-color:#059669}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn{background:#ef4444;border-color:#dc2626}.course-notices-page .notices-content .notices-list-section .announcement-list .announcement-card .card-actions .delete-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.course-notices-page .notices-content .notices-list-section .announcement-list .empty-state{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-courses-page{background:#fff;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px}.instructor-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}.instructor-courses-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.instructor-courses-page .page-header .header-content .header-title .header-icon{color:#8b5cf6}.instructor-courses-page .page-header .header-content .header-title h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.instructor-courses-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.instructor-courses-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.instructor-courses-page .loading-container p{color:#6b7280;font-size:16px;margin:0}.instructor-courses-page .courses-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.instructor-courses-page .courses-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.instructor-courses-page .courses-section .section-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.instructor-courses-page .courses-section .courses-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:24px}.instructor-courses-page .courses-section .courses-container .course-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.instructor-courses-page .courses-section .courses-container .course-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.instructor-courses-page .courses-section .courses-container .course-card.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626}.instructor-courses-page .courses-section .courses-container .course-card .course-header{margin-bottom:16px}.instructor-courses-page .courses-section .courses-container .course-card .course-header .course-title{color:#1f2937;font-size:18px;font-weight:600;line-height:1.4;margin:0}.instructor-courses-page .courses-section .courses-container .course-card .course-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.instructor-courses-page .courses-section .courses-container .course-card .course-meta .classroom-name,.instructor-courses-page .courses-section .courses-container .course-card .course-meta .instructor-name{color:#6b7280;font-size:14px;font-weight:500}.instructor-courses-page .courses-section .courses-container .course-card .course-description{margin-bottom:20px}.instructor-courses-page .courses-section .courses-container .course-card .course-description p{-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:14px;line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis}.instructor-courses-page .courses-section .courses-container .course-card .course-tabs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.instructor-courses-page .courses-section .courses-container .course-card .course-tabs .tab-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;gap:8px;padding:12px 16px;transition:all .2s ease}.instructor-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn svg{flex-shrink:0;height:16px;width:16px}.instructor-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn span{font-size:13px;line-height:1.2;text-align:center}.instructor-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn:hover{background:#f3f4f6;border-color:#9ca3af}.instructor-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.instructor-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn.active:hover{background:#2563eb}.instructor-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}.instructor-courses-page .course-content-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.instructor-courses-page .course-content-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.instructor-courses-page .course-content-section .section-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.instructor-courses-page .course-content-section .course-content{padding:24px}@media(prefers-color-scheme:dark){.instructor-courses-page{background:#1a202c}.instructor-courses-page .page-header{background:#2d3748;border-color:#4a5568}.instructor-courses-page .page-header .header-content .header-title .header-icon{color:#a78bfa}.instructor-courses-page .page-header .header-content .header-title h1{color:#f1f5f9}.instructor-courses-page .loading-container p,.instructor-courses-page .page-header .header-content .header-title .header-description{color:#a0aec0}.instructor-courses-page .courses-section{background:#2d3748;border-color:#4a5568}.instructor-courses-page .courses-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.instructor-courses-page .courses-section .section-header h2{color:#f1f5f9}.instructor-courses-page .courses-section .courses-container .course-card{background:#2d3748;border-color:#4a5568}.instructor-courses-page .courses-section .courses-container .course-card:hover{box-shadow:0 8px 25px #0000004d}.instructor-courses-page .courses-section .courses-container .course-card.active{background:#1e3a8a;border-color:#60a5fa;box-shadow:0 8px 25px #60a5fa4d}.instructor-courses-page .courses-section .courses-container .course-card .course-header .course-title{color:#f1f5f9}.instructor-courses-page .courses-section .courses-container .course-card .course-meta .classroom-name,.instructor-courses-page .courses-section .courses-container .course-card .course-meta .instructor-name{color:#a0aec0}.instructor-courses-page .courses-section .courses-container .course-card .course-description p{color:#cbd5e0}.instructor-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn{background:#374151;border-color:#4a5568;color:#e2e8f0}.instructor-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn:hover{background:#4b5563;border-color:#6b7280}.instructor-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn.active{background:#60a5fa;border-color:#60a5fa;color:#fff}.instructor-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn.active:hover{background:#3b82f6}.instructor-courses-page .courses-section .courses-container .empty-state{color:#718096}.instructor-courses-page .course-content-section{background:#2d3748;border-color:#4a5568}.instructor-courses-page .course-content-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.instructor-courses-page .course-content-section .section-header h2{color:#f1f5f9}.instructor-courses-page .course-content-section .course-content{background:#2d3748}}@media(max-width:768px){.instructor-courses-page{gap:16px;padding:16px}.instructor-courses-page .page-header{padding:16px}.instructor-courses-page .page-header .header-content .header-text .header-title{font-size:20px}.instructor-courses-page .courses-section .section-header{padding:12px 16px}.instructor-courses-page .courses-section .section-header h2{font-size:16px}.instructor-courses-page .courses-section .courses-container{gap:16px;grid-template-columns:1fr;padding:16px}.instructor-courses-page .courses-section .courses-container .course-card{padding:16px}.instructor-courses-page .courses-section .courses-container .course-card .course-header .course-title{font-size:16px}.instructor-courses-page .courses-section .courses-container .course-card .course-tabs{gap:6px;grid-template-columns:1fr}.instructor-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn{font-size:13px;padding:10px 12px}.instructor-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn span{font-size:12px}.instructor-courses-page .course-content-section .section-header{padding:12px 16px}.instructor-courses-page .course-content-section .section-header h2{font-size:16px}.instructor-courses-page .course-content-section .course-content{padding:16px}}.counseling-availability{display:flex;flex-direction:column;gap:24px}.counseling-availability .availability-form{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:20px;padding:24px}.counseling-availability .availability-form .form-group{display:flex;flex-direction:column;gap:8px}.counseling-availability .availability-form .form-group .form-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px}.counseling-availability .availability-form .form-group .form-label svg{color:#3b82f6}.counseling-availability .availability-form .form-group .datepicker-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.counseling-availability .availability-form .form-group .datepicker-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.counseling-availability .availability-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;padding:12px 16px}.counseling-availability .availability-form .error-message:before{content:"⚠️";font-size:16px}.counseling-availability .availability-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;padding:12px 16px}.counseling-availability .availability-form .success-message:before{content:"✅";font-size:16px}.counseling-availability .availability-form .form-actions{display:flex;justify-content:flex-end;padding-top:8px}.counseling-availability .availability-form .form-actions .add-availability-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}.counseling-availability .availability-form .form-actions .add-availability-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.counseling-availability .availability-form .form-actions .add-availability-btn:active{transform:translateY(0)}.counseling-availability .availability-form .form-actions .add-availability-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.counseling-availability .availability-form .form-actions .add-availability-btn svg{flex-shrink:0}.counseling-availability .availability-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.counseling-availability .availability-list .list-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 24px}.counseling-availability .availability-list .list-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.counseling-availability .availability-list .table-container{overflow-x:auto}.counseling-availability .availability-list .availability-table{border-collapse:collapse;font-size:14px;width:100%}.counseling-availability .availability-list .availability-table td,.counseling-availability .availability-list .availability-table th{border-bottom:1px solid #e5e7eb;padding:16px;text-align:left}.counseling-availability .availability-list .availability-table th{background:#f8fafc;color:#374151;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.counseling-availability .availability-list .availability-table th svg{color:#6b7280;margin-right:4px}.counseling-availability .availability-list .availability-table tbody tr{transition:background-color .2s ease}.counseling-availability .availability-list .availability-table tbody tr:hover{background:#f8fafc}.counseling-availability .availability-list .availability-table tbody tr:last-child td{border-bottom:none}.counseling-availability .availability-list .availability-table td{color:#374151;vertical-align:middle}.counseling-availability .availability-list .availability-table td .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 12px}.counseling-availability .availability-list .availability-table td .status-badge.confirmed{background:#dcfce7;color:#166534}.counseling-availability .availability-list .availability-table td .status-badge.pending{background:#fef3c7;color:#92400e}.counseling-availability .availability-list .availability-table td .delete-btn{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s ease}.counseling-availability .availability-list .availability-table td .delete-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #ef44444d;transform:translateY(-1px)}.counseling-availability .availability-list .availability-table td .delete-btn:active{transform:translateY(0)}.counseling-availability .availability-list .availability-table td .delete-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.counseling-availability .availability-list .availability-table td .delete-btn svg{flex-shrink:0}.counseling-availability .availability-list .availability-table .empty-state{color:#6b7280;font-style:italic;padding:40px 16px;text-align:center}@media(prefers-color-scheme:dark){.counseling-availability .availability-form{background:#1a202c;border-color:#4a5568}.counseling-availability .availability-form .form-group .form-label{color:#e2e8f0}.counseling-availability .availability-form .form-group .form-label svg{color:#60a5fa}.counseling-availability .availability-form .form-group .datepicker-input{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.counseling-availability .availability-form .form-group .datepicker-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.counseling-availability .availability-form .form-actions .add-availability-btn{background:#60a5fa}.counseling-availability .availability-form .form-actions .add-availability-btn:hover:not(:disabled){background:#3b82f6;box-shadow:0 4px 12px #60a5fa4d}.counseling-availability .availability-list{background:#2d3748;border-color:#4a5568}.counseling-availability .availability-list .list-header{background:#1a202c;border-bottom-color:#4a5568}.counseling-availability .availability-list .list-header h3{color:#f1f5f9}.counseling-availability .availability-list .availability-table{background:#2d3748}.counseling-availability .availability-list .availability-table th{background:#1a202c;border-bottom-color:#4a5568;color:#e2e8f0}.counseling-availability .availability-list .availability-table th svg{color:#a0aec0}.counseling-availability .availability-list .availability-table tbody tr{background:#2d3748}.counseling-availability .availability-list .availability-table tbody tr:hover,.counseling-availability .availability-list .availability-table tbody tr:nth-child(2n){background:#374151}.counseling-availability .availability-list .availability-table td{border-bottom-color:#4a5568;color:#e2e8f0}.counseling-availability .availability-list .availability-table td .status-badge.confirmed{background:#064e3b;color:#6ee7b7}.counseling-availability .availability-list .availability-table td .status-badge.pending{background:#78350f;color:#fbbf24}.counseling-availability .availability-list .availability-table td .delete-btn{background:#f87171}.counseling-availability .availability-list .availability-table td .delete-btn:hover:not(:disabled){background:#ef4444;box-shadow:0 2px 8px #f871714d}.counseling-availability .availability-list .availability-table .empty-state{color:#a0aec0}}@media(max-width:768px){.counseling-availability{gap:16px}.counseling-availability .availability-form{padding:16px}.counseling-availability .availability-form .form-group .form-label{font-size:13px}.counseling-availability .availability-form .form-group .datepicker-input{font-size:13px;padding:10px 12px}.counseling-availability .availability-form .form-actions .add-availability-btn{font-size:15px;justify-content:center;padding:14px 20px;width:100%}.counseling-availability .availability-list .list-header{padding:12px 16px}.counseling-availability .availability-list .list-header h3{font-size:14px}.counseling-availability .availability-list .availability-table{font-size:13px}.counseling-availability .availability-list .availability-table td,.counseling-availability .availability-list .availability-table th{padding:12px 8px}.counseling-availability .availability-list .availability-table th{font-size:11px}.counseling-availability .availability-list .availability-table td .status-badge{font-size:11px;padding:3px 8px}.counseling-availability .availability-list .availability-table td .delete-btn{font-size:11px;padding:6px 10px}}.counseling-requests{display:flex;flex-direction:column;gap:24px}.counseling-requests .requests-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.counseling-requests .requests-list .list-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 24px}.counseling-requests .requests-list .list-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.counseling-requests .requests-list .table-container{overflow-x:auto}.counseling-requests .requests-list .counseling-table{border-collapse:collapse;font-size:14px;width:100%}.counseling-requests .requests-list .counseling-table td,.counseling-requests .requests-list .counseling-table th{border-bottom:1px solid #e5e7eb;padding:16px;text-align:left}.counseling-requests .requests-list .counseling-table th{background:#f8fafc;color:#374151;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.counseling-requests .requests-list .counseling-table tbody tr{transition:background-color .2s ease}.counseling-requests .requests-list .counseling-table tbody tr:hover{background:#f8fafc}.counseling-requests .requests-list .counseling-table tbody tr:last-child td{border-bottom:none}.counseling-requests .requests-list .counseling-table td{color:#374151;vertical-align:middle}.counseling-requests .requests-list .counseling-table td .student-info .student-name{color:#1f2937;font-weight:500}.counseling-requests .requests-list .counseling-table td .schedule-info{color:#6b7280;font-size:13px}.counseling-requests .requests-list .counseling-table td .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 12px}.counseling-requests .requests-list .counseling-table td .status-badge.pending{background:#fef3c7;color:#92400e}.counseling-requests .requests-list .counseling-table td .status-badge.approved{background:#dcfce7;color:#166534}.counseling-requests .requests-list .counseling-table td .status-badge.rejected{background:#fee2e2;color:#991b1b}.counseling-requests .requests-list .counseling-table td .status-badge.completed{background:#dbeafe;color:#1e40af}.counseling-requests .requests-list .counseling-table td .action-buttons{align-items:center;display:flex;gap:8px}.counseling-requests .requests-list .counseling-table td .action-buttons .approve-btn,.counseling-requests .requests-list .counseling-table td .action-buttons .reject-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}.counseling-requests .requests-list .counseling-table td .action-buttons .approve-btn:hover:not(:disabled),.counseling-requests .requests-list .counseling-table td .action-buttons .reject-btn:hover:not(:disabled){transform:translateY(-1px)}.counseling-requests .requests-list .counseling-table td .action-buttons .approve-btn:active,.counseling-requests .requests-list .counseling-table td .action-buttons .reject-btn:active{transform:translateY(0)}.counseling-requests .requests-list .counseling-table td .action-buttons .approve-btn:disabled,.counseling-requests .requests-list .counseling-table td .action-buttons .reject-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.counseling-requests .requests-list .counseling-table td .action-buttons .approve-btn svg,.counseling-requests .requests-list .counseling-table td .action-buttons .reject-btn svg{flex-shrink:0}.counseling-requests .requests-list .counseling-table td .action-buttons .approve-btn{background:#10b981;color:#fff}.counseling-requests .requests-list .counseling-table td .action-buttons .approve-btn:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px #10b9814d}.counseling-requests .requests-list .counseling-table td .action-buttons .reject-btn{background:#ef4444;color:#fff}.counseling-requests .requests-list .counseling-table td .action-buttons .reject-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #ef44444d}.counseling-requests .requests-list .counseling-table .empty-state{color:#6b7280;font-style:italic;padding:40px 16px;text-align:center}.counseling-requests .request-filter-container{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.counseling-requests .request-filter-container .filter-header{margin-bottom:16px}.counseling-requests .request-filter-container .filter-header h4{color:#374151;font-size:14px;font-weight:600;margin:0}.counseling-requests .request-filter-container .filter-buttons{display:flex;flex-wrap:wrap;gap:12px}.counseling-requests .request-filter-container .filter-buttons .filter-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.counseling-requests .request-filter-container .filter-buttons .filter-btn:hover{background:#f3f4f6;border-color:#9ca3af}.counseling-requests .request-filter-container .filter-buttons .filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.counseling-requests .request-filter-container .filter-buttons .filter-btn.active svg{color:#fff}.counseling-requests .request-filter-container .filter-buttons .filter-btn svg{flex-shrink:0}.counseling-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.counseling-modal-overlay .counseling-modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;position:relative;width:90%}.counseling-modal-overlay .counseling-modal .counseling-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;display:flex;justify-content:space-between;overflow:hidden;padding:24px 32px;position:relative}.counseling-modal-overlay .counseling-modal .counseling-modal-header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.counseling-modal-overlay .counseling-modal .counseling-modal-header .header-content{align-items:center;display:flex;gap:16px;position:relative;z-index:1}.counseling-modal-overlay .counseling-modal .counseling-modal-header .header-content .header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.counseling-modal-overlay .counseling-modal .counseling-modal-header .header-content .header-text .modal-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 4px;text-shadow:0 2px 4px #0000001a}.counseling-modal-overlay .counseling-modal .counseling-modal-header .header-content .header-text .modal-subtitle{color:#ffffffe6;font-size:14px;font-weight:400;margin:0}.counseling-modal-overlay .counseling-modal .counseling-modal-header .modal-close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;position:relative;transition:all .2s ease;z-index:1}.counseling-modal-overlay .counseling-modal .counseling-modal-header .modal-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.counseling-modal-overlay .counseling-modal .counseling-modal-header .modal-close-btn:active{transform:scale(.95)}.counseling-modal-overlay .counseling-modal .counseling-modal-body{flex:1 1;overflow-y:auto;padding:0}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container{padding:24px 32px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-header{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:16px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-header .table-info .total-count{background:#f3f4f6;border-radius:20px;color:#6b7280;display:inline-block;font-size:14px;font-weight:600;padding:6px 12px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table{border-collapse:collapse;font-size:14px;width:100%}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table thead tr th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table thead tr th.student-col{width:35%}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table thead tr th.schedule-col{width:40%}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table thead tr th.status-col{width:25%}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row:hover{background:#f8fafc;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row:last-child{border-bottom:none}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td{padding:20px;vertical-align:middle}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.student-cell .student-info{align-items:center;display:flex;gap:12px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.student-cell .student-info .student-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.student-cell .student-info .student-details .student-name{color:#1f2937;font-size:15px;font-weight:600}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-date{color:#374151;font-weight:600;margin-bottom:4px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-time{color:#6b7280;font-size:13px;font-weight:500}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-deleted{color:#ef4444;font-size:13px;font-style:italic}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.status-cell .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.05em;padding:6px 14px;text-transform:uppercase}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.status-cell .status-badge.approved{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.status-cell .status-badge.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.status-cell .status-badge.completed{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.status-cell .status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#92400e}.counseling-modal-overlay .counseling-modal .counseling-modal-body .empty-state-modal{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 32px;text-align:center}.counseling-modal-overlay .counseling-modal .counseling-modal-body .empty-state-modal .empty-icon{color:#9ca3af;margin-bottom:20px;opacity:.6}.counseling-modal-overlay .counseling-modal .counseling-modal-body .empty-state-modal .empty-content .empty-title{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .empty-state-modal .empty-content .empty-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.counseling-modal-overlay .counseling-modal .counseling-modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:20px 32px}.counseling-modal-overlay .counseling-modal .counseling-modal-footer .modal-actions .close-modal-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}.counseling-modal-overlay .counseling-modal .counseling-modal-footer .modal-actions .close-modal-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}.counseling-modal-overlay .counseling-modal .counseling-modal-footer .modal-actions .close-modal-btn:active{transform:translateY(0)}@media(prefers-color-scheme:dark){.counseling-requests .requests-list{background:#2d3748;border-color:#4a5568}.counseling-requests .requests-list .list-header{background:#1a202c;border-bottom-color:#4a5568}.counseling-requests .requests-list .list-header h3{color:#f1f5f9}.counseling-requests .requests-list .counseling-table{background:#2d3748}.counseling-requests .requests-list .counseling-table th{background:#1a202c;border-bottom-color:#4a5568;color:#e2e8f0}.counseling-requests .requests-list .counseling-table tbody tr{background:#2d3748}.counseling-requests .requests-list .counseling-table tbody tr:hover,.counseling-requests .requests-list .counseling-table tbody tr:nth-child(2n){background:#374151}.counseling-requests .requests-list .counseling-table td{border-bottom-color:#4a5568;color:#e2e8f0}.counseling-requests .requests-list .counseling-table td .student-info .student-name{color:#f1f5f9}.counseling-requests .requests-list .counseling-table td .schedule-info{color:#a0aec0}.counseling-requests .requests-list .counseling-table td .status-badge.pending{background:#78350f;color:#fbbf24}.counseling-requests .requests-list .counseling-table td .status-badge.approved{background:#064e3b;color:#6ee7b7}.counseling-requests .requests-list .counseling-table td .status-badge.rejected{background:#7f1d1d;color:#fca5a5}.counseling-requests .requests-list .counseling-table td .status-badge.completed{background:#1e3a8a;color:#93c5fd}.counseling-requests .requests-list .counseling-table td .action-buttons .approve-btn{background:#10b981}.counseling-requests .requests-list .counseling-table td .action-buttons .approve-btn:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px #10b9814d}.counseling-requests .requests-list .counseling-table td .action-buttons .reject-btn{background:#ef4444}.counseling-requests .requests-list .counseling-table td .action-buttons .reject-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #ef44444d}.counseling-requests .requests-list .counseling-table .empty-state{color:#a0aec0}.counseling-requests .request-filter-container{background:#1a202c;border-color:#4a5568}.counseling-requests .request-filter-container .filter-header h4{color:#e2e8f0}.counseling-requests .request-filter-container .filter-buttons .filter-btn{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.counseling-requests .request-filter-container .filter-buttons .filter-btn:hover{background:#374151;border-color:#6b7280}.counseling-requests .request-filter-container .filter-buttons .filter-btn.active{background:#60a5fa;border-color:#60a5fa;color:#fff}.counseling-requests .request-filter-container .filter-buttons .filter-btn.active svg{color:#fff}.counseling-modal-overlay .counseling-modal{background:#2d3748;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.counseling-modal-overlay .counseling-modal .counseling-modal-header{background:linear-gradient(135deg,#4c51bf,#553c9a)}.counseling-modal-overlay .counseling-modal .counseling-modal-header .header-content .header-icon{background:#ffffff26}.counseling-modal-overlay .counseling-modal .counseling-modal-header .header-content .header-text .modal-title{color:#f7fafc}.counseling-modal-overlay .counseling-modal .counseling-modal-header .header-content .header-text .modal-subtitle{color:#f7fafccc}.counseling-modal-overlay .counseling-modal .counseling-modal-header .modal-close-btn{background:#ffffff26}.counseling-modal-overlay .counseling-modal .counseling-modal-header .modal-close-btn:hover{background:#ffffff40}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-header{border-bottom-color:#4a5568}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-header .table-info .total-count{background:#4a5568;color:#e2e8f0}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper{background:#2d3748;border-color:#4a5568}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table thead{background:linear-gradient(135deg,#1a202c,#2d3748)}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table thead tr th{background:#0000;border-bottom-color:#4a5568;color:#e2e8f0}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row{border-bottom-color:#4a5568}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row:hover{background:#374151}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.student-cell .student-info .student-avatar{background:linear-gradient(135deg,#4c51bf,#553c9a)}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.student-cell .student-info .student-details .student-name{color:#f7fafc}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-date{color:#e2e8f0}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-time{color:#a0aec0}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-deleted{color:#fc8181}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.status-cell .status-badge.approved{background:linear-gradient(135deg,#064e3b,#047857);border-color:#10b981;color:#6ee7b7}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.status-cell .status-badge.rejected{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-color:#ef4444;color:#fca5a5}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.status-cell .status-badge.completed{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6;color:#93c5fd}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.status-cell .status-badge.pending{background:linear-gradient(135deg,#78350f,#92400e);border-color:#f59e0b;color:#fbbf24}.counseling-modal-overlay .counseling-modal .counseling-modal-body .empty-state-modal .empty-icon{color:#718096}.counseling-modal-overlay .counseling-modal .counseling-modal-body .empty-state-modal .empty-content .empty-title{color:#e2e8f0}.counseling-modal-overlay .counseling-modal .counseling-modal-body .empty-state-modal .empty-content .empty-description{color:#a0aec0}.counseling-modal-overlay .counseling-modal .counseling-modal-footer{background:#1a202c;border-top-color:#4a5568}.counseling-modal-overlay .counseling-modal .counseling-modal-footer .modal-actions .close-modal-btn{background:#4a5568}.counseling-modal-overlay .counseling-modal .counseling-modal-footer .modal-actions .close-modal-btn:hover{background:#718096;box-shadow:0 4px 12px #7180964d}}@media(max-width:768px){.counseling-requests{gap:16px}.counseling-requests .requests-list .list-header{padding:12px 16px}.counseling-requests .requests-list .list-header h3{font-size:14px}.counseling-requests .requests-list .counseling-table{font-size:13px}.counseling-requests .requests-list .counseling-table td,.counseling-requests .requests-list .counseling-table th{padding:12px 8px}.counseling-requests .requests-list .counseling-table th{font-size:11px}.counseling-requests .requests-list .counseling-table td .action-buttons{flex-direction:column;gap:4px}.counseling-requests .requests-list .counseling-table td .action-buttons .approve-btn,.counseling-requests .requests-list .counseling-table td .action-buttons .reject-btn{font-size:13px;justify-content:center;padding:10px 12px;width:100%}.counseling-requests .request-filter-container{padding:16px}.counseling-requests .request-filter-container .filter-buttons{flex-direction:column;gap:8px}.counseling-requests .request-filter-container .filter-buttons .filter-btn{font-size:14px;justify-content:center;padding:12px 16px;width:100%}.counseling-modal-overlay .counseling-modal{margin:20px;max-height:90vh;width:95%}.counseling-modal-overlay .counseling-modal .counseling-modal-header{padding:20px 24px}.counseling-modal-overlay .counseling-modal .counseling-modal-header .header-content{gap:12px}.counseling-modal-overlay .counseling-modal .counseling-modal-header .header-content .header-icon{height:40px;width:40px}.counseling-modal-overlay .counseling-modal .counseling-modal-header .header-content .header-text .modal-title{font-size:18px}.counseling-modal-overlay .counseling-modal .counseling-modal-header .header-content .header-text .modal-subtitle{font-size:13px}.counseling-modal-overlay .counseling-modal .counseling-modal-header .modal-close-btn{padding:6px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container{padding:20px 24px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table{font-size:13px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table thead tr th{font-size:11px;padding:12px 16px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td{padding:16px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.student-cell .student-info{gap:10px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.student-cell .student-info .student-avatar{font-size:13px;height:36px;width:36px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.student-cell .student-info .student-details .student-name{font-size:14px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-date{font-size:13px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-time{font-size:12px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .requests-table-container .table-wrapper .counseling-modal-table tbody .request-row td.status-cell .status-badge{font-size:11px;padding:4px 10px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .empty-state-modal{padding:40px 24px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .empty-state-modal .empty-icon{margin-bottom:16px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .empty-state-modal .empty-content .empty-title{font-size:16px}.counseling-modal-overlay .counseling-modal .counseling-modal-body .empty-state-modal .empty-content .empty-description{font-size:13px}.counseling-modal-overlay .counseling-modal .counseling-modal-footer{padding:16px 24px}.counseling-modal-overlay .counseling-modal .counseling-modal-footer .modal-actions .close-modal-btn{font-size:13px;padding:10px 20px}}.counseling-sessions,.counseling-sessions .sessions-container{display:flex;flex-direction:column;gap:24px}.counseling-sessions .sessions-container .session-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.counseling-sessions .sessions-container .session-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 24px}.counseling-sessions .sessions-container .session-section .section-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.counseling-sessions .sessions-container .session-section .table-container{overflow-x:auto}.counseling-sessions .sessions-container .session-section .sessions-table{border-collapse:collapse;font-size:14px;width:100%}.counseling-sessions .sessions-container .session-section .sessions-table td,.counseling-sessions .sessions-container .session-section .sessions-table th{border-bottom:1px solid #e5e7eb;padding:16px;text-align:left}.counseling-sessions .sessions-container .session-section .sessions-table th{background:#f8fafc;color:#374151;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.counseling-sessions .sessions-container .session-section .sessions-table tbody tr{transition:background-color .2s ease}.counseling-sessions .sessions-container .session-section .sessions-table tbody tr:hover{background:#f8fafc}.counseling-sessions .sessions-container .session-section .sessions-table tbody tr:last-child td{border-bottom:none}.counseling-sessions .sessions-container .session-section .sessions-table td{color:#374151;vertical-align:middle}.counseling-sessions .sessions-container .session-section .sessions-table td .student-info .student-name{color:#1f2937;font-weight:500}.counseling-sessions .sessions-container .session-section .sessions-table td .datetime-info{color:#6b7280;font-size:13px}.counseling-sessions .sessions-container .session-section .sessions-table td .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 12px}.counseling-sessions .sessions-container .session-section .sessions-table td .status-badge.pending{background:#fef3c7;color:#92400e}.counseling-sessions .sessions-container .session-section .sessions-table td .status-badge.completed{background:#dcfce7;color:#166534}.counseling-sessions .sessions-container .session-section .sessions-table td .notes-cell{min-width:200px}.counseling-sessions .sessions-container .session-section .sessions-table td .notes-cell .notes-input{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:13px;min-height:80px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.counseling-sessions .sessions-container .session-section .sessions-table td .notes-cell .notes-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.counseling-sessions .sessions-container .session-section .sessions-table td .notes-cell .notes-input::placeholder{color:#9ca3af}.counseling-sessions .sessions-container .session-section .sessions-table td .notes-cell .notes-display{background:#f8fafc;border-radius:8px;color:#374151;font-size:13px;line-height:1.5;min-height:60px;padding:12px;white-space:pre-wrap;word-break:break-word}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons{min-width:120px}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .cancel-btn,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .complete-btn,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-btn,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .save-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}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .cancel-btn:hover:not(:disabled),.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .complete-btn:hover:not(:disabled),.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-btn:hover:not(:disabled),.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .save-btn:hover:not(:disabled){transform:translateY(-1px)}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .cancel-btn:active,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .complete-btn:active,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-btn:active,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .save-btn:active{transform:translateY(0)}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .cancel-btn:disabled,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .complete-btn:disabled,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-btn:disabled,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .save-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .cancel-btn svg,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .complete-btn svg,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-btn svg,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .save-btn svg{flex-shrink:0}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .complete-btn{background:#10b981;color:#fff}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .complete-btn:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px #10b9814d}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-btn{background:#f59e0b;color:#fff}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-btn:hover:not(:disabled){background:#d97706;box-shadow:0 2px 8px #f59e0b4d}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-actions{display:flex;flex-direction:column;gap:4px}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-actions .save-btn{background:#10b981;color:#fff}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-actions .save-btn:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px #10b9814d}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-actions .cancel-btn{background:#ef4444;color:#fff}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-actions .cancel-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #ef44444d}.counseling-sessions .sessions-container .session-section .sessions-table .empty-state{color:#6b7280;font-style:italic;padding:40px 16px;text-align:center}@media(prefers-color-scheme:dark){.counseling-sessions .sessions-container .session-section{background:#2d3748;border-color:#4a5568}.counseling-sessions .sessions-container .session-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.counseling-sessions .sessions-container .session-section .section-header h3{color:#f1f5f9}.counseling-sessions .sessions-container .session-section .sessions-table th{background:#1a202c;color:#e2e8f0}.counseling-sessions .sessions-container .session-section .sessions-table tbody tr:hover{background:#1a202c}.counseling-sessions .sessions-container .session-section .sessions-table td{color:#e2e8f0}.counseling-sessions .sessions-container .session-section .sessions-table td .student-info .student-name{color:#f1f5f9}.counseling-sessions .sessions-container .session-section .sessions-table td .datetime-info{color:#a0aec0}.counseling-sessions .sessions-container .session-section .sessions-table td .status-badge.pending{background:#78350f;color:#fbbf24}.counseling-sessions .sessions-container .session-section .sessions-table td .status-badge.completed{background:#064e3b;color:#6ee7b7}.counseling-sessions .sessions-container .session-section .sessions-table td .notes-cell .notes-input{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.counseling-sessions .sessions-container .session-section .sessions-table td .notes-cell .notes-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.counseling-sessions .sessions-container .session-section .sessions-table td .notes-cell .notes-input::placeholder{color:#a0aec0}.counseling-sessions .sessions-container .session-section .sessions-table td .notes-cell .notes-display{background:#1a202c;color:#e2e8f0}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .complete-btn{background:#10b981}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .complete-btn:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px #10b9814d}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-btn{background:#f59e0b}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-btn:hover:not(:disabled){background:#d97706;box-shadow:0 2px 8px #f59e0b4d}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-actions .save-btn{background:#10b981}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-actions .save-btn:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px #10b9814d}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-actions .cancel-btn{background:#ef4444}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-actions .cancel-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #ef44444d}.counseling-sessions .sessions-container .session-section .sessions-table .empty-state{color:#a0aec0}}@media(max-width:768px){.counseling-sessions,.counseling-sessions .sessions-container{gap:16px}.counseling-sessions .sessions-container .session-section .section-header{padding:12px 16px}.counseling-sessions .sessions-container .session-section .section-header h3{font-size:14px}.counseling-sessions .sessions-container .session-section .sessions-table{font-size:13px}.counseling-sessions .sessions-container .session-section .sessions-table td,.counseling-sessions .sessions-container .session-section .sessions-table th{padding:12px 8px}.counseling-sessions .sessions-container .session-section .sessions-table th{font-size:11px}.counseling-sessions .sessions-container .session-section .sessions-table td .notes-cell{min-width:150px}.counseling-sessions .sessions-container .session-section .sessions-table td .notes-cell .notes-input{font-size:12px;min-height:60px;padding:10px}.counseling-sessions .sessions-container .session-section .sessions-table td .notes-cell .notes-display{font-size:12px;min-height:50px;padding:10px}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons{min-width:100px}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .cancel-btn,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .complete-btn,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-btn,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .save-btn{font-size:11px;padding:6px 10px}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-actions{gap:3px}.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-actions .cancel-btn,.counseling-sessions .sessions-container .session-section .sessions-table td .action-buttons .edit-actions .save-btn{font-size:11px;padding:6px 10px}}.instructor-counseling-page{background:#f8fafc;min-height:100vh;padding:24px}.instructor-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}.instructor-counseling-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.instructor-counseling-page .page-header .header-content .header-title .header-icon{color:#3b82f6}.instructor-counseling-page .page-header .header-content .header-title h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.instructor-counseling-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.instructor-counseling-page .counseling-sections{display:flex;flex-direction:column;gap:24px}.instructor-counseling-page .counseling-sections .counseling-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;overflow:hidden;transition:all .2s ease}.instructor-counseling-page .counseling-sections .counseling-section:hover{box-shadow:0 4px 12px #0000001a}.instructor-counseling-page .counseling-sections .counseling-section .section-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:20px 24px}.instructor-counseling-page .counseling-sections .counseling-section .section-header .section-icon{color:#3b82f6;flex-shrink:0}.instructor-counseling-page .counseling-sections .counseling-section .section-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.instructor-counseling-page .counseling-sections .counseling-section .section-content{padding:24px}.instructor-counseling-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;text-align:center}.instructor-counseling-page .loading-container p{color:#6b7280;font-size:16px;margin:0}@media(prefers-color-scheme:dark){.instructor-counseling-page{background:#1a1a2e}.instructor-counseling-page .page-header{background:#2d3748;border-color:#4a5568}.instructor-counseling-page .page-header .header-content .header-title .header-icon{color:#60a5fa}.instructor-counseling-page .page-header .header-content .header-title h1{color:#f1f5f9}.instructor-counseling-page .page-header .header-content .header-title .header-description{color:#a0aec0}.instructor-counseling-page .counseling-sections .counseling-section{background:#2d3748;border-color:#4a5568}.instructor-counseling-page .counseling-sections .counseling-section:hover{box-shadow:0 4px 12px #0000004d}.instructor-counseling-page .counseling-sections .counseling-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.instructor-counseling-page .counseling-sections .counseling-section .section-header .section-icon{color:#60a5fa}.instructor-counseling-page .counseling-sections .counseling-section .section-header h2{color:#f1f5f9}.instructor-counseling-page .loading-container p{color:#a0aec0}}@media(max-width:768px){.instructor-counseling-page{padding:16px}.instructor-counseling-page .page-header{margin-bottom:24px;padding:16px}.instructor-counseling-page .page-header .header-content .header-title h1{font-size:20px}.instructor-counseling-page .counseling-sections{gap:16px}.instructor-counseling-page .counseling-sections .counseling-section .section-header{padding:16px 20px}.instructor-counseling-page .counseling-sections .counseling-section .section-header h2{font-size:16px}.instructor-counseling-page .counseling-sections .counseling-section .section-content{padding:20px}}.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){.instructor-schedule-page{background:#1a202c}.instructor-schedule-page .page-header{background:#2d3748;border-color:#4a5568}.instructor-schedule-page .page-header .header-content .header-title .header-icon{color:#a78bfa}.instructor-schedule-page .page-header .header-content .header-title h1{color:#f1f5f9}.instructor-schedule-page .page-header .header-content .header-title .header-description{color:#a0aec0}.instructor-schedule-page .calendar-container,.instructor-schedule-page .tab-container{background:#2d3748;border-color:#4a5568}.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{background:#f8fafc;min-height:100vh;padding:24px}.student-mypage-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-mypage-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.student-mypage-page .page-header .header-content .header-title .header-icon{color:#8b5cf6}.student-mypage-page .page-header .header-content .header-title h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.student-mypage-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.student-mypage-page .user-summary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:20px}.student-mypage-page .user-summary p{color:#374151;font-size:16px;font-weight:500;margin:0}.student-mypage-page .card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.student-mypage-page .card-grid .section-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px;transition:all .2s ease}.student-mypage-page .card-grid .section-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.student-mypage-page .card-grid .section-card h3{align-items:center;border-bottom:1px solid #e5e7eb;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:12px}.student-mypage-page .card-grid .section-card h3 svg{color:#8b5cf6}.student-mypage-page .card-grid .section-card p{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;line-height:1.5;margin-bottom:12px}.student-mypage-page .card-grid .section-card p:last-child{margin-bottom:0}.student-mypage-page .card-grid .section-card p strong{align-items:center;color:#374151;display:flex;flex-shrink:0;font-weight:600;gap:6px;min-width:120px}.student-mypage-page .card-grid .section-card p strong svg{color:#9ca3af;flex-shrink:0}.student-mypage-page .card-grid .section-card .info-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;min-height:32px}.student-mypage-page .card-grid .section-card .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}.student-mypage-page .card-grid .section-card .info-row .change-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .2s ease}.student-mypage-page .card-grid .section-card .info-row .change-btn:hover{background:#e5e7eb;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a;color:#374151;transform:translateY(-1px)}.student-mypage-page .card-grid .section-card .info-row .change-btn:active{transform:translateY(0)}.student-mypage-page .button-wrapper{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.student-mypage-page .button-wrapper .edit-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-mypage-page .button-wrapper .edit-btn:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.student-mypage-page .button-wrapper .edit-btn:active{transform:translateY(0)}.student-mypage-page .button-wrapper .edit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.student-mypage-page .button-wrapper .edit-btn svg{flex-shrink:0}.student-mypage-page .loading-container{align-items:center;color:#6b7280;display:flex;font-size:16px;justify-content:center;padding:60px 20px;text-align:center}@media(prefers-color-scheme:dark){.student-mypage-page{background:#1a202c}.student-mypage-page .page-header{background:#2d3748;border-color:#4a5568}.student-mypage-page .page-header .header-content .header-title .header-icon{color:#a78bfa}.student-mypage-page .page-header .header-content .header-title h1{color:#f1f5f9}.student-mypage-page .page-header .header-content .header-title .header-description{color:#a0aec0}.student-mypage-page .user-summary{background:#2d3748;border-color:#4a5568}.student-mypage-page .user-summary p{color:#e2e8f0}.student-mypage-page .card-grid .section-card{background:#2d3748;border-color:#4a5568}.student-mypage-page .card-grid .section-card:hover{box-shadow:0 4px 12px #0003}.student-mypage-page .card-grid .section-card h3{border-bottom-color:#4a5568;color:#f1f5f9}.student-mypage-page .card-grid .section-card h3 svg{color:#a78bfa}.student-mypage-page .card-grid .section-card p{color:#a0aec0}.student-mypage-page .card-grid .section-card p strong{color:#e2e8f0}.student-mypage-page .card-grid .section-card p strong svg{color:#718096}.student-mypage-page .button-wrapper .edit-btn{background:#a78bfa}.student-mypage-page .button-wrapper .edit-btn:hover{background:#8b5cf6;box-shadow:0 4px 12px #a78bfa4d}.student-mypage-page .button-wrapper .edit-btn:disabled{background:#718096}.student-mypage-page .loading-container{color:#a0aec0}.student-mypage-page .card-grid .section-card .info-row p{word-wrap:break-word;color:#e2e8f0;overflow-wrap:anywhere;word-break:break-all}.student-mypage-page .card-grid .section-card .info-row .change-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.student-mypage-page .card-grid .section-card .info-row .change-btn:hover{background:#4b5563;border-color:#6b7280;color:#d1d5db}}@media(max-width:1024px){.student-mypage-page .card-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.student-mypage-page .card-grid .section-card{padding:20px}.student-mypage-page .card-grid .section-card .info-row p{font-size:13px;overflow-wrap:anywhere;word-break:break-all}.student-mypage-page .card-grid .section-card .info-row .change-btn{height:30px;min-width:30px;padding:5px 7px}}@media(max-width:768px){.student-mypage-page{padding:16px}.student-mypage-page .page-header{margin-bottom:24px;padding:20px}.student-mypage-page .page-header .header-content .header-title h1{font-size:20px}.student-mypage-page .user-summary{margin-bottom:20px;padding:16px}.student-mypage-page .user-summary p{font-size:14px}.student-mypage-page .card-grid{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.student-mypage-page .card-grid .section-card{padding:20px}.student-mypage-page .card-grid .section-card h3{font-size:16px;margin-bottom:12px}.student-mypage-page .card-grid .section-card p{font-size:13px;margin-bottom:10px}.student-mypage-page .card-grid .section-card p strong{font-size:13px;min-width:80px}.student-mypage-page .card-grid .section-card .info-row{align-items:stretch;flex-direction:column;gap:8px;margin-bottom:12px}.student-mypage-page .card-grid .section-card .info-row p{font-size:13px;line-height:1.4;margin-bottom:0;overflow-wrap:anywhere;word-break:break-all}.student-mypage-page .card-grid .section-card .info-row .change-btn{align-self:flex-end;height:28px;min-width:28px;padding:4px 6px}.student-mypage-page .button-wrapper{flex-direction:column;gap:8px}.student-mypage-page .button-wrapper .edit-btn{font-size:13px;justify-content:center;padding:10px 16px;width:100%}}.student-attendance-page{background:#fff;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px}.student-attendance-page .page-header{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.student-attendance-page .page-header .header-content{align-items:center;display:flex;gap:16px}.student-attendance-page .page-header .header-content .header-icon{align-items:center;background:#8b5cf6;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.student-attendance-page .page-header .header-content .header-text .header-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.student-attendance-page .page-header .header-content .header-text .header-description{color:#6b7280;font-size:14px;margin:0}.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,.student-attendance-page .attendance-content .summary-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.student-attendance-page .attendance-content .attendance-section .section-header,.student-attendance-page .attendance-content .summary-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,.student-attendance-page .attendance-content .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 .attendance-content .attendance-section .section-header h2,.student-attendance-page .attendance-content .summary-section .section-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.student-attendance-page .table-container{padding:24px}.student-attendance-page .table-container .attendance-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 6px #00000014;overflow:hidden;width:100%}.student-attendance-page .table-container .attendance-table td,.student-attendance-page .table-container .attendance-table th{border-bottom:1px solid #e5e7eb;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:#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,.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:#374151;font-size:14px}.student-attendance-page .table-container .attendance-table .empty-state{color:#9ca3af;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 .summary-content{padding:24px}.student-attendance-page .summary-section .summary-content .summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.student-attendance-page .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 .summary-section .summary-content .summary-grid .summary-item:hover{background:#f1f5f9;transform:translateY(-1px)}.student-attendance-page .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 .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:#6b7280;font-size:12px;font-weight:500}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-info .summary-value{color:#1f2937;font-size:18px;font-weight:700}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item.present .summary-icon{background:#dcfce7;color:#166534}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item.present .summary-value{color:#166534}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item.late .summary-icon{background:#fef3c7;color:#92400e}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item.late .summary-value{color:#92400e}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item.absent .summary-icon{background:#fee2e2;color:#991b1b}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item.absent .summary-value{color:#991b1b}.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){.student-attendance-page{background:#1a1a2e}.student-attendance-page .page-header{background:#1a202c;border-color:#4a5568}.student-attendance-page .page-header .header-content .header-icon{background:#a78bfa}.student-attendance-page .page-header .header-content .header-text .header-title{color:#f1f5f9}.student-attendance-page .loading-container,.student-attendance-page .page-header .header-content .header-text .header-description{color:#a0aec0}.student-attendance-page .attendance-content .attendance-section,.student-attendance-page .attendance-content .summary-section{background:#2d3748;border-color:#4a5568}.student-attendance-page .attendance-content .attendance-section .section-header,.student-attendance-page .attendance-content .summary-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.student-attendance-page .attendance-content .attendance-section .section-header .section-icon,.student-attendance-page .attendance-content .summary-section .section-header .section-icon{background:#a78bfa}.student-attendance-page .attendance-content .attendance-section .section-header h2,.student-attendance-page .attendance-content .summary-section .section-header h2{color:#f1f5f9}.student-attendance-page .table-container .attendance-table{background:#2d3748}.student-attendance-page .table-container .attendance-table th{background:#8b5cf6}.student-attendance-page .table-container .attendance-table tbody tr{background:#2d3748}.student-attendance-page .table-container .attendance-table tbody tr:nth-child(2n){background:#374151}.student-attendance-page .table-container .attendance-table tbody tr:hover{background:#4a5568}.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}.student-attendance-page .table-container .attendance-table .empty-state{color:#a0aec0}.student-attendance-page .status-badge.present{background-color:#1f2937;border-color:#374151;color:#10b981}.student-attendance-page .status-badge.late{background-color:#1f2937;border-color:#374151;color:#f59e0b}.student-attendance-page .status-badge.absent{background-color:#1f2937;border-color:#374151;color:#ef4444}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item{background:#374151;border-color:#4a5568}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item:hover{background:#4a5568}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-icon{background:#4a5568;color:#a0aec0}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-info .summary-label{color:#a0aec0}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item .summary-info .summary-value{color:#f1f5f9}.student-attendance-page .summary-section .summary-content .summary-grid .summary-item.present .summary-icon{background:#1f2937;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:#1f2937;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:#1f2937;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{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}}@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{background:#fff;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px}.student-assignments-page .page-header{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.student-assignments-page .page-header .header-content{align-items:center;display:flex;gap:16px}.student-assignments-page .page-header .header-content .header-icon{align-items:center;background:#8b5cf6;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.student-assignments-page .page-header .header-content .header-text .header-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.student-assignments-page .page-header .header-content .header-text .header-description{color:#6b7280;font-size:14px;margin:0}.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;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-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){.student-assignments-page{background:#1a1a2e}.student-assignments-page .page-header{background:#1a202c;border-color:#4a5568}.student-assignments-page .page-header .header-content .header-icon{background:#a78bfa}.student-assignments-page .page-header .header-content .header-text .header-title{color:#f1f5f9}.student-assignments-page .page-header .header-content .header-text .header-description{color:#a0aec0}.student-assignments-page .assignments-content .tab-section .tab-navigation{background:#1a202c;border-color:#4a5568}.student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn{color:#a0aec0}.student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn:hover{background:#374151;color:#e2e8f0}.student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn.active{background:#a78bfa}.student-assignments-page .assignments-content .tab-section .tab-navigation .tab-btn.active:hover{background:#8b5cf6}.student-assignments-page .assignments-content .assignments-list-section,.student-assignments-page .assignments-content .graded-section{background:#2d3748;border-color:#4a5568}.student-assignments-page .assignments-content .assignments-list-section .section-header,.student-assignments-page .assignments-content .graded-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.student-assignments-page .assignments-content .assignments-list-section .section-header h2,.student-assignments-page .assignments-content .graded-section .section-header h2{color:#f1f5f9}.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:#2d3748;border-color:#4a5568}.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 #0000004d}.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:#f1f5f9}.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:#1f2937;border-color:#374151;color:#10b981}.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:#1f2937;border-color:#374151;color:#ef4444}.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:#1f2937;border-color:#374151;color:#f59e0b}.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:#cbd5e0}.student-assignments-page .assignments-list .assignment-card .card-content .assignment-description .meta-item,.student-assignments-page .assignments-list .assignment-card .card-content .grading-meta .meta-item,.student-assignments-page .assignments-list .grading-card .card-content .assignment-description .meta-item,.student-assignments-page .assignments-list .grading-card .card-content .grading-meta .meta-item,.student-assignments-page .graded-list .assignment-card .card-content .assignment-description .meta-item,.student-assignments-page .graded-list .assignment-card .card-content .grading-meta .meta-item,.student-assignments-page .graded-list .grading-card .card-content .assignment-description .meta-item,.student-assignments-page .graded-list .grading-card .card-content .grading-meta .meta-item{color:#a0aec0}.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:#a78bfa}.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:#e2e8f0}.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:#374151;border-color:#4a5568}.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:#a0aec0}.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:#e2e8f0}.student-assignments-page .submission-section{border-top-color:#4a5568}.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{background:#374151;border-color:#4a5568;color:#e2e8f0}.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:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a}.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:#2d3748;color:#718096}.student-assignments-page .submission-section .expired-warning{background:#1f2937;border-color:#374151;color:#fca5a5}.student-assignments-page .submission-section .submitted-content .submitted-answer{background:#1e3a8a;border-color:#3730a3;color:#bfdbfe}.student-assignments-page .grading-results .result-item{background:#1f2937;border-color:#374151}.student-assignments-page .grading-results .result-item .result-label,.student-assignments-page .grading-results .result-item .result-value{color:#f59e0b}.student-assignments-page .feedback-section .feedback-label{color:#a0aec0}.student-assignments-page .feedback-section .feedback-text{background:#374151;border-color:#4a5568;color:#e2e8f0}.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{background:#fff;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px}.student-notices-page .page-header{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.student-notices-page .page-header .header-content{align-items:center;display:flex;gap:16px}.student-notices-page .page-header .header-content .header-icon{align-items:center;background:#8b5cf6;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.student-notices-page .page-header .header-content .header-text .header-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.student-notices-page .page-header .header-content .header-text .header-description{color:#6b7280;font-size:14px;margin:0}.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){.student-notices-page{background:#1a1a2e}.student-notices-page .page-header{background:#1a202c;border-color:#4a5568}.student-notices-page .page-header .header-content .header-icon{background:#a78bfa}.student-notices-page .page-header .header-content .header-text .header-title{color:#f1f5f9}.student-notices-page .page-header .header-content .header-text .header-description{color:#a0aec0}.student-notices-page .notices-content .notices-header .sort-section .sort-container .sort-btn{background:#a78bfa}.student-notices-page .notices-content .notices-header .sort-section .sort-container .sort-btn:hover{background:#8b5cf6}.student-notices-page .notices-content .notices-list-section{background:#2d3748;border-color:#4a5568}.student-notices-page .notices-content .notices-list-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.student-notices-page .notices-content .notices-list-section .section-header h2{color:#f1f5f9}.student-notices-page .notices-list .notice-card{background:#2d3748;border-color:#4a5568}.student-notices-page .notices-list .notice-card:hover{box-shadow:0 8px 25px #0000004d}.student-notices-page .notices-list .notice-card .card-header .notice-title{color:#f1f5f9}.student-notices-page .notices-list .notice-card .card-header .status-badge.published{background:#1f2937;border-color:#374151;color:#10b981}.student-notices-page .notices-list .notice-card .card-content .notice-description .description-text{color:#cbd5e0}.student-notices-page .notices-list .notice-card .card-content .notice-meta{background:#374151;border-color:#4a5568}.student-notices-page .notices-list .notice-card .card-content .notice-meta .meta-item{color:#a0aec0}.student-notices-page .notices-list .notice-card .card-content .notice-meta .meta-item svg{color:#a78bfa}.student-notices-page .notices-list .notice-card .card-content .notice-meta .meta-item .meta-value{color:#e2e8f0}.student-notices-page .notices-list .notice-card .card-actions{border-top-color:#4a5568}.student-notices-page .notices-list .notice-card .card-actions .detail-btn{background:#4b5563}.student-notices-page .notices-list .notice-card .card-actions .detail-btn:hover{background:#374151}.student-notices-page .notices-list .notice-card .card-actions .download-btn{background:#059669}.student-notices-page .notices-list .notice-card .card-actions .download-btn:hover{background:#047857}.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{background:#fff;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px}.student-materials-page .page-header{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.student-materials-page .page-header .header-content{align-items:center;display:flex;gap:16px}.student-materials-page .page-header .header-content .header-icon{align-items:center;background:#8b5cf6;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.student-materials-page .page-header .header-content .header-text .header-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.student-materials-page .page-header .header-content .header-text .header-description{color:#6b7280;font-size:14px;margin:0}.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){.student-materials-page{background:#1a1a2e}.student-materials-page .page-header{background:#1a202c;border-color:#4a5568}.student-materials-page .page-header .header-content .header-icon{background:#a78bfa}.student-materials-page .page-header .header-content .header-text .header-title{color:#f1f5f9}.student-materials-page .page-header .header-content .header-text .header-description{color:#a0aec0}.student-materials-page .materials-content .materials-header .sort-section .sort-container .sort-btn{background:#a78bfa}.student-materials-page .materials-content .materials-header .sort-section .sort-container .sort-btn:hover{background:#8b5cf6}.student-materials-page .materials-content .materials-list-section{background:#2d3748;border-color:#4a5568}.student-materials-page .materials-content .materials-list-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.student-materials-page .materials-content .materials-list-section .section-header h2{color:#f1f5f9}.student-materials-page .materials-list .material-card{background:#2d3748;border-color:#4a5568}.student-materials-page .materials-list .material-card:hover{box-shadow:0 8px 25px #0000004d}.student-materials-page .materials-list .material-card .card-header .material-title{color:#f1f5f9}.student-materials-page .materials-list .material-card .card-content .material-description .description-text{color:#cbd5e0}.student-materials-page .materials-list .material-card .card-content .material-meta{background:#374151;border-color:#4a5568}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item{color:#a0aec0}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item svg{color:#a78bfa}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item .meta-value{color:#e2e8f0}.student-materials-page .materials-list .material-card .card-content .material-meta .meta-item .meta-value.file-name{background:#2d3748;border-color:#4a5568;color:#cbd5e0}.student-materials-page .materials-list .material-card .card-actions{border-top-color:#4a5568}.student-materials-page .materials-list .material-card .card-actions .detail-btn{background:#4b5563}.student-materials-page .materials-list .material-card .card-actions .detail-btn:hover{background:#374151}.student-materials-page .materials-list .material-card .card-actions .download-btn{background:#059669}.student-materials-page .materials-list .material-card .card-actions .download-btn:hover{background:#047857}.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-courses-page{background:#fff;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px}.student-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}.student-courses-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.student-courses-page .page-header .header-content .header-title .header-icon{color:#8b5cf6}.student-courses-page .page-header .header-content .header-title h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.student-courses-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.student-courses-page .loading-container{align-items:center;color:#6b7280;display:flex;font-size:16px;justify-content:center;padding:60px 20px;text-align:center}.student-courses-page .courses-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.student-courses-page .courses-section .section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.student-courses-page .courses-section .section-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.student-courses-page .courses-section .courses-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:24px}.student-courses-page .courses-section .courses-container .course-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.student-courses-page .courses-section .courses-container .course-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.student-courses-page .courses-section .courses-container .course-card.active{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.student-courses-page .courses-section .courses-container .course-card .course-header{margin-bottom:12px}.student-courses-page .courses-section .courses-container .course-card .course-header .course-title{color:#1f2937;font-size:18px;font-weight:600;line-height:1.4;margin:0}.student-courses-page .courses-section .courses-container .course-card .course-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.student-courses-page .courses-section .courses-container .course-card .course-meta .classroom-name,.student-courses-page .courses-section .courses-container .course-card .course-meta .instructor-name{color:#6b7280;font-size:14px}.student-courses-page .courses-section .courses-container .course-card .course-meta .instructor-name{font-weight:500}.student-courses-page .courses-section .courses-container .course-card .course-description{margin-bottom:16px}.student-courses-page .courses-section .courses-container .course-card .course-description p{color:#4b5563;font-size:14px;line-height:1.5;margin:0}.student-courses-page .courses-section .courses-container .course-card .course-tabs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.student-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 12px;text-align:left;transition:all .2s ease}.student-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn svg{flex-shrink:0;height:16px;width:16px}.student-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn:hover{background:#f3f4f6;border-color:#d1d5db}.student-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.student-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn.active:hover{background:#7c3aed;border-color:#7c3aed}.student-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}.student-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){.student-courses-page{background:#1a202c}.student-courses-page .page-header{background:#2d3748;border-color:#4a5568}.student-courses-page .page-header .header-content .header-title .header-icon{color:#a78bfa}.student-courses-page .page-header .header-content .header-title h1{color:#f1f5f9}.student-courses-page .loading-container,.student-courses-page .page-header .header-content .header-title .header-description{color:#a0aec0}.student-courses-page .courses-section{background:#2d3748;border-color:#4a5568}.student-courses-page .courses-section .section-header{background:#1a202c;border-bottom-color:#4a5568}.student-courses-page .courses-section .section-header h2{color:#f1f5f9}.student-courses-page .courses-section .courses-container .course-card{background:#2d3748;border-color:#4a5568}.student-courses-page .courses-section .courses-container .course-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.student-courses-page .courses-section .courses-container .course-card.active{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.student-courses-page .courses-section .courses-container .course-card .course-header .course-title{color:#f1f5f9}.student-courses-page .courses-section .courses-container .course-card .course-meta .classroom-name,.student-courses-page .courses-section .courses-container .course-card .course-meta .instructor-name{color:#a0aec0}.student-courses-page .courses-section .courses-container .course-card .course-description p{color:#cbd5e0}.student-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn{background:#374151;border-color:#4a5568;color:#a0aec0}.student-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn:hover{background:#4a5568;border-color:#6b7280}.student-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn.active{background:#a78bfa;border-color:#a78bfa;color:#fff}.student-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn.active:hover{background:#8b5cf6;border-color:#8b5cf6}.student-courses-page .courses-section .courses-container .empty-state{color:#718096}.student-courses-page .course-content-section .course-content{background:#2b293d;border-color:#4a5568;color:#f1f5f9}}@media(max-width:768px){.student-courses-page{gap:16px;padding:16px}.student-courses-page .page-header{padding:16px}.student-courses-page .page-header .header-content .header-title h1{font-size:20px}.student-courses-page .courses-section .courses-container{gap:16px;grid-template-columns:1fr}.student-courses-page .courses-section .courses-container .course-card{padding:16px}.student-courses-page .courses-section .courses-container .course-card .course-tabs{gap:6px;grid-template-columns:1fr}.student-courses-page .courses-section .courses-container .course-card .course-tabs .tab-btn{font-size:14px;padding:12px}.student-courses-page .course-content-section .course-content{min-height:300px;padding:16px}}.student-counseling-page{background:#f8fafc;min-height:100vh;padding:24px}.student-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}.student-counseling-page .page-header .header-content .header-title{align-items:center;display:flex;gap:16px}.student-counseling-page .page-header .header-content .header-title .header-icon{color:#8b5cf6}.student-counseling-page .page-header .header-content .header-title h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.student-counseling-page .page-header .header-content .header-title .header-description{color:#6b7280;font-size:14px;margin:0}.student-counseling-page .loading-container{align-items:center;color:#6b7280;display:flex;font-size:16px;justify-content:center;padding:60px 20px;text-align:center}.student-counseling-page .counseling-request-container,.student-counseling-page .pending-requests-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:24px}.student-counseling-page .completed-counselings-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.counseling-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 6px #00000014;margin-top:15px;overflow:hidden;width:100%}.counseling-table td,.counseling-table th{border:1px solid #ccc;font-size:16px;padding:12px;text-align:center}.counseling-table th{background:#8b5cf6;color:#fff;font-weight:700}.counseling-table tbody tr:nth-child(2n){background:#f8f9fa}.counseling-table tbody tr:hover{background:#e9ecef}.status{border-radius:5px;font-weight:700;padding:5px 10px}.status.pending{background:#fff3cd;color:#ffc107}.status.approved{background:#d4edda;color:#28a745}.status.rejected{background:#f8d7da;color:#dc3545}.status.completed{background:#d4edda;color:#28a745}.request-buttons{display:flex;gap:10px;justify-content:center;margin-top:10px}.request-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 15px;transition:.2s}.approved-btn{background-color:#28a745;color:#fff}.rejected-btn{background-color:#dc3545;color:#fff}.completed-btn{background-color:#8b5cf6;color:#fff}.request-buttons button:hover{filter:brightness(.9)}.counseling-request-form .form-header{margin-bottom:20px}.counseling-request-form .form-header h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;margin:0 0 8px}.counseling-request-form .form-header h3 svg{color:#8b5cf6}.counseling-request-form .form-header .form-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.counseling-request-form .form-container{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:20px;padding:24px}.counseling-request-form .form-container .form-group{display:flex;flex-direction:column;gap:8px}.counseling-request-form .form-container .form-group .form-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px}.counseling-request-form .form-container .form-group .form-label svg{color:#8b5cf6}.counseling-request-form .form-container .form-group .form-select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.counseling-request-form .form-container .form-group .form-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.counseling-request-form .form-container .form-group .form-select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.counseling-request-form .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}.counseling-request-form .form-container .error-message:before{content:"⚠️";font-size:16px}.counseling-request-form .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}.counseling-request-form .form-container .success-message:before{content:"✅";font-size:16px}.counseling-request-form .form-container .form-actions{display:flex;justify-content:center;margin-top:8px}.counseling-request-form .form-container .form-actions .submit-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 24px;transition:all .2s ease}.counseling-request-form .form-container .form-actions .submit-btn:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.counseling-request-form .form-container .form-actions .submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.counseling-request-form .form-container .form-actions .submit-btn svg{height:16px;width:16px}.pending-requests .requests-header{margin-bottom:20px}.pending-requests .requests-header h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;margin:0 0 8px}.pending-requests .requests-header h3 svg{color:#8b5cf6}.pending-requests .requests-header .requests-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.pending-requests .requests-list .list-header{margin-bottom:16px}.pending-requests .requests-list .list-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.completed-counselings .counselings-header{margin-bottom:20px}.completed-counselings .counselings-header h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;margin:0 0 8px}.completed-counselings .counselings-header h3 svg{color:#8b5cf6}.completed-counselings .counselings-header .counselings-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.completed-counselings .counselings-list .list-header{margin-bottom:16px}.completed-counselings .counselings-list .list-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.instructor-info,.notes-info,.schedule-info{align-items:center;display:flex}.instructor-info .instructor-name,.instructor-info .notes-text,.instructor-info .schedule-text,.notes-info .instructor-name,.notes-info .notes-text,.notes-info .schedule-text,.schedule-info .instructor-name,.schedule-info .notes-text,.schedule-info .schedule-text{color:#374151;font-size:14px}.empty-state{color:#9ca3af;font-style:italic;padding:20px;text-align:center}.request-filter-container{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-top:24px;padding:20px}.request-filter-container .filter-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.request-filter-container .filter-buttons{display:flex;flex-wrap:wrap;gap:12px}.filter-btn{align-items:center;background:#fff;border:2px solid #ced4da;border-radius:20px;color:#212529;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease-in-out}.filter-btn.approved svg{color:#198754}.filter-btn.rejected svg{color:#dc3545}.filter-btn.completed svg{color:#8b5cf6}.filter-btn:hover{background:#f1f3f5}.filter-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.filter-btn.active svg{color:#fff}.pending-counseling-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.pending-counseling-modal-overlay .pending-counseling-modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;position:relative;width:90%}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-bottom:none;display:flex;justify-content:space-between;overflow:hidden;padding:24px 32px;position:relative}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .header-content{align-items:center;display:flex;gap:16px;position:relative;z-index:1}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .header-content .header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .header-content .header-text .modal-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 4px;text-shadow:0 2px 4px #0000001a}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .header-content .header-text .modal-subtitle{color:#ffffffe6;font-size:14px;font-weight:400;margin:0}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .modal-close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;position:relative;transition:all .2s ease;z-index:1}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .modal-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .modal-close-btn:active{transform:scale(.95)}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body{flex:1 1;overflow-y:auto;padding:0}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container{padding:24px 32px}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-header{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:16px}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-header .table-info .total-count{background:#f3f4f6;border-radius:20px;color:#6b7280;display:inline-block;font-size:14px;font-weight:600;padding:6px 12px}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table{border-collapse:collapse;font-size:14px;width:100%}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table thead tr th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table thead tr th.instructor-col{width:35%}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table thead tr th.schedule-col{width:40%}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table thead tr th.status-col{width:25%}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row:hover{background:#f8fafc;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row:last-child{border-bottom:none}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td{padding:20px;vertical-align:middle}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.instructor-cell .instructor-info{align-items:center;display:flex;gap:12px}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.instructor-cell .instructor-info .instructor-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.instructor-cell .instructor-info .instructor-details .instructor-name{color:#1f2937;font-size:15px;font-weight:600}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-date{color:#374151;font-weight:600;margin-bottom:4px}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-time{color:#6b7280;font-size:13px;font-weight:500}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-deleted{color:#ef4444;font-size:13px;font-style:italic}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.status-cell .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.05em;padding:6px 14px;text-transform:uppercase}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.status-cell .status-badge.approved{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.status-cell .status-badge.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.status-cell .status-badge.completed{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.status-cell .status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#92400e}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .empty-state-modal{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 32px;text-align:center}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .empty-state-modal .empty-icon{color:#9ca3af;margin-bottom:20px;opacity:.6}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .empty-state-modal .empty-content .empty-title{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .empty-state-modal .empty-content .empty-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:20px 32px}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-footer .modal-actions .close-modal-btn{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-footer .modal-actions .close-modal-btn:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-footer .modal-actions .close-modal-btn:active{transform:translateY(0)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-color-scheme:dark){.student-counseling-page{background:#1a202c}.student-counseling-page .page-header{background:#2d3748;border-color:#4a5568}.student-counseling-page .page-header .header-content .header-title .header-icon{color:#a78bfa}.student-counseling-page .page-header .header-content .header-title h1{color:#f1f5f9}.student-counseling-page .loading-container,.student-counseling-page .page-header .header-content .header-title .header-description{color:#a0aec0}.student-counseling-page .completed-counselings-container,.student-counseling-page .counseling-request-container,.student-counseling-page .pending-requests-container{background:#2d3748;border-color:#4a5568}.student-counseling-page .counseling-request-form .form-header h3{color:#f1f5f9}.student-counseling-page .counseling-request-form .form-header h3 svg{color:#a78bfa}.student-counseling-page .counseling-request-form .form-header .form-description{color:#a0aec0}.student-counseling-page .counseling-request-form .form-container .form-group .form-select:disabled{border-color:#4a5568}.student-counseling-page .counseling-request-form .form-container .form-group .form-select::placeholder{color:#718096}.student-counseling-page .counseling-request-form .form-container .form-actions .submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #a78bfa4d}.student-counseling-page .counseling-request-form .form-container .form-actions .submit-btn:disabled{box-shadow:none}.student-counseling-page .pending-requests .requests-header h3{color:#f1f5f9}.student-counseling-page .pending-requests .requests-header h3 svg{color:#a78bfa}.student-counseling-page .pending-requests .requests-header .requests-description{color:#a0aec0}.student-counseling-page .pending-requests .requests-list .list-header h3{color:#f1f5f9}.student-counseling-page .pending-requests .request-filter-container{background:#0000}.student-counseling-page .pending-requests .request-filter-container .filter-header h4{color:#f1f5f9}.student-counseling-page .pending-requests .request-filter-container .filter-buttons .filter-btn{background:#374151;border-color:#4a5568;color:#e2e8f0}.student-counseling-page .pending-requests .request-filter-container .filter-buttons .filter-btn:hover{background:#4a5568;border-color:#a78bfa;box-shadow:0 2px 8px #a78bfa1a}.student-counseling-page .pending-requests .request-filter-container .filter-buttons .filter-btn.active{background:#a78bfa;border-color:#a78bfa;box-shadow:0 2px 8px #a78bfa33}.student-counseling-page .pending-requests .request-filter-container .filter-buttons .filter-btn.active svg{color:#fff}.student-counseling-page .completed-counselings .counselings-header h3{color:#f1f5f9}.student-counseling-page .completed-counselings .counselings-header h3 svg{color:#a78bfa}.student-counseling-page .completed-counselings .counselings-header .counselings-description{color:#a0aec0}.student-counseling-page .completed-counselings .counselings-list .list-header h3{color:#f1f5f9}.student-counseling-page .counseling-table{background:#2d3748}.student-counseling-page .counseling-table th{background:#8b5cf6;color:#fff}.student-counseling-page .counseling-table tbody tr{background:#2d3748}.student-counseling-page .counseling-table tbody tr:nth-child(2n){background:#374151}.student-counseling-page .counseling-table tbody tr:hover{background:#4a5568}.student-counseling-page .counseling-table td{border-color:#4a5568;color:#e2e8f0}.student-counseling-page .counseling-request-form .form-container{background:#1f2937;border:#374151}.student-counseling-page .counseling-request-form .form-container .form-group .form-label{color:#e2e8f0}.student-counseling-page .counseling-request-form .form-container .form-group .form-label svg{color:#a78bfa}.student-counseling-page .counseling-request-form .form-container .form-group .form-select{background:#374151;border-color:#4a5568;color:#e2e8f0}.student-counseling-page .counseling-request-form .form-container .form-group .form-select:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a}.student-counseling-page .counseling-request-form .form-container .form-group .form-select:disabled{background-color:#2d3748;color:#718096}.student-counseling-page .counseling-request-form .form-container .form-actions .submit-btn{background:#a78bfa}.student-counseling-page .counseling-request-form .form-container .form-actions .submit-btn:hover:not(:disabled){background:#8b5cf6}.student-counseling-page .counseling-request-form .form-container .form-actions .submit-btn:disabled{background:#718096}.student-counseling-page .completed-counselings .counselings-list .list-header h3,.student-counseling-page .completed-counselings .requests-list .list-header h3,.student-counseling-page .pending-requests .counselings-list .list-header h3,.student-counseling-page .pending-requests .requests-list .list-header h3{color:#f1f5f9}.student-counseling-page .instructor-info .instructor-name,.student-counseling-page .instructor-info .notes-text,.student-counseling-page .instructor-info .schedule-text,.student-counseling-page .notes-info .instructor-name,.student-counseling-page .notes-info .notes-text,.student-counseling-page .notes-info .schedule-text,.student-counseling-page .schedule-info .instructor-name,.student-counseling-page .schedule-info .notes-text,.student-counseling-page .schedule-info .schedule-text{color:#e2e8f0}.student-counseling-page .empty-state{color:#a0aec0}.student-counseling-page .request-filter-container{background:#0000}.student-counseling-page .filter-btn{background:#374151;border-color:#4a5568;color:#e2e8f0}.student-counseling-page .filter-btn:hover{background:#4a5568}.student-counseling-page .filter-btn.active{background:#a78bfa;border-color:#a78bfa}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal{background:#2d3748;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .header-content .header-icon{background:#ffffff26}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .header-content .header-text .modal-title{color:#f7fafc}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .header-content .header-text .modal-subtitle{color:#f7fafccc}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .modal-close-btn{background:#ffffff26}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .modal-close-btn:hover{background:#ffffff40}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-header{border-bottom-color:#4a5568}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-header .table-info .total-count{background:#4a5568;color:#e2e8f0}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper{background:#2d3748;border-color:#4a5568}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table thead{background:linear-gradient(135deg,#1a202c,#2d3748)}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table thead tr th{background:#0000;border-bottom-color:#4a5568;color:#e2e8f0}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row{border-bottom-color:#4a5568}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row:hover{background:#374151}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.instructor-cell .instructor-info .instructor-avatar{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.instructor-cell .instructor-info .instructor-details .instructor-name{color:#f7fafc}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-date{color:#e2e8f0}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-time{color:#a0aec0}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-deleted{color:#fc8181}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.status-cell .status-badge.approved{background:linear-gradient(135deg,#064e3b,#047857);border-color:#10b981;color:#6ee7b7}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.status-cell .status-badge.rejected{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-color:#ef4444;color:#fca5a5}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.status-cell .status-badge.completed{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6;color:#93c5fd}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.status-cell .status-badge.pending{background:linear-gradient(135deg,#78350f,#92400e);border-color:#f59e0b;color:#fbbf24}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .empty-state-modal .empty-icon{color:#718096}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .empty-state-modal .empty-content .empty-title{color:#e2e8f0}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .empty-state-modal .empty-content .empty-description{color:#a0aec0}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-footer{background:#1a202c;border-top-color:#4a5568}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-footer .modal-actions .close-modal-btn{background:#7c3aed}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-footer .modal-actions .close-modal-btn:hover{background:#6d28d9;box-shadow:0 4px 12px #7c3aed4d}}@media(max-width:768px){.student-counseling-page{padding:16px}.student-counseling-page .page-header{margin-bottom:24px;padding:20px}.student-counseling-page .page-header .header-content .header-title h1{font-size:20px}.student-counseling-page .completed-counselings-container,.student-counseling-page .counseling-request-container,.student-counseling-page .pending-requests-container{margin-bottom:16px;padding:16px}.student-counseling-page .counseling-request-form .form-container{gap:16px;padding:16px}.student-counseling-page .request-filter-container{padding:16px}.student-counseling-page .request-filter-container .filter-buttons{justify-content:center}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal{margin:20px;max-height:90vh;width:95%}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header{padding:20px 24px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .header-content{gap:12px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .header-content .header-icon{height:40px;width:40px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .header-content .header-text .modal-title{font-size:18px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .header-content .header-text .modal-subtitle{font-size:13px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-header .modal-close-btn{padding:6px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container{padding:20px 24px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table{font-size:13px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table thead tr th{font-size:11px;padding:12px 16px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td{padding:16px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.instructor-cell .instructor-info{gap:10px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.instructor-cell .instructor-info .instructor-avatar{font-size:13px;height:36px;width:36px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.instructor-cell .instructor-info .instructor-details .instructor-name{font-size:14px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-date{font-size:13px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.schedule-cell .schedule-info .schedule-time{font-size:12px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .requests-table-container .table-wrapper .pending-counseling-modal-table tbody .request-row td.status-cell .status-badge{font-size:11px;padding:4px 10px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .empty-state-modal{padding:40px 24px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .empty-state-modal .empty-icon{margin-bottom:16px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .empty-state-modal .empty-content .empty-title{font-size:16px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-body .empty-state-modal .empty-content .empty-description{font-size:13px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-footer{padding:16px 24px}.student-counseling-page .pending-counseling-modal-overlay .pending-counseling-modal .pending-counseling-modal-footer .modal-actions .close-modal-btn{font-size:13px;padding:10px 20px}}.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){.student-schedule-page{background:#1a202c}.student-schedule-page .page-header{background:#2d3748;border-color:#4a5568}.student-schedule-page .page-header .header-content .header-title .header-icon{color:#a78bfa}.student-schedule-page .page-header .header-content .header-title h1{color:#f1f5f9}.student-schedule-page .page-header .header-content .header-title .header-description{color:#a0aec0}.student-schedule-page .calendar-container,.student-schedule-page .tab-container{background:#2d3748;border-color:#4a5568}.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}}.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}.pagination{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin-top:20px;padding:16px}.pagination .pagination-info{color:#666;font-size:14px}.pagination .pagination-controls{align-items:center;display:flex;gap:8px}.pagination .pagination-controls .pagination-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.pagination .pagination-controls .pagination-btn:hover:not(:disabled){background:#007bff;border-color:#007bff;color:#fff}.pagination .pagination-controls .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination .pagination-controls .pagination-btn.active{background:#007bff;border-color:#007bff;color:#fff}.pagination .pagination-controls .page-numbers{display:flex;gap:4px}.pagination .pagination-controls .page-size-select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 8px;transition:all .2s}.pagination .pagination-controls .page-size-select:hover{border-color:#007bff}.pagination .pagination-controls .page-size-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}@media(max-width:768px){.pagination{flex-direction:column;gap:12px}.pagination .pagination-controls{flex-wrap:wrap;justify-content: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}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;font-family:Arial,sans-serif}.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}
/*# sourceMappingURL=main.23ddcc81.css.map*/