:root{--theme-blue:#3b82f6;--theme-blue-deep:#1d4ed8;--theme-yellow:#fbbf24;--theme-white:#fff;--theme-gray-500:#6b7280;--theme-gray-900:#111827}.sessions-container{background:radial-gradient(100% 60% at 0 0,#3b82f62e 0%,#0000 50%),radial-gradient(80% 50% at 100% 100%,#fbbf2426 0%,#0000 50%),linear-gradient(#fafbfff2 0%,#fffef9f2 100%);border-radius:16px;width:100%;min-height:100%;margin:0 auto;padding:1.25rem}body.dark-mode .sessions-container{background:radial-gradient(100% 60% at 0 0,#3b82f61f 0%,#0000 50%),radial-gradient(80% 50% at 100% 100%,#fbbf240f 0%,#0000 50%),linear-gradient(#0f172afa 0%,#1e293bfa 100%)}body.dark-mode .empty-state{color:var(--dashboard-text-secondary)}body.dark-mode .empty-state .btn-primary{background:var(--dashboard-primary);color:#fff}body.dark-mode .empty-state .btn-primary:hover{background:var(--dashboard-primary-hover)}body.dark-mode .session-group h3{color:inherit;border-bottom-color:var(--dashboard-border)}body.dark-mode .session-group.ongoing h3{color:#86efac;border-bottom-color:#22c55e80}body.dark-mode .session-group.scheduled h3{color:#93c5fd;border-bottom-color:#3b82f680}body.dark-mode .session-group.pending h3{color:#fbbf24;border-bottom-color:#d9770680}body.dark-mode .session-group.completed h3{color:var(--dashboard-text-secondary);border-bottom-color:var(--dashboard-border)}body.dark-mode .session-group.cancelled h3{color:#fca5a5;border-bottom-color:#ef444480}.sessions-wrapper{padding:0}.sessions-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex;position:relative}.sessions-header h1{background:linear-gradient(135deg,var(--theme-blue-deep)0%,var(--theme-blue)50%,var(--theme-yellow)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .35rem;font-size:1.6rem;font-weight:800}.sessions-header p{color:var(--theme-gray-500);margin:0;font-size:.9rem}.schedule-session-btn{background:linear-gradient(135deg,var(--theme-blue)0%,var(--theme-blue-deep)50%,var(--theme-yellow)100%);width:52px;height:52px;color:var(--theme-white);cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:all .3s;display:flex;position:fixed;bottom:72px;right:24px;box-shadow:0 4px 14px #3b82f666}.schedule-session-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #3b82f680}.empty-state{text-align:center;color:var(--text-secondary,#6b7280);padding:60px 20px}.empty-state p{margin-bottom:20px;font-size:1.2em}.session-group{margin-bottom:1.75rem}.session-group h3{border-bottom:2px solid #e0e0e0;margin-bottom:.85rem;padding-bottom:.5rem;font-size:1.2rem}.session-group.ongoing h3{color:#4caf50;border-bottom-color:#4caf50}.session-group.scheduled h3{color:#2196f3;border-bottom-color:#2196f3}.session-group.pending h3{color:#d97706;border-bottom-color:#d97706}.session-group.completed h3{color:#757575;border-bottom-color:#757575}.session-group.cancelled h3{color:#f44336;border-bottom-color:#f44336}.session-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:1rem;max-width:100%;display:grid}.session-card{-webkit-backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #ffffff80;border-radius:16px;min-width:0;padding:.85rem 1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 0 0 1px #3b82f61f,0 4px 12px #3b82f614}.session-card--clickable{cursor:pointer}.session-card--clickable:focus-visible{outline:2px solid var(--dashboard-primary,#3b82f6);outline-offset:2px}body.dark-mode .session-card{border-color:var(--dashboard-border);background:#1e293bb3;box-shadow:0 0 0 1px #33415580}.session-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #3b82f633,0 8px 24px #3b82f61f}body.dark-mode .session-card:hover{box-shadow:0 0 0 1px #3b82f64d,0 8px 24px #0003}body.dark-mode .session-header{border-bottom-color:var(--dashboard-border)}body.dark-mode .session-header h4{color:var(--dashboard-text-primary)}body.dark-mode .session-body p{color:var(--dashboard-text-secondary)}body.dark-mode .session-body strong{color:var(--dashboard-text-primary)}body.dark-mode .badge-scheduled{color:#93c5fd;background-color:#3b82f640}body.dark-mode .badge-ongoing{color:#86efac;background-color:#22c55e40}body.dark-mode .badge-completed{color:#94a3b8;background-color:#94a3b840}body.dark-mode .badge-cancelled{color:#fca5a5;background-color:#ef444440}body.dark-mode .badge-pending{color:#fcd34d;background-color:#fbbf2433;border-color:#fbbf2480}body.dark-mode .badge-rejected{color:#fca5a5;background-color:#ef444440}body.dark-mode .loading-spinner{color:var(--dashboard-text-secondary)}body.dark-mode .spinner{border-color:var(--dashboard-border);border-top-color:var(--dashboard-primary)}body.dark-mode .modal-body .form-group small{color:var(--dashboard-text-secondary)}body.dark-mode .info-message.info{color:#93c5fd;border-left-color:var(--dashboard-primary);background-color:#3b82f633}.session-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:flex-start;margin-bottom:.85rem;padding-bottom:.85rem;display:flex}.session-header h4{color:#333;flex:1;margin:0;font-size:1.1rem}.status-badges{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.session-card-main{min-width:0}.session-body{min-width:0;margin-bottom:.85rem}.session-body p{color:#555;margin:.35rem 0;font-size:.9rem;line-height:1.5}.session-body strong{color:#333;font-weight:600}.session-card-notes-row{align-items:baseline;gap:.35rem;min-width:0;max-width:100%;display:flex;overflow:hidden}.session-card-notes-row strong{flex-shrink:0}.session-card-notes-line{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.session-detail-readonly .readonly-field{margin-bottom:1rem}.session-detail-readonly .readonly-field label{color:#666;margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}body.dark-mode .session-detail-readonly .readonly-field label{color:var(--dashboard-text-secondary)}.session-detail-readonly .readonly-value{color:#333;word-break:break-word;font-size:.95rem}body.dark-mode .session-detail-readonly .readonly-value{color:var(--dashboard-text-primary)}.session-detail-readonly .readonly-notes{white-space:pre-wrap;line-height:1.5}.badge{white-space:nowrap;border-radius:9999px;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:inline-block}.badge-scheduled{color:#1976d2;background-color:#e3f2fd}.badge-ongoing{color:#388e3c;background-color:#e8f5e9;animation:2s infinite pulse}.badge-completed{color:#616161;background-color:#f5f5f5}.badge-cancelled{color:#c62828;background-color:#ffebee}.badge-pending{color:#f57c00;background-color:#fff3e0;border:1px dashed #fb8c00}.badge-rejected{color:#c62828;background-color:#ffebee}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.session-actions{flex-wrap:wrap;gap:.5rem;display:flex}.session-actions button,.session-actions a{cursor:pointer;border:none;border-radius:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.btn-join{color:#fff;background-color:#4caf50;flex:1}.btn-join:hover{background-color:#45a049;transform:scale(1.05)}.btn-edit{color:#fff;background-color:#2196f3}.btn-edit:hover{background-color:#1976d2}.btn-delete{color:#fff;background-color:#f44336}.btn-delete:hover{background-color:#d32f2f}.btn-accept{color:#fff;background-color:#4caf50;font-weight:600}.btn-accept:hover{background-color:#45a049;transform:scale(1.05)}.btn-reject{color:#fff;background-color:#f59e0b;font-weight:600}.btn-reject:hover{background-color:#d97706;transform:scale(1.05)}.btn-primary{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:.4rem;padding:.5rem 1.1rem;font-size:.9rem;transition:background-color .2s}.btn-primary:hover{background-color:#4f46e5}.loading-spinner{color:#666;justify-content:center;align-items:center;padding:60px 20px;display:flex}.spinner{border:4px solid #f3f3f3;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:4rem 1rem 1rem;animation:.2s sessionModalFadeIn;display:flex;position:fixed;inset:0}@keyframes sessionModalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--dashboard-card-bg,#fff);border-radius:1rem;flex-direction:column;width:100%;max-width:520px;max-height:82vh;margin-top:1.5rem;animation:.3s sessionModalSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes sessionModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--dashboard-border,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-header h2{color:var(--dashboard-text-primary,#1f2937);margin:0;font-size:1.25rem;font-weight:700}.close-modal{background:var(--dashboard-sidebar-bg,#f3f4f6);cursor:pointer;width:36px;height:36px;color:var(--dashboard-text-secondary,#6b7280);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.close-modal:hover{color:#fff;background:#ef4444;transform:rotate(90deg)}.modal-form{flex-direction:column;flex:1;min-height:0;display:flex}.modal-body{flex:1;min-height:0;padding:1rem 1.25rem;overflow:hidden auto}.modal-footer{border-top:1px solid var(--dashboard-border,#e5e7eb);flex-shrink:0;padding:1rem 1.25rem}.modal-body .form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.modal-body .form-row .form-group{margin-bottom:0}.modal-body .form-group{margin-bottom:1rem}.modal-body .form-group label{color:var(--dashboard-text-primary,#333);margin-bottom:.35rem;font-size:.8125rem;font-weight:600;display:block}.modal-body .form-group input,.modal-body .form-group textarea,.modal-body .form-group select{border:1px solid var(--dashboard-border,#e5e7eb);box-sizing:border-box;background:var(--dashboard-card-bg,#fff);border-radius:.5rem;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.modal-body .form-group input:focus,.modal-body .form-group textarea:focus,.modal-body .form-group select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.modal-body .form-group textarea{resize:vertical;min-height:72px}.modal-body .form-group small{color:#6b7280;margin-top:.25rem;font-size:.8em;display:block}.form-hint{color:#6b7280;font-size:.85em}.form-hint-block{margin:.5rem 0;font-size:.9em;display:block}body.dark-mode .form-hint,body.dark-mode .form-hint-block{color:var(--dashboard-text-secondary)}.modal-body .meeting-options{background:var(--dashboard-sidebar-bg,#f9fafb);border:1px solid var(--dashboard-border,#e5e7eb);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.modal-body .meeting-options h4{color:var(--dashboard-text-primary,#333);margin:0 0 .75rem;font-size:.9375rem}.info-message{border-radius:6px;margin-top:1rem;padding:12px;font-size:.9em}.info-message.info{color:#1976d2;background-color:#e3f2fd;border-left:4px solid #1976d2}.modal-footer .form-actions{border:none;justify-content:flex-end;gap:.75rem;margin:0;padding:0;display:flex}.btn-cancel{color:#6b7280;border:1px solid var(--dashboard-border,#e5e7eb);cursor:pointer;background:0 0;border-radius:.5rem;padding:.5rem 1.15rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db}body.dark-mode .btn-cancel{color:var(--dashboard-text-secondary);border-color:var(--dashboard-border)}body.dark-mode .btn-cancel:hover{background:var(--dashboard-sidebar-bg);border-color:var(--dashboard-text-secondary);color:var(--dashboard-text-primary)}.btn-submit{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:.5rem;padding:.5rem 1.15rem;font-size:.875rem;font-weight:600;transition:background-color .2s}.btn-submit:hover{background:#4f46e5}@media (max-width:768px){.sessions-container{padding:1rem}.modal-body .form-row{grid-template-columns:1fr}.modal-body .form-row .form-group{margin-bottom:1rem}.modal-body .form-row .form-group:last-child{margin-bottom:0}.sessions-header{flex-direction:column;gap:1rem}.sessions-header h1{font-size:1.5rem}.schedule-session-btn{width:56px;height:56px;font-size:1.5rem;bottom:80px;right:20px}.session-cards{grid-template-columns:1fr;gap:1rem}.session-actions{flex-direction:column}.session-actions button,.session-actions a{width:100%}.modal-content{width:95%;max-width:none;max-height:85vh}.modal-footer .form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}
.tutor-modal-body-row{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.tutor-modal-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.tutor-modal-profile-loading{color:var(--dashboard-text-secondary,#64748b);background:#3b82f614;border-bottom:1px solid #3b82f633;margin:0;padding:.5rem 1rem;font-size:.8125rem}.tutor-modal-profile-empty{color:var(--dashboard-text-secondary,#64748b);background:var(--dashboard-sidebar-bg,#f1f5f9);border-radius:.5rem;margin:0 0 1rem;padding:.75rem;font-size:.875rem;line-height:1.5}body.dark-mode .tutor-modal-profile-empty{color:#94a3b8;background:#1e293b99}.tutor-modal-header{border-bottom:1px solid var(--dashboard-border);align-items:flex-start;gap:1rem;padding:1.15rem 1.25rem;display:flex}.tutor-modal-avatar-wrapper{flex-shrink:0}.tutor-modal-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:64px;height:64px;box-shadow:0 2px 8px #3b82f633}.tutor-modal-avatar-placeholder{background:var(--gradient-brand);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 2px 10px #2c7bff4d}.tutor-modal-avatar-placeholder span{color:#fff;font-size:1.5rem;font-weight:700}.tutor-modal-header-info{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.tutor-modal-header-top{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.tutor-modal-name{color:var(--dashboard-text-primary);margin:0;font-size:1.3rem;font-weight:700;line-height:1.2}.tutor-modal-email{color:var(--dashboard-text-secondary);margin:0;font-size:.875rem}.tutor-modal-rating-compact{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.tutor-rating-stars-compact{align-items:center;gap:.125rem;display:flex}.tutor-rating-stars-compact svg{width:14px;height:14px}.tutor-modal-rating-value-compact{color:var(--dashboard-text-primary);font-size:1rem;font-weight:700}.tutor-modal-rating-label-compact{color:var(--dashboard-text-secondary);font-size:.75rem;font-weight:500}.tutor-modal-body{padding:1.25rem 1.5rem}.tutor-modal-teaching-panel{padding:1rem}.tutor-modal-detail-dropdown{border:1px solid var(--dashboard-border);background:var(--dashboard-card-bg,#fff);border-radius:.5rem;margin-bottom:.5rem;overflow:hidden}.tutor-modal-detail-dropdown:last-child{margin-bottom:0}.tutor-modal-detail-summary{cursor:pointer;color:var(--dashboard-text-primary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.8125rem;font-weight:600;list-style:none;display:flex}.tutor-modal-detail-summary::-webkit-details-marker{display:none}.tutor-modal-detail-summary:after{content:"";border-right:2px solid var(--dashboard-text-secondary);border-bottom:2px solid var(--dashboard-text-secondary);opacity:.65;flex-shrink:0;width:.45rem;height:.45rem;transition:transform .2s;transform:rotate(45deg)}.tutor-modal-detail-dropdown[open]>.tutor-modal-detail-summary:after{margin-top:.15rem;transform:rotate(-135deg)}.tutor-modal-detail-summary-label{text-align:left;flex:1}.tutor-modal-detail-count{color:#047857;background:#10b98126;border-radius:999px;padding:.15rem .45rem;font-size:.6875rem;font-weight:700}.tutor-modal-detail-dropdown-body{border-top:1px solid var(--dashboard-border);padding:.65rem .85rem .85rem}.tutor-modal-quick-facts{flex-wrap:wrap;gap:.5rem;display:flex}.tutor-modal-quick-fact{background:#3b82f60f;border:1px solid #3b82f61f;border-radius:.4rem;flex:calc(50% - .5rem);min-width:112px;padding:.5rem .65rem}.tutor-modal-quick-fact--highlight{background:#10b9811f;border-color:#10b98140}.tutor-modal-quick-fact-label{text-transform:uppercase;letter-spacing:.04em;color:var(--dashboard-text-secondary);margin-bottom:.2rem;font-size:.625rem;font-weight:600;display:block}.tutor-modal-quick-fact-value{color:var(--dashboard-text-primary);word-break:break-word;font-size:.8125rem;font-weight:600;line-height:1.3}.tutor-modal-chip-grid{flex-wrap:wrap;gap:.4rem;display:flex}.tutor-modal-chip{word-break:break-word;border-radius:.375rem;max-width:100%;padding:.35rem .6rem;font-size:.75rem;font-weight:500;line-height:1.25;display:inline-block}.tutor-modal-chip--subject{color:#047857;background:#10b98124;border:1px solid #05966947}.tutor-modal-chip--grade{color:var(--dashboard-primary,#2563eb);background:#3b82f61f;border:1px solid #2563eb38}.tutor-modal-chip--tag{color:#b45309;background:#fbbf2426;border:1px solid #d977064d}body.dark-mode .tutor-modal-teaching-panel{border-color:var(--dashboard-border);background:#1e293b80}body.dark-mode .tutor-modal-detail-dropdown{border-color:var(--dashboard-border);background:#0f172a99}body.dark-mode .tutor-modal-chip--subject{color:#6ee7b7;background:#10b9811f;border-color:#34d39940}body.dark-mode .tutor-modal-chip--grade{color:#93c5fd}body.dark-mode .tutor-modal-chip--tag{color:#fcd34d}body.dark-mode .tutor-modal-detail-count{color:#6ee7b7;background:#10b98133}.tutor-modal-section-title{color:var(--dashboard-text-primary);margin:0 0 .5rem;font-size:.875rem;font-weight:600}.tutor-modal-bio-section{border-bottom:1px solid var(--dashboard-border);margin-bottom:1.25rem;padding-bottom:1.25rem}.tutor-modal-bio{color:var(--dashboard-text-secondary);white-space:pre-wrap;margin:.5rem 0 0;font-size:.875rem;line-height:1.6}.tutor-modal-stats-section{border-top:1px solid var(--dashboard-border);margin-top:1rem;padding-top:1rem}.tutor-modal-stat-item{align-items:center;gap:.75rem;display:flex}.tutor-modal-stat-label{color:var(--dashboard-text-secondary);min-width:120px;font-size:.75rem;font-weight:500}.tutor-modal-stat-bar{background:var(--dashboard-sidebar-bg);border-radius:4px;flex:1;height:8px;overflow:hidden}.tutor-modal-stat-bar-fill{background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:4px;height:100%;transition:width .3s}.tutor-modal-stat-value{color:var(--dashboard-text-primary);text-align:right;min-width:45px;font-size:.875rem;font-weight:600}.tutor-modal-footer{border-top:1px solid var(--dashboard-border);background:var(--dashboard-card-bg);flex-shrink:0;gap:.75rem;padding:1rem 1.5rem;display:flex}.tutor-modal-btn{cursor:pointer;border:none;border-radius:.625rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.tutor-modal-btn svg{width:16px;height:16px}.tutor-modal-btn.primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 12px #2c7bff4d}.tutor-modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.tutor-modal-btn.secondary{color:var(--dashboard-text-secondary);border:1.5px solid var(--dashboard-border);background:0 0}.tutor-modal-btn.secondary:hover{background:var(--dashboard-sidebar-bg);border-color:var(--dashboard-primary);color:var(--dashboard-primary)}.tutor-modal-btn.connected{color:#fff;cursor:not-allowed;opacity:.8;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.tutor-modal-btn.pending{color:#fff;cursor:not-allowed;opacity:.8;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.tutor-modal-availability{border-left:1px solid var(--dashboard-border);background:var(--dashboard-sidebar-bg,#f8fafc);flex-direction:column;flex-shrink:0;width:40%;min-width:280px;padding:1rem;display:flex;overflow-y:auto}.tutor-availability-title{color:var(--dashboard-text-primary);margin:0 0 .25rem;font-size:.9375rem;font-weight:700}.tutor-availability-hint{color:var(--dashboard-text-secondary);margin:0 0 .5rem;font-size:.75rem}.tutor-availability-tz-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .5rem;display:flex}.tutor-availability-tz-label{color:var(--dashboard-text-secondary);flex-shrink:0;font-size:.75rem;font-weight:600}.tutor-availability-tz-select{border:1px solid var(--dashboard-border);background:var(--dashboard-bg,#fff);min-width:min(100%,280px);max-width:100%;color:var(--dashboard-text-primary);border-radius:.375rem;flex:1;padding:.35rem .5rem;font-size:.8125rem}body.dark-mode .tutor-availability-tz-select{background:var(--dashboard-sidebar-bg,#1e293b);color:#e2e8f0;border-color:#94a3b859}.tutor-modal-guest-availability .tutor-detail-calendar-wrap{align-self:stretch;width:100%}.tutor-availability-blocked-hint{color:var(--dashboard-text-primary,#1e293b);background:#fbbf2426;border:1px solid #d9770659;border-radius:.5rem;margin:0 0 .5rem;padding:.5rem .65rem;font-size:.8125rem;line-height:1.4}body.dark-mode .tutor-availability-blocked-hint{color:#e2e8f0;background:#d977061f;border-color:#fbbf2440}.tutor-availability-my-tutors-note{color:var(--dashboard-text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.tutor-modal-guest-availability{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.tutor-availability-guest-copy{color:var(--dashboard-text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.tutor-modal-guest-cta{justify-content:center;width:100%}.tutor-detail-calendar-wrap{min-height:360px;padding:.5rem 0}.tutor-detail-calendar-wrap .fc{font-size:.75rem}.tutor-detail-calendar-wrap .fc-toolbar{margin-bottom:.5rem;padding:.5rem 0}.tutor-detail-calendar-wrap .fc-toolbar-title{font-size:1rem;font-weight:700}.tutor-detail-calendar-wrap .fc-button{padding:.35rem .5rem;font-size:.75rem}.tutor-detail-calendar-wrap .fc-col-header-cell-cushion,.tutor-detail-calendar-wrap .fc-timegrid-slot-label{padding:.25rem 2px;font-size:.75rem}.tutor-detail-calendar-wrap .fc-col-header-cell-cushion{white-space:normal;flex-direction:column;align-items:center;gap:.1rem;display:flex}.tutor-detail-calendar-wrap .fc-day-header-weekday{font-weight:600}.tutor-detail-calendar-wrap .fc-day-header-date{opacity:.9;font-size:.7rem}.tutor-detail-calendar-wrap .fc-timegrid-slot{height:1.6rem;min-height:1.6rem}.tutor-detail-calendar-wrap .fc-timegrid-event{font-size:.7rem}.tutor-detail-calendar-wrap .fc-select-mirror-content{white-space:normal;font-size:.7rem;line-height:1.25;display:block}.tutor-booking-popover{z-index:1001;background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:.5rem;min-width:220px;padding:.75rem 1rem;position:fixed;transform:translate(8px,8px);box-shadow:0 8px 24px #00000026}.tutor-booking-popover-title{color:var(--dashboard-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.tutor-booking-popover-date{color:var(--dashboard-text-secondary);margin-bottom:.75rem;font-size:.75rem}.tutor-booking-popover-times{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.tutor-booking-popover-times label{color:var(--dashboard-text-secondary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.tutor-booking-popover-times label span{min-width:2.5rem}.tutor-booking-popover-times input[type=time]{border:1px solid var(--dashboard-border);background:var(--dashboard-sidebar-bg);color:var(--dashboard-text-primary);border-radius:.375rem;flex:1;padding:.35rem .5rem;font-size:.8125rem}.tutor-booking-popover-actions{justify-content:flex-end;gap:.5rem;display:flex}.tutor-booking-popover-cancel,.tutor-booking-popover-confirm{cursor:pointer;border:1px solid var(--dashboard-border);background:var(--dashboard-sidebar-bg);color:var(--dashboard-text-secondary);border-radius:.375rem;padding:.4rem .75rem;font-size:.8125rem}.tutor-booking-popover-cancel:hover{background:var(--dashboard-border)}.tutor-booking-popover-confirm{background:var(--dashboard-primary);border-color:var(--dashboard-primary);color:#fff}.tutor-booking-popover-confirm:hover{opacity:.9}.tutor-detail-calendar-wrap .fc-scrollgrid{border:1px solid var(--dashboard-border);border-radius:.5rem;overflow:hidden}.tutor-detail-calendar-wrap .fc-theme-standard td,.tutor-detail-calendar-wrap .fc-theme-standard th{border-color:var(--dashboard-border)}.tutor-availability-week-nav{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.tutor-availability-nav-btn{border:1px solid var(--dashboard-border);background:var(--dashboard-card-bg);width:28px;height:28px;color:var(--dashboard-text-secondary);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;transition:all .2s;display:flex}.tutor-availability-nav-btn:hover{border-color:var(--dashboard-primary);color:var(--dashboard-primary);background:#3b82f614}.tutor-availability-week-label{color:var(--dashboard-text-primary);text-align:center;flex:1;font-size:.75rem;font-weight:600}.tutor-availability-loading{color:var(--dashboard-text-secondary);font-size:.875rem}.tutor-availability-calendar{flex-direction:column;gap:0;font-size:.75rem;display:flex}.tutor-availability-calendar-header{grid-template-columns:2.5rem repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.tutor-availability-calendar-header .tutor-availability-day-header{text-align:center;color:var(--dashboard-text-secondary);flex-direction:column;gap:.1rem;padding:.2rem 0;font-weight:600;display:flex}.tutor-availability-day-name{text-transform:uppercase;letter-spacing:.02em;font-size:.65rem}.tutor-availability-day-num{color:var(--dashboard-text-primary);font-size:.7rem}.tutor-availability-time-grid{flex-direction:column;gap:2px;display:flex}.tutor-availability-row{grid-template-columns:2.5rem 1fr;align-items:stretch;gap:2px;display:grid}.tutor-availability-time-label{color:var(--dashboard-text-secondary);padding:.2rem 0;font-weight:500;line-height:1.2}.tutor-availability-slots{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.tutor-availability-slot{background:#0000000a;border:1px solid #0000000f;border-radius:3px;min-height:18px;position:relative;overflow:hidden}.tutor-availability-slot-fill{pointer-events:none;background:#10b98173;border-radius:2px;position:absolute;left:0;right:0}@media (max-width:768px){.tutor-modal-body-row{flex-direction:column}.tutor-modal-availability{border-left:none;border-top:1px solid var(--dashboard-border);width:100%;max-height:280px}.tutor-modal-header{text-align:center;flex-direction:column;gap:1rem}.tutor-modal-footer{flex-direction:column}}
:root{--theme-blue:#3b82f6;--theme-blue-deep:#1d4ed8;--theme-yellow:#fbbf24;--theme-white:#fff;--theme-gray-500:#6b7280;--theme-gray-900:#111827}.my-students-container{background:radial-gradient(100% 60% at 0 0,#3b82f62e 0%,#0000 50%),radial-gradient(80% 50% at 100% 100%,#fbbf2426 0%,#0000 50%),linear-gradient(#fafbfff2 0%,#fffef9f2 100%);border-radius:16px;width:100%;min-height:100%;margin:0 auto;padding:1.25rem}body.dark-mode .my-students-container{background:radial-gradient(100% 60% at 0 0,#3b82f624 0%,#0000 50%),radial-gradient(80% 50% at 100% 100%,#fbbf240f 0%,#0000 50%),linear-gradient(#0f172a 0%,#1e293b 98%)}body.dark-mode .students-tabs{border-bottom-color:#334155cc}body.dark-mode .students-tab{color:var(--dashboard-text-secondary)}body.dark-mode .students-tab:hover{color:var(--dashboard-primary);background:#3b82f61f}body.dark-mode .students-tab.active{color:var(--dashboard-primary);border-bottom-color:var(--dashboard-primary)}body.dark-mode .request-card{-webkit-backdrop-filter:blur(14px);background:#1e293bd9;border:1px solid #334155cc;box-shadow:0 0 0 1px #33415580,0 4px 20px #00000040}body.dark-mode .request-card:hover{box-shadow:0 0 0 1px #3b82f640,0 8px 28px #00000059}body.dark-mode .request-name{color:var(--dashboard-text-primary)}body.dark-mode .request-email,body.dark-mode .request-time{color:var(--dashboard-text-secondary)}body.dark-mode .request-message{border-left-color:var(--dashboard-primary);color:var(--dashboard-text-secondary);background:#0f172a99}body.dark-mode .student-card{-webkit-backdrop-filter:blur(14px);background:#1e293bd9;border:1px solid #334155cc;box-shadow:0 0 0 1px #33415580,0 4px 20px #00000040}body.dark-mode .student-card:hover{box-shadow:0 0 0 1px #3b82f640,0 8px 28px #00000059}body.dark-mode .student-name{color:var(--dashboard-text-primary)}body.dark-mode .student-email{color:var(--dashboard-text-secondary)}body.dark-mode .student-rating{background:#3b82f61f;border-color:#3b82f633}body.dark-mode .student-rating .rating-value{color:var(--dashboard-text-primary)}body.dark-mode .student-rating .rating-count{color:var(--dashboard-text-secondary)}body.dark-mode .request-avatar,body.dark-mode .student-avatar{box-shadow:0 2px 12px #3b82f659}body.dark-mode .accept-btn{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 2px 8px #05966966}body.dark-mode .accept-btn:hover:not(:disabled){box-shadow:0 4px 12px #05966980}body.dark-mode .reject-btn{color:#f87171;border-color:#f8717199}body.dark-mode .reject-btn:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#dc2626}body.dark-mode .student-actions .rate-btn{box-shadow:0 2px 8px #3b82f666}body.dark-mode .student-actions .rate-btn:hover{box-shadow:0 4px 12px #3b82f680}body.dark-mode .student-actions .view-ratings-btn{color:var(--dashboard-primary);border-color:#3b82f680}body.dark-mode .student-actions .view-ratings-btn:hover{border-color:var(--dashboard-primary);background:#3b82f626}body.dark-mode .student-actions .btn-remove-from-list{color:#f87171;border-color:#f8717199}body.dark-mode .student-actions .btn-remove-from-list:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#dc2626}body.dark-mode .empty-icon{color:var(--dashboard-text-secondary);opacity:.6}body.dark-mode .empty-title{color:var(--dashboard-text-primary)}body.dark-mode .empty-description{color:var(--dashboard-text-secondary)}body.dark-mode .loading-spinner{border-color:#33415599;border-top-color:var(--dashboard-primary)}body.dark-mode .student-rating-stars svg[fill=none]{stroke:#64748b}.students-tabs{border-bottom:2px solid #3b82f633;gap:.35rem;margin-bottom:1.25rem;display:flex}.students-tab{color:var(--theme-gray-500);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.4rem;margin-bottom:-2px;padding:.6rem 1.1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;position:relative}.students-tab:hover{color:var(--theme-blue);background:#3b82f614}.students-tab.active{color:var(--theme-blue);border-bottom-color:var(--theme-blue);font-weight:700}.students-tab svg{flex-shrink:0}.students-content{min-height:400px;position:relative}.students-panel{display:none}.students-panel.active{animation:.3s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.requests-list{flex-direction:column;gap:.85rem;display:flex}.request-card{-webkit-backdrop-filter:blur(14px);background:#ffffffb3;border:1px solid #fff9;border-radius:16px;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 0 0 1px #3b82f61a,0 4px 16px #3b82f60f}.request-card:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #3b82f626,0 8px 24px #3b82f61a}.request-avatar{background:linear-gradient(135deg,var(--dashboard-primary)0%,var(--dashboard-primary-hover)100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 2px 10px #3b82f64d}.request-info{flex:1;min-width:0}.request-name{color:var(--dashboard-text-primary);margin:0 0 .5rem;font-size:1.05rem;font-weight:700}.request-email{color:var(--dashboard-text-secondary);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;display:flex}.request-email svg{opacity:.7;flex-shrink:0}.request-message{color:var(--dashboard-text-secondary);background:var(--dashboard-sidebar-bg);border-left:3px solid var(--dashboard-primary);border-radius:.5rem;margin:.75rem 0;padding:.75rem;font-size:.9375rem;font-style:italic;line-height:1.5}.request-time{color:var(--dashboard-text-secondary);align-items:center;gap:.5rem;margin:.5rem 0 0;font-size:.8125rem;display:flex}.request-time svg{opacity:.7;flex-shrink:0}.request-actions{flex-direction:column;flex-shrink:0;gap:.75rem;display:flex}.accept-btn,.reject-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:100px;padding:.6rem 1.1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.accept-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 6px #10b9814d}.accept-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #10b98159}.accept-btn:disabled{opacity:.6;cursor:not-allowed}.reject-btn{color:var(--dashboard-danger,#ef4444);border:1.5px solid var(--dashboard-danger,#ef4444);background:0 0}.reject-btn:hover:not(:disabled){background:var(--dashboard-danger,#ef4444);color:#fff;transform:translateY(-1px)}.reject-btn:disabled{opacity:.6;cursor:not-allowed}.accept-btn .spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.students-list{flex-direction:column;gap:1rem;display:flex}.student-card{-webkit-backdrop-filter:blur(14px);background:#ffffffb3;border:1px solid #fff9;border-radius:16px;flex-direction:row;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 0 0 1px #3b82f61a,0 4px 16px #3b82f60f}.student-card:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #3b82f626,0 8px 24px #3b82f61a}.student-avatar{background:linear-gradient(135deg,var(--dashboard-primary)0%,var(--dashboard-primary-hover)100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 10px #3b82f64d}.student-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.student-info{text-align:left;flex:1;min-width:0}.student-name{color:var(--dashboard-text-primary,#111827);margin:0 0 .25rem;font-size:1.125rem;font-weight:700;line-height:1.3}.student-email{color:var(--dashboard-text-secondary,#6b7280);align-items:center;gap:.4rem;margin:0;font-size:.875rem;display:inline-flex}.student-email svg{opacity:.8;flex-shrink:0;width:14px;height:14px}.student-rating{background:#3b82f60f;border:1px solid #3b82f61a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;width:fit-content;margin-top:.5rem;padding:.35rem .6rem;display:inline-flex}.student-rating-stars{align-items:center;gap:.15rem;display:flex}.student-rating .rating-value{color:var(--dashboard-text-primary,#111827);font-size:.875rem;font-weight:700}.student-rating .rating-count{color:var(--dashboard-text-secondary,#6b7280);font-size:.75rem}.student-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.student-actions .rate-btn,.student-actions .view-ratings-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.student-actions .rate-btn{background:linear-gradient(135deg,var(--dashboard-primary)0%,var(--dashboard-primary-hover)100%);color:#fff;box-shadow:0 2px 6px #3b82f64d}.student-actions .rate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #3b82f659}.student-actions .view-ratings-btn{color:var(--dashboard-primary);background:0 0;border:1.5px solid #3b82f666}.student-actions .view-ratings-btn:hover{border-color:var(--dashboard-primary);background:#3b82f614}.student-actions .btn-remove-from-list{border:1.5px solid var(--dashboard-danger,#ef4444);cursor:pointer;color:var(--dashboard-danger,#ef4444);white-space:nowrap;background:0 0;border-radius:8px;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;transition:all .2s}.student-actions .btn-remove-from-list:hover:not(:disabled){background:var(--dashboard-danger,#ef4444);color:#fff}.student-actions .btn-remove-from-list:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-icon{color:var(--dashboard-text-secondary);opacity:.5;margin-bottom:1.5rem}.empty-title{color:var(--dashboard-text-primary);margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.empty-description{color:var(--dashboard-text-secondary);max-width:500px;margin:0;font-size:1rem}.loading-spinner{border:4px solid var(--dashboard-border);border-top-color:var(--dashboard-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@media (max-width:768px){.my-students-container{padding:1rem}.students-tabs{border-bottom:none;flex-direction:column;gap:0}.students-tab{border-bottom:1px solid var(--dashboard-border);border-left:3px solid #0000;margin-bottom:0;padding:1rem}.students-tab.active{border-bottom-color:var(--dashboard-border);border-left-color:var(--dashboard-primary)}body.dark-mode .students-tab{border-bottom:1px solid #33415599}body.dark-mode .students-tab.active{border-left-color:var(--dashboard-primary)}.request-card{flex-direction:column;align-items:stretch}.request-actions{flex-direction:row;width:100%}.accept-btn,.reject-btn{flex:1;min-width:0}.student-card{text-align:center;flex-direction:column;align-items:stretch}.student-avatar{margin:0 auto}.student-info{text-align:center}.student-email{justify-content:center}.student-rating{margin-left:auto;margin-right:auto}.student-actions{justify-content:center}}
:root{--theme-blue:#3b82f6;--theme-blue-deep:#1d4ed8;--theme-yellow:#fbbf24;--theme-yellow-bg:#fef3c7;--theme-white:#fff;--theme-gray-100:#f3f4f6;--theme-gray-500:#6b7280;--theme-gray-900:#111827}.availability-container{background:radial-gradient(100% 60% at 0 0,#3b82f61f 0%,#0000 50%),radial-gradient(80% 50% at 100% 100%,#fbbf241a 0%,#0000 50%),linear-gradient(#fafbff 0%,#fffef9 100%);border-radius:16px;width:100%;min-height:100%;margin:0 auto;padding:1.25rem}body.dark-mode .availability-container{background:radial-gradient(100% 60% at 0 0,#3b82f61f 0%,#0000 50%),radial-gradient(80% 50% at 100% 100%,#fbbf240f 0%,#0000 50%),linear-gradient(#0f172afa 0%,#1e293bfa 100%)}body.dark-mode .availability-header{border-bottom-color:var(--dashboard-border)}body.dark-mode .availability-title{background:linear-gradient(135deg,#93c5fd 0%,#60a5fa 50%,#fcd34d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body.dark-mode .availability-description{color:var(--dashboard-text-secondary)}body.dark-mode .view-btn{border-color:var(--dashboard-border);color:var(--dashboard-text-secondary);background:#1e293bcc}body.dark-mode .view-btn:hover{border-color:var(--dashboard-primary);color:var(--dashboard-primary);background:#334155e6}body.dark-mode .view-btn.active{background:linear-gradient(135deg,var(--dashboard-primary)0%,#2563eb 50%,var(--dashboard-accent)100%);color:var(--dashboard-text-primary);border-color:#0000;box-shadow:0 4px 14px #3b82f666}body.dark-mode .view-btn.active:hover{box-shadow:0 6px 20px #3b82f680}body.dark-mode .availability-legend{border-color:var(--dashboard-border);background:#1e293b99}body.dark-mode .legend-item{color:var(--dashboard-text-primary)}body.dark-mode .legend-color{box-shadow:0 2px 6px #0000004d}body.dark-mode .calendar-wrapper{box-shadow:none;background:0 0;border:none;border-radius:0;overflow:visible}body.dark-mode .calendar-wrapper .fc-view-harness,body.dark-mode .calendar-wrapper .fc-scrollgrid{border-radius:16px;overflow:hidden}body.dark-mode .fc{color:var(--dashboard-text-primary)}body.dark-mode .fc-header-toolbar{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 50%,#b45309 100%);border-radius:16px}body.dark-mode .fc-toolbar-title{color:#fffffff2}body.dark-mode .fc-button,body.dark-mode .fc .fc-prev-button,body.dark-mode .fc .fc-next-button,body.dark-mode .fc .fc-today-button{color:#fffffff2;background:#ffffff26;border-radius:10px!important}body.dark-mode .fc-button-group .fc-button{border-radius:10px!important}body.dark-mode .fc-button-group .fc-button:first-child:not(:last-child){border-radius:10px 0 0 10px!important}body.dark-mode .fc-button-group .fc-button:last-child:not(:first-child){border-radius:0 10px 10px 0!important}body.dark-mode .fc-button:hover{color:var(--dashboard-accent);background:#fffffff2}body.dark-mode .fc-button-active{color:var(--dashboard-primary);background:#fffffff2}body.dark-mode .fc-daygrid-day-number,body.dark-mode .fc-col-header-cell-cushion,body.dark-mode .fc-timegrid-slot-label-cushion{color:var(--dashboard-text-primary)}body.dark-mode .fc-col-header-cell{border-color:var(--dashboard-border);background:#1e293bcc}body.dark-mode .fc-daygrid-day-frame{background:var(--dashboard-card-bg);border-color:var(--dashboard-border)}body.dark-mode .fc-day-today{background:linear-gradient(135deg,#3b82f638 0%,#fbbf241a 100%)!important}body.dark-mode .fc-col-header-cell.fc-day-today,body.dark-mode .fc-scrollgrid-section-header .fc-day-today.fc-col-header-cell{border-color:#3b82f666;background:#919398fa!important}body.dark-mode .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion,body.dark-mode .fc-scrollgrid-section-header .fc-day-today .fc-col-header-cell-cushion{color:#e0f2fe!important}body.dark-mode .fc-day-today .fc-daygrid-day-frame{border-color:#3b82f659;background:linear-gradient(135deg,#3b82f633 0%,#1e293bf2 50%,#fbbf2414 100%)!important}body.dark-mode .fc-day-today .fc-timegrid-col{background:linear-gradient(135deg,#3b82f633 0%,#1e293bf2 50%,#fbbf240f 100%)!important}body.dark-mode .fc-day-today .fc-daygrid-day-number{font-weight:700;color:#e0f2fe!important}body.dark-mode .fc-day-today .fc-col-header-cell-cushion,body.dark-mode .fc-day-today .fc-timegrid-slot-label{color:#e0f2fe!important}body.dark-mode .fc-avail-past{opacity:.7;background:#1e293b80!important}body.dark-mode .fc-avail-past .fc-daygrid-day-frame,body.dark-mode .fc-avail-past .fc-timegrid-col{background:#1e293b80!important}body.dark-mode .fc-avail-past .fc-daygrid-day-number,body.dark-mode .fc-avail-past .fc-col-header-cell-cushion,body.dark-mode .fc-avail-past .fc-timegrid-slot-label{color:var(--dashboard-text-secondary)!important}body.dark-mode .fc-event-past{opacity:.45!important;background-color:#1e293b99!important}body.dark-mode .fc-timegrid-slot-label{color:var(--dashboard-text-secondary)}body.dark-mode .fc-timegrid-slot,body.dark-mode .fc-timegrid-col,body.dark-mode .fc-scrollgrid,body.dark-mode .fc-scrollgrid-section-header{border-color:var(--dashboard-border)}body.dark-mode .event-modal-content{background:var(--dashboard-card-bg);border-color:var(--dashboard-border);box-shadow:0 0 0 1px #33415599,0 25px 50px -12px #00000080}body.dark-mode .event-modal-header{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 50%,#b45309 100%)}body.dark-mode .event-modal-header h2{color:#fffffff2}body.dark-mode .event-modal-close{color:#fffffff2;background:#ffffff26}body.dark-mode .event-modal-close:hover{color:var(--dashboard-accent);background:#fffffff2}body.dark-mode .event-modal-body{background:var(--dashboard-card-bg)}body.dark-mode .form-label{color:var(--dashboard-text-primary)}body.dark-mode .form-input,body.dark-mode .form-textarea{border-color:var(--dashboard-border);color:var(--dashboard-text-primary);background:#1e293bcc}body.dark-mode .form-input::placeholder,body.dark-mode .form-textarea::placeholder{color:var(--dashboard-text-secondary)}body.dark-mode .form-input:focus,body.dark-mode .form-textarea:focus{border-color:var(--dashboard-primary);box-shadow:0 0 0 3px #3b82f633}body.dark-mode .event-type-btn{border-color:var(--dashboard-border);color:var(--dashboard-text-secondary);background:#1e293b99}body.dark-mode .event-type-btn:hover{border-color:var(--dashboard-primary);color:var(--dashboard-primary);background:#3b82f626}body.dark-mode .event-type-btn.active{border-color:var(--dashboard-primary);color:#93c5fd;background:#3b82f633;box-shadow:0 4px 12px #3b82f640}body.dark-mode .event-modal-footer{border-top-color:var(--dashboard-border)}body.dark-mode .btn-cancel{color:var(--dashboard-text-secondary);border-color:var(--dashboard-border);background:0 0}body.dark-mode .btn-cancel:hover{border-color:var(--dashboard-primary);color:var(--dashboard-primary);background:#334155e6}body.dark-mode .btn-save:hover{box-shadow:0 6px 20px #3b82f680}body.dark-mode .btn-delete:hover{background:var(--dashboard-danger);color:#fff}.availability-header{border-bottom:2px solid #3b82f633;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.availability-title-section{flex:1}.availability-title{background:linear-gradient(135deg,var(--theme-blue-deep)0%,var(--theme-blue)50%,var(--theme-yellow)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .35rem;font-size:1.5rem;font-weight:800}.availability-description{color:var(--theme-gray-500);margin:0;font-size:.9rem}.availability-view-controls{flex-shrink:0;gap:.5rem;display:flex}.view-btn{background:var(--theme-white);color:var(--theme-gray-500);cursor:pointer;border:1.5px solid #3b82f640;border-radius:12px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .25s}.view-btn:hover{background:var(--theme-gray-100);border-color:var(--theme-blue);color:var(--theme-blue)}.view-btn.active{background:linear-gradient(135deg,var(--theme-blue)0%,var(--theme-blue-deep)50%,var(--theme-yellow)100%);color:var(--theme-white);text-shadow:0 1px 2px #0000001a;border-color:#0000;box-shadow:0 4px 14px #3b82f659}.view-btn.active:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.availability-legend{background:linear-gradient(135deg,#3b82f614 0%,#fbbf240f 100%);border:1px solid #3b82f633;border-radius:16px;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.legend-item{color:var(--theme-gray-900);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.legend-color{border-radius:8px;width:20px;height:20px;box-shadow:0 2px 6px #0000001a}.calendar-wrapper{box-shadow:none;background:0 0;border:none;border-radius:0;margin-top:1rem;padding:0;overflow:visible}.calendar-wrapper .fc,.calendar-wrapper .fc-view-harness,.calendar-wrapper .fc-scrollgrid{border-radius:16px;overflow:hidden}.calendar-wrapper .fc-scrollgrid-section-header>th:first-child{border-top-left-radius:16px}.calendar-wrapper .fc-scrollgrid-section-header>th:last-child{border-top-right-radius:16px}.calendar-wrapper .fc-scrollgrid-section-body table tbody tr:last-child td:first-child{border-bottom-left-radius:16px}.calendar-wrapper .fc-scrollgrid-section-body table tbody tr:last-child td:last-child{border-bottom-right-radius:16px}.calendar-wrapper .fc-timegrid .fc-scrollgrid-section:last-child td:first-child{border-bottom-left-radius:16px}.calendar-wrapper .fc-timegrid .fc-scrollgrid-section:last-child td:last-child{border-bottom-right-radius:16px}.schedule-pending-panel-backdrop{z-index:900;cursor:pointer;background:#00000059;position:fixed;inset:0}.schedule-pending-panel{background:var(--theme-white);z-index:900;flex-direction:column;width:100%;max-width:380px;height:calc(100vh - 4.5rem);transition:transform .25s ease-out;display:flex;position:fixed;top:4.5rem;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 24px #00000026}.schedule-pending-panel-open{transform:translate(0)}.schedule-pending-panel-inner{flex-direction:column;height:100%;display:flex;overflow:hidden}.schedule-pending-panel-header{border-bottom:1px solid var(--theme-gray-100);flex-shrink:0;padding:1.25rem 1.25rem .75rem;position:relative}.schedule-pending-panel-title{color:var(--theme-gray-900);margin:0 2rem 0 0;font-size:1.25rem;font-weight:600}.schedule-pending-panel-slot{color:var(--theme-gray-500);margin:.35rem 0 0;font-size:.875rem}.schedule-pending-panel-close{background:var(--theme-gray-100);width:36px;height:36px;color:var(--theme-gray-500);cursor:pointer;border:none;border-radius:50%;font-size:1.5rem;line-height:1;transition:background .2s,color .2s;position:absolute;top:1rem;right:1rem}.schedule-pending-panel-close:hover{background:var(--theme-gray-200,#e5e7eb);color:var(--theme-gray-900)}.schedule-pending-panel-count{color:var(--theme-gray-500);text-transform:uppercase;letter-spacing:.02em;flex-shrink:0;margin:.75rem 1.25rem 0;font-size:.8125rem;font-weight:600}.schedule-pending-panel-list{flex-direction:column;flex:1;gap:1rem;margin:.75rem 0 1.25rem;padding:0 1.25rem 1.25rem;list-style:none;display:flex;overflow-y:auto}.schedule-pending-panel-card{background:var(--theme-gray-100);border:1px solid #d9770633;border-radius:12px;padding:1rem}.schedule-pending-panel-card-from{color:var(--theme-gray-900);margin-bottom:.35rem;font-size:.9375rem}.schedule-pending-panel-card-time{color:var(--theme-gray-500);margin-bottom:.35rem;font-size:.8125rem}.schedule-pending-panel-card-message{color:var(--theme-gray-600,#4b5563);white-space:pre-wrap;border-top:1px solid #0000000f;margin:.5rem 0 .75rem;padding:.5rem 0;font-size:.875rem}.schedule-pending-panel-card-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.schedule-pending-panel-card-actions .btn-pending-reject,.schedule-pending-panel-card-actions .btn-pending-accept{padding:.4rem .9rem;font-size:.8125rem}body.dark-mode .schedule-pending-panel-backdrop{background:#00000080}body.dark-mode .schedule-pending-panel{background:var(--dashboard-card-bg);box-shadow:-4px 0 24px #0006}body.dark-mode .schedule-pending-panel-header{border-bottom-color:var(--dashboard-border)}body.dark-mode .schedule-pending-panel-title{color:var(--dashboard-text-primary)}body.dark-mode .schedule-pending-panel-slot{color:var(--dashboard-text-secondary)}body.dark-mode .schedule-pending-panel-close{background:var(--dashboard-sidebar-bg);color:var(--dashboard-text-secondary)}body.dark-mode .schedule-pending-panel-close:hover{background:var(--dashboard-border);color:var(--dashboard-text-primary)}body.dark-mode .schedule-pending-panel-count{color:var(--dashboard-text-secondary)}body.dark-mode .schedule-pending-panel-card{background:var(--dashboard-sidebar-bg);border-color:#d977064d}body.dark-mode .schedule-pending-panel-card-from,body.dark-mode .schedule-pending-panel-card-message{color:var(--dashboard-text-primary)}body.dark-mode .schedule-pending-panel-card-time{color:var(--dashboard-text-secondary)}body.dark-mode .schedule-pending-panel-card-message{border-top-color:var(--dashboard-border)}.schedule-session-edit-modal .schedule-session-edit-readonly{color:var(--theme-gray-700);margin:0;font-size:.9375rem}body.dark-mode .schedule-session-edit-modal .schedule-session-edit-readonly{color:var(--dashboard-text-secondary)}.schedule-session-edit-loading{text-align:center;color:var(--theme-gray-500);padding:2rem}.fc-pending-slot-label{color:#000000d9;white-space:nowrap;text-overflow:ellipsis;padding:2px 6px;font-size:.75rem;font-weight:600;line-height:1.3;overflow:hidden}.fc-pending-slot-count{opacity:.95;font-size:.7rem}.fc .fc-timegrid-event.fc-event-mirror .fc-pending-slot-label,.fc .fc-timegrid-event:not(.fc-event-start):not(.fc-event-end) .fc-pending-slot-label{display:block}body.dark-mode .fc-pending-slot-label{color:#fffffff2}.fc{color:var(--theme-gray-900);font-family:inherit}.fc-header-toolbar{background:linear-gradient(135deg,var(--theme-blue)0%,var(--theme-blue-deep)50%,var(--theme-yellow)100%);color:var(--theme-white);border:none;border-radius:16px;margin-bottom:1.5rem;padding:1rem 1.25rem}.fc-toolbar-title{color:var(--theme-white);text-shadow:0 1px 2px #0000001a;font-size:1.5rem;font-weight:700}.fc-button,.fc .fc-button,.fc .fc-prev-button,.fc .fc-next-button,.fc .fc-today-button{color:var(--theme-white);background:#fff3;border:none;padding:.5rem 1rem;font-weight:600;transition:all .2s;border-radius:10px!important}.fc-button-group .fc-button{border-radius:10px!important}.fc-button-group .fc-button:first-child:not(:last-child){border-radius:10px 0 0 10px!important}.fc-button-group .fc-button:last-child:not(:first-child){border-radius:0 10px 10px 0!important}.fc-button-group .fc-button:only-child{border-radius:10px!important}.fc-button:hover{background:var(--theme-white);color:var(--theme-yellow)}.fc-button-active{background:var(--theme-white);color:var(--theme-blue-deep)}.fc-daygrid-day-number,.fc-col-header-cell-cushion,.fc-timegrid-slot-label-cushion{color:var(--theme-gray-900)}.fc-col-header-cell-cushion{white-space:normal;flex-direction:column;align-items:center;gap:.15rem;display:flex}.fc-day-header-weekday{font-size:.875rem;font-weight:600}.fc-day-header-date{opacity:.9;font-size:.8rem}.fc-col-header-cell{background:var(--theme-gray-100);border-color:#3b82f626}.fc-daygrid-day-frame{background:var(--theme-white);border-color:#3b82f61f}.fc-day-today{background:linear-gradient(135deg,#3b82f614 0%,#fbbf240f 100%)!important}.fc-day-today .fc-daygrid-day-number{color:var(--theme-blue-deep);font-weight:700}.fc-avail-past{opacity:.6;background:var(--theme-gray-100)!important}.fc-avail-past .fc-daygrid-day-frame,.fc-avail-past .fc-timegrid-col{background:var(--theme-gray-100)!important}.fc-avail-past .fc-daygrid-day-number,.fc-avail-past .fc-col-header-cell-cushion,.fc-avail-past .fc-timegrid-slot-label{color:var(--theme-gray-500)!important}.fc-avail-past .fc-event{opacity:.5;pointer-events:none}.fc-event-past{opacity:.5!important;pointer-events:none!important;background-color:#10b98166!important}.fc-event{cursor:pointer;border-radius:.5rem;padding:.25rem .5rem;font-size:.8125rem;font-weight:500;transition:all .2s;border:none!important}.fc-event:hover{opacity:.9;transform:scale(1.02);box-shadow:0 2px 8px #00000026}.fc-event-title{font-weight:600}.fc-timegrid-slot,.fc-timegrid-col,.fc-scrollgrid,.fc-scrollgrid-section-header{border-color:var(--dashboard-border)}.fc-timegrid-slot{height:2.5rem}.fc-timegrid-slot-label{color:var(--theme-gray-500);font-size:.75rem}.event-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:4rem 1rem 1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.event-modal-content{background:var(--theme-white);border:1px solid #3b82f633;border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:82vh;margin-top:1.5rem;animation:.3s slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #3b82f633,0 25px 50px -12px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-modal-header{background:linear-gradient(135deg,var(--theme-blue)0%,var(--theme-blue-deep)50%,var(--theme-yellow)100%);color:var(--theme-white);border-bottom:none;border-radius:16px 16px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.event-modal-header h2{color:var(--theme-white);text-shadow:0 1px 2px #0000001a;margin:0;font-size:1.25rem;font-weight:700}.event-modal-close{cursor:pointer;width:36px;height:36px;color:var(--theme-white);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.event-modal-close:hover{background:var(--theme-white);color:var(--theme-yellow);transform:rotate(90deg)}.event-modal-body{flex:1;min-height:0;padding:1rem 1.25rem;overflow:hidden auto}.form-group{margin-bottom:1rem}.form-label{color:var(--theme-gray-900);margin-bottom:.35rem;font-size:.8125rem;font-weight:600;display:block}.form-input,.form-textarea{background:var(--theme-white);width:100%;color:var(--theme-gray-900);border:1px solid #3b82f640;border-radius:12px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:var(--theme-blue);outline:none;box-shadow:0 0 0 3px #3b82f626}.form-textarea{resize:vertical;min-height:72px}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.event-type-buttons{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.event-type-btn{background:var(--theme-gray-100);color:var(--theme-gray-500);cursor:pointer;border:2px solid #3b82f633;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem .5rem;font-size:.8125rem;font-weight:600;transition:all .3s;display:flex}.event-type-btn:hover{border-color:var(--theme-blue);color:var(--theme-blue);background:#3b82f614}.event-type-btn.active{border-color:var(--theme-blue);color:var(--theme-blue-deep);background:linear-gradient(135deg,#3b82f61f 0%,#fbbf241a 100%);box-shadow:0 4px 12px #3b82f633}.event-type-btn svg{flex-shrink:0}.event-modal-footer{border-top:1px solid #3b82f61f;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-footer-actions{gap:.75rem;margin-left:auto;display:flex}.btn-cancel,.btn-save,.btn-delete{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.4rem;padding:.5rem 1.15rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.btn-cancel{color:var(--theme-gray-500);background:0 0;border:1.5px solid #3b82f64d}.btn-cancel:hover{background:var(--theme-gray-100);border-color:var(--theme-blue);color:var(--theme-blue)}.btn-save{background:linear-gradient(135deg,var(--theme-blue)0%,var(--theme-blue-deep)50%,var(--theme-yellow)100%);color:var(--theme-white);box-shadow:0 4px 14px #3b82f659}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f673}.btn-delete{color:var(--dashboard-danger);border:1.5px solid var(--dashboard-danger);background:0 0}.btn-delete:hover{background:var(--dashboard-danger);color:#fff}.btn-pending-reject{cursor:pointer;color:#b45309;background:0 0;border:1.5px solid #d97706;border-radius:.5rem;padding:.5rem 1.15rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-pending-reject:hover:not(:disabled){color:#fff;background:#d97706}.btn-pending-reject:disabled{opacity:.6;cursor:not-allowed}.btn-pending-accept{cursor:pointer;color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);border:none;border-radius:.5rem;padding:.5rem 1.15rem;font-size:.875rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #05966959}.btn-pending-accept:hover:not(:disabled){background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-1px);box-shadow:0 4px 12px #05966973}.btn-pending-accept:disabled{opacity:.6;cursor:not-allowed;transform:none}body.dark-mode .btn-pending-reject{color:#fbbf24;border-color:#d97706}body.dark-mode .btn-pending-reject:hover:not(:disabled){color:var(--theme-gray-900);background:#b45309}@media (max-width:768px){.availability-container{padding:1rem}.availability-header{flex-direction:column;gap:1rem}.availability-view-controls{justify-content:stretch;width:100%}.view-btn{flex:1}.availability-legend{flex-wrap:wrap;gap:1rem}.calendar-wrapper{padding:1rem}.form-row,.event-type-buttons{grid-template-columns:1fr}.event-modal-content{max-width:100%;margin:.5rem}.event-modal-footer{flex-direction:column;gap:1rem}.modal-footer-actions{width:100%;margin-left:0}.btn-cancel,.btn-save{flex:1}}
:root{--msg-blue:#3b82f6;--msg-blue-deep:#1d4ed8;--msg-blue-soft:#93c5fd;--msg-yellow:#fbbf24;--msg-yellow-soft:#fde68a;--msg-yellow-cream:#fef3c7;--msg-white:#fff;--msg-gray-100:#f3f4f6;--msg-gray-400:#9ca3af;--msg-gray-700:#374151;--msg-gray-900:#111827;--msg-radius:16px;--msg-radius-xl:24px;--msg-radius-full:9999px}.message-board-container.messages-page{flex-direction:column;height:100%;min-height:0;padding:0;display:flex}.messages-page .messages-page-header{border:none;padding:0 0 1rem}.messages-page-title{background:linear-gradient(135deg,var(--msg-blue-deep)0%,var(--msg-blue)50%,var(--msg-yellow)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.messages-page-subtitle{color:var(--msg-gray-700);margin:0;font-size:.875rem}.message-board-content{background:var(--msg-white);border-radius:var(--msg-radius-xl);border:1px solid #3b82f633;flex:1;min-height:0;max-height:none;display:flex;overflow:hidden;box-shadow:0 0 0 1px #fbbf2426,0 20px 40px -12px #3b82f626,0 20px 40px -12px #fbbf241a}body.dark-mode .message-board-content{background:var(--dashboard-card-bg);border-color:var(--dashboard-border);box-shadow:0 0 0 1px #33415580}body.dark-mode .conversations-panel{border-right-color:var(--dashboard-border);background:linear-gradient(#1e293b 0%,#0f172a 100%)}body.dark-mode .messages-page-subtitle{color:var(--dashboard-text-secondary)}body.dark-mode .messages-page-title{background:linear-gradient(135deg,#93c5fd 0%,#60a5fa 50%,#fcd34d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body.dark-mode .conversation-history-item{border-bottom-color:#33415580}body.dark-mode .conversation-history-item:hover{background:linear-gradient(90deg,#3b82f61f 0%,#0000 100%)}body.dark-mode .conversation-history-item.active{border-left-color:var(--dashboard-primary);background:linear-gradient(90deg,#3b82f633 0%,#3b82f614 100%);border-image:}body.dark-mode .conversation-history-item.active .conversation-name{color:#93c5fd}body.dark-mode .conversation-history-item.has-unread{background:linear-gradient(90deg,#fbbf2426 0%,#fbbf240d 100%)}body.dark-mode .conversation-name{color:#e2e8f0}body.dark-mode .conversation-time,body.dark-mode .conversation-preview{color:#94a3b8}body.dark-mode .conversation-unread-dot{border-color:var(--dashboard-card-bg)}body.dark-mode .status-dot{border-color:#1e293b}body.dark-mode .unread-badge{color:#0f172a;background:linear-gradient(135deg,var(--dashboard-accent)0%,#f59e0b 100%)}body.dark-mode .conversations-empty-text{color:var(--dashboard-text-secondary)}body.dark-mode .conversations-empty-btn{color:#0f172a}body.dark-mode .conversations-empty-btn:hover{box-shadow:0 8px 20px #fbbf2466}body.dark-mode .no-conversations{color:var(--dashboard-text-secondary)}body.dark-mode .conversations-history::-webkit-scrollbar-track{background:#0f172a4d}body.dark-mode .conversations-history::-webkit-scrollbar-thumb{background:linear-gradient(#475569,#64748b)}body.dark-mode .chat-panel{background:var(--dashboard-card-bg)}body.dark-mode .chat-panel-empty{background:radial-gradient(circle at 30% 20%,#3b82f614 0%,#0000 50%),radial-gradient(circle at 70% 80%,#fbbf240a 0%,#0000 50%),linear-gradient(#0f172a 0%,#1e293b 100%)}body.dark-mode .chat-empty-title{color:#f1f5f9}body.dark-mode .chat-empty-text{color:var(--dashboard-text-secondary)}body.dark-mode .messages-area{background:linear-gradient(#0f172a 0%,#1e293b 30% 100%)}body.dark-mode .messages-area::-webkit-scrollbar-thumb{background:linear-gradient(#475569,#64748b)}body.dark-mode .messages-empty-text{color:var(--dashboard-text-secondary)}body.dark-mode .message-received{color:#e2e8f0;background:linear-gradient(145deg,#334155e6 0%,#1e293bf2 100%);border-color:#475569cc;box-shadow:0 2px 12px #0003}body.dark-mode .message-sent{color:#fff;background:linear-gradient(145deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 16px #3b82f666}body.dark-mode .message-time,body.dark-mode .message-status{opacity:.85}body.dark-mode .message-input-area{background:var(--dashboard-card-bg);border-top-color:var(--dashboard-border)}body.dark-mode .message-input{border-color:var(--dashboard-border);color:#f1f5f9;background:#1e293bcc}body.dark-mode .message-input:focus{border-color:var(--dashboard-primary);background:#1e293bf2;box-shadow:0 0 0 4px #3b82f633}body.dark-mode .message-input::placeholder{color:#94a3b8}body.dark-mode .loading-spinner-small{border-color:#fff #ffffff40 #ffffff40}body.dark-mode .modal-content{background:var(--dashboard-card-bg);border-color:var(--dashboard-border);box-shadow:0 0 0 1px #33415599,0 25px 50px -12px #00000080}body.dark-mode .modal-body>p{color:var(--dashboard-text-secondary)}body.dark-mode .user-item:hover{background:linear-gradient(90deg,#3b82f626 0%,#3b82f60d 100%);border-color:#3b82f64d}body.dark-mode .user-item .conversation-name{color:#e2e8f0}body.dark-mode .user-item .conversation-preview{color:#94a3b8}.conversations-panel{background:linear-gradient(#f0f9ff 0%,#fffbeb 100%);border-right:1px solid #3b82f626;flex-direction:column;width:320px;min-width:260px;transition:width .25s,min-width .25s;display:flex;overflow:hidden}.conversations-panel.collapsed{width:72px;min-width:72px}.conversations-header{background:linear-gradient(135deg,var(--msg-blue)0%,var(--msg-blue-deep)40%,var(--msg-yellow)100%);color:var(--msg-white);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:relative;overflow:hidden}.conversations-header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.conversations-panel.collapsed .conversations-header{justify-content:center;padding:.75rem}.conversations-collapse-btn{width:36px;height:36px;color:var(--msg-white);cursor:pointer;background:#ffffff40;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.conversations-collapse-btn:hover{background:#fff6}.conversations-panel.collapsed .conversations-panel-title,.conversations-panel.collapsed .add-conversation-btn{display:none}.conversations-header:after{content:"";pointer-events:none;background:linear-gradient(#0000,#ffffff26,#0000);width:60%;height:200%;position:absolute;top:-50%;right:-20%;transform:rotate(-15deg)}.conversations-panel-title{color:var(--msg-white);text-shadow:0 1px 2px #0000001a;z-index:1;margin:0;font-size:.9375rem;font-weight:700;position:relative}.add-conversation-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--msg-radius);cursor:pointer;width:38px;height:38px;color:var(--msg-white);z-index:1;background:#ffffff4d;border:none;justify-content:center;align-items:center;transition:all .25s;display:flex;position:relative}.add-conversation-btn:hover{background:var(--msg-white);color:var(--msg-yellow);transform:rotate(90deg)scale(1.05);box-shadow:0 4px 12px #00000026}.add-conversation-btn svg{width:20px;height:20px}.conversations-history{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.conversations-panel.collapsed .conversation-info{display:none}.conversations-panel.collapsed .conversation-history-item{justify-content:center;padding:.75rem}.conversations-panel.collapsed .conversation-avatar-wrap{margin:0}.conversations-panel.collapsed .conversation-meta-right,.conversations-panel.collapsed .conversation-preview{display:none}.conversations-panel.collapsed .conversation-name-row{justify-content:center}.conversations-panel.collapsed .conversation-name{display:none}.conversations-panel.collapsed .unread-badge{min-width:18px;height:18px;padding:0 5px;font-size:.7rem;position:absolute;top:0;right:0}.conversations-panel.collapsed .conversation-avatar-wrap{position:relative}.conversation-unread-dot{border:2px solid var(--msg-white);background:#ef4444;border-radius:50%;width:10px;height:10px;display:none;position:absolute;top:0;right:0}.conversations-panel.collapsed .conversation-unread-dot{display:block}.conversations-history::-webkit-scrollbar{width:6px}.conversations-history::-webkit-scrollbar-track{background:0 0}.conversations-history::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--msg-blue-soft),var(--msg-yellow-soft));border-radius:var(--msg-radius-full)}.conversation-history-item{cursor:pointer;background:0 0;border-bottom:1px solid #3b82f614;align-items:center;gap:.875rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.conversation-history-item:hover{background:linear-gradient(90deg,#3b82f614 0%,#0000 100%)}.conversation-history-item.active{border-left:4px solid #0000;border-image:linear-gradient(180deg,var(--msg-blue),var(--msg-yellow))1;background:linear-gradient(90deg,#3b82f61f 0%,#fbbf240f 100%);box-shadow:inset 4px 0 #0000}.conversation-history-item.active .conversation-name{color:var(--msg-blue-deep);font-weight:700}.conversation-history-item.has-unread{background:linear-gradient(90deg,var(--msg-yellow-cream)0%,#fbbf2414 100%)}.conversation-history-item.has-unread .conversation-name{font-weight:700}.conversation-avatar-wrap{flex-shrink:0;position:relative}.conversation-avatar{background:linear-gradient(145deg,var(--msg-blue)0%,var(--msg-blue-deep)100%);width:46px;height:46px;color:var(--msg-white);border-radius:50%;justify-content:center;align-items:center;font-size:.9375rem;font-weight:700;display:flex;box-shadow:0 4px 14px #3b82f666}.status-dot{box-sizing:border-box;border:2px solid #f0f9ff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.status-dot-online{background:#22c55e}.status-dot-header{vertical-align:middle;border:none;width:8px;height:8px;margin-left:.5rem;display:inline-block;position:static}.conversation-info{flex:1;min-width:0}.conversation-name-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.125rem;display:flex}.conversation-name{color:var(--msg-gray-900);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.875rem;font-weight:600;overflow:hidden}.conversation-meta-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.conversation-time{color:var(--msg-gray-400);font-size:.6875rem;font-weight:500}.conversation-preview{color:var(--msg-gray-400);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;line-height:1.35;overflow:hidden}.unread-badge{min-width:22px;height:22px;color:var(--msg-gray-900);background:linear-gradient(135deg,var(--msg-yellow)0%,#f59e0b 100%);border-radius:var(--msg-radius-full);flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:.6875rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #fbbf2480}.conversations-loading{justify-content:center;align-items:center;gap:8px;padding:2.5rem;display:flex}.conversations-loading-dot{border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite both msg-dot}.conversations-loading-dot:first-child{background:var(--msg-blue);animation-delay:0s}.conversations-loading-dot:nth-child(2){background:var(--msg-yellow);animation-delay:.2s}.conversations-loading-dot:nth-child(3){background:var(--msg-blue);animation-delay:.4s}@keyframes msg-dot{0%,80%,to{opacity:.6;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.conversations-empty{text-align:center;padding:2rem 1.5rem}.conversations-empty-text{color:var(--msg-gray-700);margin:0 0 1rem;font-size:.875rem}.conversations-empty-btn{color:var(--msg-gray-900);background:linear-gradient(135deg,var(--msg-yellow)0%,#f59e0b 100%);border-radius:var(--msg-radius);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.625rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #fbbf2466}.conversations-empty-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #fbbf2480}.no-conversations{text-align:center;color:var(--msg-gray-400);padding:1.5rem 1rem;font-size:.875rem}.chat-panel{background:var(--msg-white);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.chat-panel-empty{background:radial-gradient(circle at 30% 20%,#3b82f60f 0%,#0000 50%),radial-gradient(circle at 70% 80%,#fbbf2414 0%,#0000 50%),linear-gradient(#fafbff 0%,#fffbeb 100%);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.chat-empty-state{text-align:center;max-width:280px}.chat-empty-icon{background:linear-gradient(135deg,var(--msg-blue)0%,var(--msg-yellow)100%);width:72px;height:72px;color:var(--msg-white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex;box-shadow:0 8px 24px #3b82f659}.chat-empty-icon svg{width:32px;height:32px}.chat-empty-title{color:var(--msg-gray-900);margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.chat-empty-text{color:var(--msg-gray-700);margin:0;font-size:.875rem;line-height:1.5}.chat-header{background:linear-gradient(135deg,var(--msg-blue)0%,var(--msg-blue-deep)50%,var(--msg-yellow)100%);color:var(--msg-white);flex-shrink:0;align-items:center;padding:1rem 1.25rem;display:flex}.chat-header-info{flex:1;min-width:0}.chat-title-row{align-items:center;gap:.5rem;display:flex}.chat-title{color:var(--msg-white);text-shadow:0 1px 2px #0000001a;margin:0 0 .125rem;font-size:1rem;font-weight:700}.chat-subtitle{color:#ffffffe6;margin:0;font-size:.75rem}.messages-area{background:linear-gradient(#f8fafc 0%,#fefce8 50%,#f0f9ff 100%);flex-direction:column;flex:1;gap:.875rem;min-height:0;padding:1.25rem;display:flex;overflow:hidden auto}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:0 0}.messages-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--msg-blue-soft),var(--msg-yellow-soft));border-radius:var(--msg-radius-full)}.messages-empty-state{flex:1;justify-content:center;align-items:center;min-height:120px;display:flex}.messages-empty-text{color:var(--msg-gray-700);margin:0;font-size:.875rem}.message-group{width:100%;display:flex}.message-group.received{justify-content:flex-start}.message-group.sent{justify-content:flex-end}.message-bubble{min-width:0;max-width:76%}@media (max-width:640px){.message-bubble{max-width:88%}}.message{word-wrap:break-word;border-radius:20px;flex-direction:column;gap:.25rem;padding:.875rem 1.125rem;display:flex}.message-received{background:linear-gradient(145deg,var(--msg-yellow-cream)0%,var(--msg-yellow-soft)100%);color:var(--msg-gray-900);border:1px solid #fbbf2459;border-bottom-left-radius:6px;box-shadow:0 2px 12px #fbbf2433}.message-sent{background:linear-gradient(145deg,var(--msg-blue)0%,var(--msg-blue-deep)100%);color:var(--msg-white);border-bottom-right-radius:6px;box-shadow:0 4px 16px #3b82f673}.message-content{white-space:pre-wrap;overflow-wrap:break-word;font-size:.9375rem;line-height:1.55}.message-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.message-time{opacity:.9;font-size:.6875rem}.message-status{opacity:.95;font-size:.6875rem}.message-status-sending{font-style:italic}.message-input-area{background:var(--msg-white);border-top:1px solid #3b82f61f;flex-shrink:0;align-items:center;gap:.625rem;padding:1rem 1.25rem;display:flex}.message-input{border:2px solid var(--msg-gray-100);border-radius:var(--msg-radius-full);background:var(--msg-gray-100);color:var(--msg-gray-900);flex:1;padding:.75rem 1.25rem;font-family:inherit;font-size:.9375rem;transition:all .25s}.message-input:focus{border-color:var(--msg-blue);background:var(--msg-white);outline:none;box-shadow:0 0 0 4px #3b82f633}.message-input::placeholder{color:var(--msg-gray-400)}.send-btn{background:linear-gradient(135deg,var(--msg-blue)0%,var(--msg-blue-deep)100%);cursor:pointer;width:48px;height:48px;color:var(--msg-white);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s;display:flex;box-shadow:0 4px 16px #3b82f680}.send-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 24px #3b82f68c}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.send-btn svg{width:22px;height:22px;margin-left:2px}.loading-spinner-small{border:2px solid #ffffff59;border-top-color:var(--msg-white);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite msg-spin}@keyframes msg-spin{to{transform:rotate(360deg)}}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#1118278c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--msg-white);border-radius:var(--msg-radius-xl);border:none;flex-direction:column;width:100%;max-width:420px;max-height:82vh;display:flex;overflow:hidden;box-shadow:0 0 0 1px #3b82f626,0 25px 50px -12px #00000040}.modal-header{background:linear-gradient(135deg,var(--msg-blue)0%,var(--msg-yellow)100%);color:var(--msg-white);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-header h3{color:var(--msg-white);text-shadow:0 1px 2px #0000001a;margin:0;font-size:1.0625rem;font-weight:700}.close-modal{width:36px;height:36px;color:var(--msg-white);cursor:pointer;border-radius:var(--msg-radius);background:#ffffff40;border:none;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;transition:all .2s;display:flex}.close-modal:hover{background:var(--msg-white);color:var(--msg-yellow)}.modal-body{flex:1;padding:1.25rem 1.5rem 1.5rem;overflow-y:auto}.modal-body>p{color:var(--msg-gray-700);margin:0;font-size:.875rem}.user-list{flex-direction:column;gap:.35rem;display:flex}.user-item{border-radius:var(--msg-radius);cursor:pointer;border:2px solid #0000;align-items:center;gap:.875rem;padding:.875rem 1rem;transition:all .2s;display:flex}.user-item:hover{background:linear-gradient(90deg,#3b82f614 0%,#fbbf240f 100%);border-color:#3b82f633}.user-item .conversation-avatar{width:42px;height:42px;font-size:.875rem}.user-item .conversation-name{margin-bottom:0}.user-item .conversation-preview{margin-top:.125rem}@media (max-width:768px){.message-board-content{flex-direction:column}.conversations-panel{border-bottom:1px solid #3b82f626;border-right:none;width:100%;min-width:0;max-height:40vh}.messages-page-title{font-size:1.35rem}}
:root{--theme-blue:#3b82f6;--theme-blue-deep:#1d4ed8;--theme-yellow:#fbbf24;--theme-white:#fff;--theme-gray-500:#6b7280;--theme-gray-900:#111827}.qa-container{background:radial-gradient(100% 60% at 0 0,#3b82f62e 0%,#0000 50%),radial-gradient(80% 50% at 100% 100%,#fbbf2426 0%,#0000 50%),linear-gradient(#fafbfff2 0%,#fffef9f2 100%);border-radius:16px;min-height:100%;margin:0 auto;padding:1.25rem}body.dark-mode .qa-container{background:radial-gradient(100% 60% at 0 0,#3b82f61f 0%,#0000 50%),radial-gradient(80% 50% at 100% 100%,#fbbf240f 0%,#0000 50%),linear-gradient(#0f172afa 0%,#1e293bfa 100%)}body.dark-mode .qa-filters{border-color:var(--dashboard-border);background:#1e293bb3;box-shadow:0 0 0 1px #33415580}body.dark-mode .qa-filter-label{color:var(--dashboard-text-secondary)}body.dark-mode .qa-filter-select{background:var(--dashboard-card-bg);border-color:var(--dashboard-border);color:var(--dashboard-text-primary)}body.dark-mode .qa-filter-select:hover,body.dark-mode .qa-filter-select:focus{border-color:var(--dashboard-primary)}body.dark-mode .qa-tabs{border-bottom-color:var(--dashboard-border)}body.dark-mode .qa-tab{color:var(--dashboard-text-secondary)}body.dark-mode .qa-tab:hover{color:var(--dashboard-primary)}body.dark-mode .qa-tab.active{color:var(--dashboard-primary);border-bottom-color:var(--dashboard-primary)}body.dark-mode .qa-badge{background:var(--dashboard-danger);color:#fff}body.dark-mode .qa-question-card{border-color:var(--dashboard-border);background:#1e293bb3;box-shadow:0 0 0 1px #33415580}body.dark-mode .qa-question-card:hover{border-color:#3b82f666;box-shadow:0 0 0 1px #3b82f633}body.dark-mode .qa-question-title{color:var(--dashboard-text-primary)}body.dark-mode .qa-question-meta,body.dark-mode .qa-question-content{color:var(--dashboard-text-secondary)}body.dark-mode .qa-question-footer{border-top-color:var(--dashboard-border)}body.dark-mode .qa-category-tag{color:#93c5fd;background:#3b82f640}body.dark-mode .qa-subcategory-tag{color:#fcd34d;background:#fbbf2433}body.dark-mode .qa-response-count{color:var(--dashboard-text-secondary)}body.dark-mode .qa-response-count strong{color:var(--dashboard-primary)}body.dark-mode .qa-empty-state{color:var(--dashboard-text-secondary)}body.dark-mode .qa-empty-state svg{stroke:var(--dashboard-text-secondary)}body.dark-mode .qa-empty-state h3{color:var(--dashboard-text-primary)}body.dark-mode .qa-detail{background:var(--dashboard-card-bg);border-color:var(--dashboard-border)}body.dark-mode .qa-detail-header{border-bottom-color:var(--dashboard-border)}body.dark-mode .qa-detail-title{color:var(--dashboard-text-primary)}body.dark-mode .qa-detail-meta-label{color:var(--dashboard-text-secondary)}body.dark-mode .qa-detail-meta-value{color:var(--dashboard-text-primary)}body.dark-mode .qa-detail-content{background:var(--dashboard-sidebar-bg);color:var(--dashboard-text-primary);border:1px solid var(--dashboard-border)}body.dark-mode .qa-back-btn{color:var(--dashboard-primary)}body.dark-mode .qa-back-btn:hover{color:var(--dashboard-primary-hover)}body.dark-mode .qa-answer-section{border-left-color:var(--dashboard-primary);background:#3b82f626}body.dark-mode .qa-answer-title{color:#93c5fd}body.dark-mode .qa-answer-content{background:var(--dashboard-card-bg);color:var(--dashboard-text-primary);border:1px solid var(--dashboard-border)}body.dark-mode .qa-answer-meta{color:var(--dashboard-text-secondary);border-top-color:var(--dashboard-border)}body.dark-mode .qa-answer-form{border-color:var(--dashboard-primary);background:#3b82f61a}body.dark-mode .qa-form-title{color:#93c5fd}body.dark-mode .qa-form-label{color:var(--dashboard-text-primary)}body.dark-mode .qa-form-textarea,body.dark-mode .qa-form-input{background:var(--dashboard-card-bg);border-color:var(--dashboard-border);color:var(--dashboard-text-primary)}body.dark-mode .qa-form-textarea:focus,body.dark-mode .qa-form-input:focus{border-color:var(--dashboard-primary)}body.dark-mode .qa-form-cancel{background:var(--dashboard-sidebar-bg);color:var(--dashboard-text-secondary);border:1px solid var(--dashboard-border)}body.dark-mode .qa-form-cancel:hover{background:var(--dashboard-border);color:var(--dashboard-text-primary)}body.dark-mode .qa-comments-title{color:var(--dashboard-text-primary)}body.dark-mode .qa-comment{background:var(--dashboard-sidebar-bg);border-left-color:var(--dashboard-border)}body.dark-mode .qa-comment-header strong{color:var(--dashboard-text-primary)}body.dark-mode .qa-comment-time{color:var(--dashboard-text-secondary)}body.dark-mode .qa-comment-content{color:var(--dashboard-text-primary)}body.dark-mode .qa-no-comments{color:var(--dashboard-text-secondary)}body.dark-mode .qa-modal-overlay{background:#000000b3}body.dark-mode .qa-modal-content{background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);box-shadow:0 20px 60px #0006}body.dark-mode .qa-modal-header{color:var(--dashboard-text-primary);border-bottom:1px solid var(--dashboard-border)}body.dark-mode .qa-modal-close{color:var(--dashboard-text-secondary)}body.dark-mode .qa-modal-close:hover,body.dark-mode .qa-modal-body .qa-form-label{color:var(--dashboard-text-primary)}body.dark-mode .loading-spinner{border-color:var(--dashboard-border);border-top-color:var(--dashboard-primary)}body.dark-mode .qa-status-badge.open{color:#fcd34d;background:#fbbf2440}body.dark-mode .qa-status-badge.answered{color:#86efac;background:#22c55e40}body.dark-mode .qa-status-badge.resolved{color:#93c5fd;background:#3b82f640}.qa-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.qa-header h1{background:linear-gradient(135deg,var(--theme-blue-deep)0%,var(--theme-blue)50%,var(--theme-yellow)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.qa-header p{color:var(--theme-gray-500);margin:.35rem 0 0;font-size:.9rem}.qa-ask-btn{background:linear-gradient(135deg,var(--theme-blue)0%,var(--theme-blue-deep)50%,var(--theme-yellow)100%);color:var(--theme-white);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 14px #3b82f659}.qa-ask-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f673}.qa-content{flex-direction:column;gap:1rem;display:flex}.qa-tabs{border-bottom:2px solid #3b82f633;gap:.75rem;display:flex}.qa-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative;bottom:-2px}.qa-tab:hover{color:var(--theme-blue)}.qa-tab.active{color:var(--theme-blue);border-bottom-color:var(--theme-blue)}.qa-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:1.5rem;height:1.5rem;margin-left:.5rem;padding:0 .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.qa-filters{-webkit-backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #ffffff80;border-radius:16px;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex;box-shadow:0 0 0 1px #3b82f61f,0 4px 12px #3b82f614}.qa-filter-group{flex-direction:column;flex:1;gap:.5rem;min-width:200px;display:flex}.qa-filter-label{color:#374151;font-size:.875rem;font-weight:600}.qa-filter-select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.625rem .75rem;font-size:.95rem;transition:all .3s}.qa-filter-select:hover{border-color:#3b82f6}.qa-filter-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.qa-category-tags{flex-wrap:wrap;gap:.75rem;margin-right:auto;display:flex}.qa-category-tag,.qa-subcategory-tag{color:#0369a1;background:#f0f9ff;border-radius:.375rem;padding:.375rem .75rem;font-size:.825rem;font-weight:600;display:inline-block}.qa-subcategory-tag{color:#92400e;background:#fef3c7}.qa-list{flex-direction:column;gap:1rem;display:flex}.qa-empty-state{text-align:center;color:#6b7280;padding:3rem 2rem}.qa-empty-state svg{opacity:.5;width:3rem;height:3rem;margin-bottom:1rem}.qa-empty-state h3{color:#374151;margin:0;font-size:1.125rem;font-weight:600}.qa-empty-state p{margin:.5rem 0 0}.qa-question-card{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffffa6;border:1px solid #ffffff80;border-radius:16px;padding:1.5rem;transition:all .3s;box-shadow:0 0 0 1px #3b82f61f,0 4px 12px #3b82f614}.qa-question-card:hover{border-color:#3b82f659;transform:translateY(-2px);box-shadow:0 0 0 1px #3b82f633,0 8px 24px #3b82f61f}.qa-question-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.qa-question-title{color:#1f2937;flex:1;margin:0;font-size:1.125rem;font-weight:600}.qa-status-badge{white-space:nowrap;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.qa-status-badge.open{color:#92400e;background:#fef3c7}.qa-status-badge.answered{color:#065f46;background:#d1fae5}.qa-status-badge.resolved{color:#0c4a6e;background:#dbeafe}.qa-question-meta{color:#6b7280;gap:1rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.qa-meta-item{align-items:center;gap:.25rem;display:flex}.qa-question-content{color:#4b5563;margin-bottom:1rem;line-height:1.5}.qa-question-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.qa-subject-tag{color:#0369a1;background:#f0f9ff;border-radius:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.qa-response-count{color:#6b7280;font-size:.875rem}.qa-response-count strong{color:#3b82f6}.qa-detail{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:2rem}.qa-detail-header{border-bottom:2px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1rem}.qa-detail-title{color:#1f2937;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.qa-detail-meta{flex-wrap:wrap;gap:2rem;display:flex}.qa-detail-meta-item{flex-direction:column;display:flex}.qa-detail-meta-label{color:#6b7280;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.qa-detail-meta-value{color:#1f2937;font-size:.95rem;font-weight:500}.qa-detail-content{color:#374151;background:#f9fafb;border-radius:.5rem;margin-bottom:2rem;padding:1.5rem;line-height:1.6}.qa-back-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-weight:600;transition:all .3s;display:flex}.qa-back-btn:hover{color:#2563eb;transform:translate(-4px)}.qa-answer-section{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:.5rem;margin:2rem 0;padding:1.5rem}.qa-answer-title{color:#0369a1;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:700;display:flex}.qa-answer-title:before{content:"✓";color:#fff;background:#0369a1;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;font-weight:700;display:inline-flex}.qa-answer-content{color:#374151;background:#fff;border-radius:.375rem;margin-bottom:.75rem;padding:1rem;line-height:1.6}.qa-answer-meta{color:#6b7280;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:.75rem;font-size:.875rem;display:flex}.qa-comments-section{margin-top:2rem}.qa-comments-title{color:#1f2937;margin:0 0 1rem;font-size:1rem;font-weight:700}.qa-comments-list{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.qa-comment{background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:.5rem;padding:1rem}.qa-comment-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.qa-comment-header strong{color:#1f2937;font-weight:600}.qa-comment-time{color:#6b7280;font-size:.75rem}.qa-comment-content{color:#374151;line-height:1.5}.qa-no-comments{color:#6b7280;margin-bottom:1.5rem;font-style:italic}.qa-comment-form{flex-direction:column;gap:.75rem;display:flex}.qa-answer-form{background:#f0f9ff;border:2px dashed #3b82f6;border-radius:.75rem;margin:2rem 0;padding:1.5rem}.qa-form-title{color:#0369a1;margin:0 0 1rem;font-size:1rem;font-weight:700}.qa-form-group{margin-bottom:1rem}.qa-form-label{color:#1f2937;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.qa-form-textarea{resize:vertical;box-sizing:border-box;border:1px solid #d1d5db;border-radius:.375rem;width:100%;min-height:6rem;padding:.75rem;font-family:inherit;font-size:.95rem}.qa-form-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.qa-form-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.75rem;font-size:.95rem}.qa-form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.qa-form-actions{justify-content:flex-end;gap:1rem;display:flex}.qa-form-actions button{cursor:pointer;border:none;border-radius:.375rem;padding:.625rem 1.5rem;font-weight:600;transition:all .3s}.qa-form-submit{color:#fff;background:#3b82f6}.qa-form-submit:hover:not(:disabled){background:#2563eb}.qa-form-submit:disabled{opacity:.6;cursor:not-allowed}.qa-form-cancel{color:#374151;background:#f3f4f6}.qa-form-cancel:hover{background:#e5e7eb}.qa-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qa-modal-content{background:#fff;border-radius:.75rem;width:90%;max-width:600px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.qa-modal-header{color:#1f2937;justify-content:space-between;align-items:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;display:flex}.qa-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:1.5rem;transition:color .3s;display:flex}.qa-modal-close:hover{color:#1f2937}.qa-modal-body{flex-direction:column;gap:1rem;display:flex}.loading-spinner{border:3px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;width:2rem;height:2rem;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:768px){.qa-container{padding:1rem}.qa-header{flex-direction:column;gap:1rem}.qa-header h1{font-size:1.5rem}.qa-ask-btn{justify-content:center;width:100%;min-height:44px;padding:.75rem 1rem}.qa-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:auto hidden}.qa-tabs::-webkit-scrollbar{display:none}.qa-tab{white-space:nowrap;flex-shrink:0;min-height:44px;padding:.75rem 1.25rem;font-size:.9rem}.qa-question-card{padding:1rem}.qa-question-title{font-size:1rem}.qa-question-meta{flex-wrap:wrap;gap:.5rem;font-size:.75rem}.qa-detail{padding:1rem}.qa-detail-title{font-size:1.25rem}.qa-detail-meta{flex-direction:column;gap:1rem}.qa-detail-content,.qa-answer-section,.qa-answer-form{padding:1rem}.qa-form-actions{flex-direction:column;gap:.75rem}.qa-form-actions button{width:100%;min-height:44px}.qa-comment{padding:.75rem}.qa-modal-content{width:95%;max-height:85vh;padding:1.25rem}.qa-form-textarea{min-height:5rem;font-size:16px}.qa-form-input{min-height:44px}}@media screen and (max-width:480px){.qa-container{padding:.75rem}.qa-header{margin-bottom:1rem}.qa-header h1{font-size:1.25rem}.qa-header p{font-size:.85rem}.qa-ask-btn{padding:.75rem 1rem;font-size:.875rem}.qa-tab{padding:.625rem 1rem;font-size:.8rem}.qa-badge{min-width:1.25rem;height:1.25rem;margin-left:.375rem;font-size:.65rem}.qa-question-card{border-radius:.5rem;padding:.75rem}.qa-question-title{font-size:.95rem}.qa-question-meta{gap:.5rem;font-size:.7rem}.qa-status-badge,.qa-subject-tag{padding:.2rem .5rem;font-size:.65rem}.qa-detail{border-radius:.5rem;padding:.75rem}.qa-detail-title{font-size:1.125rem}.qa-detail-content{padding:.75rem}.qa-back-btn{min-height:44px;padding:.5rem .75rem}.qa-answer-section{margin:1rem 0;padding:.75rem}.qa-answer-form{padding:.75rem}.qa-form-title{font-size:.9rem}.qa-form-label{font-size:.8rem}.qa-form-textarea{min-height:4rem;padding:.625rem}.qa-form-group{margin-bottom:.75rem}.qa-modal-content{width:98%;max-height:80vh;padding:1rem}.qa-modal-header{font-size:1.25rem}.qa-comment{padding:.6rem}.qa-comment-header strong{font-size:.85rem}.qa-comment-content{font-size:.8rem}}