.login-container{background:linear-gradient(135deg,#eef8f2 0%,#f8fcfa 45%,#edf7f0 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:40px;box-shadow:0 10px 30px #0000000f}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#2f5e4e;margin:0;font-size:32px}.login-header p{color:#6f8c80;margin-top:10px;font-size:15px}.login-form{flex-direction:column;display:flex}.input-group{margin-bottom:20px}.input-group label{color:#48695c;margin-bottom:8px;font-weight:500;display:block}.input-group input{box-sizing:border-box;border:1px solid #d9e8df;border-radius:12px;outline:none;width:100%;padding:13px;font-size:15px;transition:all .2s}.input-group input:focus{border-color:#74b68a;box-shadow:0 0 0 3px #74b68a26}.primary-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#71b88a,#58a978);border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.primary-btn:hover{transform:translateY(-1px)}.secondary-btn{cursor:pointer;background:#fff;border:1px solid #cfe5d6;border-radius:12px;flex:1;padding:12px}.text-btn{cursor:pointer;color:#5d8f75;background:0 0;border:none;flex:1}.login-actions{gap:12px;display:flex}@media (width<=600px){.login-card{padding:28px}}.student-home-container{background:linear-gradient(135deg,#eef8f2 0%,#f8fcfa 45%,#edf7f0 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:60px 24px;display:flex}.student-home-card{background:#fff;border-radius:20px;width:100%;max-width:720px;padding:40px;box-shadow:0 10px 30px #0000000f}.student-home-header{text-align:center;margin-bottom:32px}.student-home-header h1{color:#2f5e4e;margin:0;font-size:32px}.student-home-header p{color:#6f8c80;margin-top:10px;font-size:15px}.full-btn{width:100%}.student-profile-summary{text-align:left;background:#f7fcf9;border:1px solid #d9e8df;border-radius:999px;align-items:center;gap:12px;width:fit-content;margin:0 auto 22px;padding:9px 16px 9px 9px;display:flex;box-shadow:0 6px 18px #2f5e4e14}.student-profile-summary img{object-fit:contain;background:#eaf6ee;border-radius:50%;width:52px;height:52px;padding:7px}.student-profile-summary span,.student-profile-summary strong{display:block}.student-profile-summary span{color:#7a9589;margin-bottom:3px;font-size:12px}.student-profile-summary strong{color:#2f5e4e;font-size:16px}.student-logout-btn{cursor:pointer;color:#b34545;background:#fff7f7;border:1px solid #dba5a5;border-radius:12px;margin-top:12px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s}.student-blacklist-btn{cursor:pointer;color:#48695c;background:#f7fcf9;border:1px solid #d9e8df;border-radius:12px;margin-top:12px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s}.student-blacklist-btn:hover{background:#eef8f2;border-color:#91c9a2}.student-ai-support-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#4f8f78,#36715d);border:none;border-radius:12px;margin-top:12px;padding:13px 18px;font-size:14px;font-weight:700;transition:all .2s}.student-ai-support-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #36715d33}.student-logout-btn:hover{background:#fceaea;border-color:#c87878}.primary-small-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#71b88a,#58a978);border:none;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.primary-small-btn:hover{transform:translateY(-1px)}.refresh-btn{flex:none}.divider{background:#eef2ef;height:1px;margin:26px 0}.mentor-section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.mentor-section-header h2{color:#2f5e4e;margin:0;font-size:22px}.mentor-list{flex-direction:column;gap:14px;display:flex}.mentor-card{cursor:pointer;background:#fbfefc;border:1px solid #d9e8df;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:18px;transition:all .2s;display:flex}.mentor-card:hover{border-color:#91c9a2;transform:translateY(-2px);box-shadow:0 8px 22px #0000000d}.mentor-avatar{object-fit:contain;background:#eef8f2;border:3px solid #fff;border-radius:50%;flex:0 0 64px;width:64px;height:64px;padding:9px;box-shadow:0 6px 16px #2f5e4e24}.mentor-info .mentor-motto{color:#6f8c80;font-style:italic;line-height:1.45}.mentor-info h3{color:#2f5e4e;margin:0 0 8px;font-size:18px}.mentor-info p{color:#48695c;margin:4px 0;font-size:14px}.mentor-info span{color:#6f8c80;margin-top:6px;font-size:13px;display:inline-block}.mentor-action{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.score-badge{color:#4f8b68;background:#eef8f2;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:600}.hint-text{color:#6f8c80;text-align:center;margin:24px 0}@media (width<=600px){.student-home-card{padding:28px}.mentor-card{flex-direction:column;align-items:flex-start}.mentor-action{align-items:stretch;width:100%}.primary-small-btn{width:100%}}.mentor-page{box-sizing:border-box;color:#173f33;background:radial-gradient(circle at 0 0,#70c49729,#0000 34%),linear-gradient(135deg,#eef8f2 0%,#f8fcfa 52%,#edf7f0 100%);justify-content:center;align-items:center;min-height:100vh;padding:48px 24px;display:flex}.mentor-shell{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #5bae8047;border-radius:28px;width:min(1120px,100%);min-height:610px;overflow:hidden;box-shadow:0 24px 60px #235d441f,0 8px 24px #235d440f}.mentor-navbar{border-bottom:1px solid #e4efe8;justify-content:space-between;align-items:center;gap:24px;min-height:92px;padding:0 42px;display:flex}.mentor-brand{align-items:center;gap:14px;display:flex}.mentor-brand-icon{color:#fff;background:linear-gradient(135deg,#4cad78,#388f63);border-radius:15px;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;font-weight:800;display:flex;box-shadow:0 8px 18px #43a06b40}.mentor-brand h2{color:#174937;margin:0;font-size:18px;font-weight:750}.mentor-brand p{color:#789487;margin:3px 0 0;font-size:13px}.mentor-nav-actions{align-items:center;gap:12px;display:flex}.mentor-profile-btn,.mentor-blacklist-btn,.mentor-logout-btn{cursor:pointer;border-radius:12px;min-height:42px;padding:0 18px;font-size:14px;font-weight:650;transition:transform .2s,box-shadow .2s,background .2s}.mentor-blacklist-btn{color:#9d5050;background:#fff7f7;border:1px solid #efd3d3}.mentor-blacklist-btn:hover{color:#873f3f;background:#fceaea;transform:translateY(-1px)}.mentor-profile-btn{color:#286c4f;background:#eef8f2;border:1px solid #d4eadc}.mentor-profile-btn:hover:not(:disabled){background:#e3f3e9;transform:translateY(-1px)}.mentor-profile-btn:disabled{color:#9caea5;cursor:not-allowed;background:#f4f7f5}.mentor-logout-btn{color:#557068;background:#fff;border:1px solid #dce8e1}.mentor-logout-btn:hover{color:#235c45;background:#f7fbf8;transform:translateY(-1px)}.mentor-content{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);align-items:center;gap:72px;padding:72px 64px;display:grid}.mentor-intro{max-width:520px}.mentor-eyebrow{color:#48a673;letter-spacing:1.8px;margin-bottom:18px;font-size:12px;font-weight:800;display:inline-block}.mentor-intro h1{color:#164634;letter-spacing:-2.2px;margin:0;font-size:clamp(42px,5vw,62px);line-height:1.08}.mentor-intro>p{color:#678278;max-width:470px;margin:24px 0 0;font-size:18px;line-height:1.75}.mentor-support-note{background:#f7fbf8;border:1px solid #dceee3;border-radius:18px;align-items:flex-start;gap:14px;margin-top:38px;padding:18px 20px;display:flex}.support-note-icon{color:#2b8c5d;background:#dff3e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:flex}.mentor-support-note strong{color:#285d48;font-size:14px}.mentor-support-note p{color:#789087;margin:5px 0 0;font-size:13px;line-height:1.55}.mentor-control-panel{background:linear-gradient(145deg,#f8fcf9fa,#f0f8f3eb);border:1px solid #dcece2;border-radius:24px;padding:32px;box-shadow:0 16px 38px #2b684b1a,inset 0 1px #ffffffe6}.mentor-status-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.status-label{color:#80968d;margin:0 0 12px;font-size:13px;font-weight:650}.status-title-row{align-items:center;gap:12px;display:flex}.status-title-row h2{color:#204f3d;margin:0;font-size:25px;line-height:1.3}.status-dot{background:#b9c8c1;border-radius:50%;flex-shrink:0;width:11px;height:11px;box-shadow:0 0 0 5px #b9c8c129}.status-dot-active{background:#45ad73;box-shadow:0 0 0 5px #45ad7329}.status-pill{color:#71867d;background:#e9efec;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:750}.status-pill-active{color:#278356;background:#def2e6}.mentor-status-description{background:#ffffffb3;border-radius:15px;margin:26px 0;padding:18px}.mentor-status-description p{color:#6e867c;margin:0;font-size:14px;line-height:1.65}.mentor-primary-btn,.mentor-stop-btn{color:#fff;cursor:pointer;border:none;border-radius:15px;width:100%;min-height:54px;font-size:15px;font-weight:750;transition:transform .2s,box-shadow .2s,opacity .2s}.mentor-primary-btn{background:linear-gradient(135deg,#50b77d,#3a9966);box-shadow:0 12px 24px #3b97653d}.mentor-primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 28px #3b97654d}.mentor-stop-btn{background:linear-gradient(135deg,#de7b78,#c85f5d);box-shadow:0 12px 24px #c1524f33}.mentor-stop-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 28px #c1524f42}.mentor-primary-btn:disabled,.mentor-stop-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.mentor-message{color:#377158;background:#eff8f2;border:1px solid #d5e9dc;border-radius:12px;margin:16px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.mentor-control-footer{align-items:flex-start;gap:10px;margin-top:22px;display:flex}.control-footer-icon{color:#6e877b;background:#e4eee8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.mentor-control-footer p{color:#82968d;margin:0;font-size:12px;line-height:1.55}@media (width<=900px){.mentor-page{align-items:flex-start;padding:24px 16px}.mentor-navbar{padding:20px 24px}.mentor-content{grid-template-columns:1fr;gap:42px;padding:46px 30px}.mentor-intro{max-width:none}}@media (width<=600px){.mentor-shell{border-radius:22px}.mentor-navbar{flex-direction:column;align-items:flex-start}.mentor-nav-actions{width:100%}.mentor-profile-btn,.mentor-blacklist-btn,.mentor-logout-btn{flex:1}.mentor-content{padding:38px 22px}.mentor-intro h1{letter-spacing:-1.5px;font-size:40px}.mentor-intro>p{font-size:16px}.mentor-control-panel{padding:24px 20px}.mentor-status-header{flex-direction:column}}.mentor-home-avatar{object-fit:contain;background:linear-gradient(135deg,#dff4e7,#b9dfc7);border:2px solid #fff;border-radius:50%;flex:0 0 46px;width:46px;height:46px;padding:7px;box-shadow:0 8px 18px #43a06b38}.mentor-info-container{background:linear-gradient(135deg,#eef8f2 0%,#f8fcfa 45%,#edf7f0 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.mentor-info-card{background:#fff;border-radius:20px;width:100%;max-width:560px;padding:40px;box-shadow:0 10px 30px #0000000f}.mentor-info-header{text-align:center;margin-bottom:32px}.mentor-info-avatar{object-fit:contain;background:#eef8f2;border:4px solid #fff;border-radius:50%;width:104px;height:104px;margin-bottom:18px;padding:15px;box-shadow:0 8px 22px #2f5e4e29}.mentor-info-header blockquote{color:#527365;background:#f5fbf7;border-left:3px solid #71b88a;border-radius:0 10px 10px 0;margin:16px auto 0;padding:12px 16px;font-size:14px;line-height:1.55}.mentor-info-header h1{color:#2f5e4e;margin:0;font-size:32px}.mentor-info-header p{color:#6f8c80;margin-top:10px;font-size:15px}.mentor-detail-box{border:1px solid #d9e8df;border-radius:16px;margin-bottom:24px;overflow:hidden}.mentor-detail-row{border-bottom:1px solid #eef2ef;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.mentor-detail-row:last-child{border-bottom:none}.mentor-detail-row span{color:#6f8c80;font-size:14px}.mentor-detail-row strong{color:#2f5e4e;text-align:right;font-size:15px}.communication-note{background:#f5fbf7;border:1px solid #d9e8df;border-radius:16px;margin-bottom:22px;padding:18px}.communication-note h2{color:#2f5e4e;margin:0 0 8px;font-size:18px}.communication-note p{color:#6f8c80;margin:0;font-size:14px;line-height:1.6}.mentor-info-actions{gap:12px;display:flex}.mentor-info-actions .primary-btn,.mentor-info-actions .secondary-btn{flex:1}.error{color:#d54848;margin-bottom:16px}@media (width<=600px){.mentor-info-card{padding:28px}.mentor-detail-row{flex-direction:column;align-items:flex-start}.mentor-detail-row strong{text-align:left}.mentor-info-actions{flex-direction:column}}.voice-modal-overlay{box-sizing:border-box;-webkit-backdrop-filter:blur(5px);z-index:999;background:#192d216b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.voice-modal-card{box-sizing:border-box;text-align:center;background:#fffffffa;border:1px solid #448e601f;border-radius:20px;width:100%;max-width:390px;padding:40px 36px 34px;animation:.22s ease-out voice-modal-open;box-shadow:0 20px 55px #224a3033,0 5px 16px #224a3014}.voice-modal-icon{background:linear-gradient(135deg,#e1f3e7 0%,#f1faf4 100%);border:1px solid #448e6024;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;margin:0 auto 24px;display:flex;position:relative}.voice-modal-icon-connected{background:linear-gradient(135deg,#d8f1e0 0%,#edf9f1 100%)}.voice-modal-phone{z-index:2;color:#3f8658;font-size:34px;line-height:1;position:relative;transform:rotate(-18deg)}.voice-modal-pulse{border:2px solid #448e6047;border-radius:50%;animation:1.8s ease-out infinite voice-modal-pulse;position:absolute;inset:-1px}.voice-modal-pulse-two{animation-delay:.7s}.voice-modal-title{color:#23452f;letter-spacing:-.3px;margin:0 0 10px;font-size:25px;font-weight:700}.voice-modal-message{color:#6b7f72;max-width:300px;margin:0 auto 28px;font-size:15px;line-height:1.6}.voice-modal-actions{justify-content:center;width:100%;margin-top:8px;display:flex}.voice-modal-actions-row{gap:12px}.voice-modal-button{cursor:pointer;border:none;border-radius:12px;min-width:135px;padding:12px 22px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,background-color .18s}.voice-modal-button:hover{transform:translateY(-1px)}.voice-modal-button:active{transform:translateY(0)}.voice-modal-button-primary{color:#fff;background:linear-gradient(135deg,#4c9967 0%,#3f8658 100%);box-shadow:0 7px 16px #3f865838}.voice-modal-button-primary:hover{box-shadow:0 9px 20px #3f86584d}.voice-modal-button-secondary{color:#4f6657;background:#eef5f0;border:1px solid #448e601f}.voice-modal-button-secondary:hover{background:#e6f0e9}.voice-modal-button-danger{color:#fff;background:linear-gradient(135deg,#d96b6b 0%,#c65353 100%);box-shadow:0 7px 16px #c6535333}.voice-modal-button-danger:hover{box-shadow:0 9px 20px #c6535347}.voice-modal-loading{justify-content:center;align-items:center;gap:7px;height:24px;margin-top:4px;display:flex}.voice-modal-loading span{background:#5c9c70;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite voice-modal-loading}.voice-modal-loading span:nth-child(2){animation-delay:.15s}.voice-modal-loading span:nth-child(3){animation-delay:.3s}.voice-modal-connected-status{color:#3d7951;background:#edf8f0;border:1px solid #448e601f;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:0 auto 24px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.voice-modal-connected-dot{background:#4d9a67;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4d9a671f}@keyframes voice-modal-open{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes voice-modal-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes voice-modal-loading{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}@media (width<=480px){.voice-modal-overlay{padding:18px}.voice-modal-card{padding:34px 22px 28px}.voice-modal-actions-row{flex-direction:column-reverse}.voice-modal-button{width:100%}}.chat-page{box-sizing:border-box;background:linear-gradient(135deg,#eef8f2,#f8fcfa,#edf7f0);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.chat-card{background:#ffffffeb;border-radius:24px;flex-direction:column;width:100%;max-width:900px;height:82vh;display:flex;overflow:hidden;box-shadow:0 10px 30px #2d5a411f}.chat-header{border-bottom:1px solid #e4efe8;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.chat-header h2{color:#244b35;margin:0;font-size:24px}.chat-header p{color:#789084;margin:6px 0 0;font-size:14px}.chat-messages{flex-direction:column;flex:1;gap:14px;padding:24px 28px;display:flex;overflow-y:auto}.message-row{width:100%;display:flex}.message-row.mine{justify-content:flex-end}.message-row.other{justify-content:flex-start}.message-bubble{white-space:pre-wrap;word-break:break-word;border-radius:18px;max-width:65%;padding:12px 16px;font-size:15px;line-height:1.5}.message-bubble.mine{color:#fff;background:linear-gradient(135deg,#6fbf8f,#4fa873);border-bottom-right-radius:6px}.message-bubble.other{color:#244b35;background:#f1f7f3;border-bottom-left-radius:6px}.ai-thinking{color:#587365;align-items:center;gap:8px;display:inline-flex}.ai-thinking-text{font-size:14px}.ai-thinking-dots{align-items:center;gap:4px;display:inline-flex}.ai-thinking-dots span{background:#6fa485;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite ai-thinking-bounce}.ai-thinking-dots span:nth-child(2){animation-delay:.15s}.ai-thinking-dots span:nth-child(3){animation-delay:.3s}@keyframes ai-thinking-bounce{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-input-area{background:#fbfefd;border-top:1px solid #e4efe8;align-items:center;gap:12px;padding:18px 24px;display:flex}.chat-input{color:#244b35;background:#fff;border:1px solid #d8e8de;border-radius:999px;outline:none;flex:1;height:44px;padding:0 18px;font-size:15px}.chat-input:focus{border-color:#6fbf8f;box-shadow:0 0 0 3px #6fbf8f26}.send-btn,.voice-btn,.close-session-btn{cursor:pointer;border:none;border-radius:999px;font-size:14px;font-weight:600;transition:all .2s}.send-btn{color:#fff;background:#4fa873;height:44px;padding:0 22px}.voice-btn{color:#34734f;background:#eef8f2;border:1px solid #cfe7d8;height:44px;padding:0 20px}.close-session-btn{color:#b84a4a;background:#fff1f1;padding:10px 18px}.send-btn:hover{background:#438f62}.send-btn:disabled,.chat-input:disabled{cursor:not-allowed;opacity:.6}.voice-btn:hover{background:#dff1e6}.close-session-btn:hover{background:#ffe3e3}*{box-sizing:border-box}.profile-page{color:#183f32;background:radial-gradient(circle at 0 0,#59b78421,#0000 34%),linear-gradient(135deg,#eef8f2 0%,#f8fcfa 50%,#edf7f0 100%);justify-content:center;align-items:center;height:100vh;min-height:100vh;padding:28px 20px;display:flex;overflow:hidden}.profile-card{background:#fffffff5;border:1px solid #4da6753d;border-radius:26px;flex-direction:column;width:min(760px,100%);height:min(880px,100vh - 56px);display:flex;overflow:hidden;box-shadow:0 22px 55px #1f5b411f,0 8px 22px #1f5b410f}.profile-header{border-bottom:1px solid #e5efe9;flex-shrink:0;padding:34px 42px 24px}.profile-header h2{color:#174936;letter-spacing:-.8px;margin:0;font-size:32px;line-height:1.2}.profile-header .subtitle{color:#718b80;margin:10px 0 0;font-size:15px;line-height:1.6}.profile-form-scroll{scrollbar-width:thin;scrollbar-color:#bad9c7 transparent;flex:1;min-height:0;padding:28px 42px 18px;overflow:hidden auto}.profile-form-scroll::-webkit-scrollbar{width:7px}.profile-form-scroll::-webkit-scrollbar-track{background:0 0}.profile-form-scroll::-webkit-scrollbar-thumb{background:#c3ddce;border-radius:999px}.profile-form-scroll::-webkit-scrollbar-thumb:hover{background:#9fc8b1}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:8px}.form-group label{color:#285d48;margin-bottom:9px;font-size:15px;font-weight:700;display:block}.form-group input,.form-group select{color:#193f32;background:#fbfdfc;border:1px solid #cfe2d7;border-radius:14px;outline:none;width:100%;height:54px;padding:0 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input::placeholder{color:#a2b4ac}.form-group input:hover:not(:disabled),.form-group select:hover:not(:disabled){border-color:#9fcbb2}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#55aa7c;box-shadow:0 0 0 4px #4ea9771f}.form-group input:disabled,.form-group select:disabled{color:#8ba097;cursor:not-allowed;background:#f2f6f4}.profile-footer{background:#fffffffa;border-top:1px solid #e5efe9;flex-shrink:0;padding:20px 42px 28px;box-shadow:0 -8px 20px #2e634b0a}.button-group{gap:12px;display:flex}.save-btn,.back-btn{cursor:pointer;border-radius:14px;min-height:50px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s,opacity .2s}.save-btn{color:#fff;background:linear-gradient(135deg,#53b77e,#3d9868);border:none;flex:1.6;box-shadow:0 10px 22px #3a946338}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 26px #3a94634a}.back-btn{color:#3a7058;background:#f1f8f4;border:1px solid #d3e5da;flex:1}.back-btn:hover:not(:disabled){background:#e7f3ec;transform:translateY(-1px)}.save-btn:disabled,.back-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.message{color:#347055;background:#eff8f2;border:1px solid #d4e8dc;border-radius:11px;margin:0 0 14px;padding:11px 14px;font-size:13px;line-height:1.5}.profile-appearance-card{background:linear-gradient(135deg,#f4fbf7,#fbfefc);border:1px solid #d8e9df;border-radius:18px;margin-bottom:26px;padding:18px}.profile-avatar-list{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.profile-avatar-option{cursor:pointer;background:#fff;border:2px solid #d4e6db;border-radius:50%;width:76px;height:76px;padding:10px;transition:transform .2s,border-color .2s,box-shadow .2s}.profile-avatar-option img{object-fit:contain;width:100%;height:100%}.profile-avatar-option:hover:not(:disabled){border-color:#7fbd96;transform:translateY(-2px)}.profile-avatar-selected{border-color:#4fa873;box-shadow:0 0 0 4px #4fa87324}.profile-motto-field{margin-bottom:0;position:relative}.profile-motto-field textarea{resize:vertical;color:#193f32;width:100%;min-height:104px;font:inherit;background:#fff;border:1px solid #cfe2d7;border-radius:14px;outline:none;padding:14px 16px;line-height:1.55}.profile-motto-field textarea:focus{border-color:#55aa7c;box-shadow:0 0 0 4px #4ea9771f}.profile-character-count{text-align:right;color:#82998f;margin-top:7px;font-size:12px;display:block}@media (width<=650px){.profile-page{align-items:stretch;padding:0}.profile-card{border:none;border-radius:0;width:100%;height:100vh;max-height:none}.profile-header{padding:26px 22px 20px}.profile-header h2{font-size:27px}.profile-form-scroll{padding:24px 22px 16px}.profile-footer{padding:16px 22px 22px}.button-group{flex-direction:column}.save-btn,.back-btn{flex:none;width:100%}}.verify-email-page{box-sizing:border-box;background:linear-gradient(135deg,#eef8f2 0%,#f8fcfa 50%,#edf7f0 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.verify-email-card{box-sizing:border-box;text-align:center;background:#fffffff5;border:1px solid #448e601a;border-radius:20px;width:100%;max-width:440px;padding:44px 40px;box-shadow:0 10px 30px #2a5b3d17}.verify-email-icon{color:#3f9662;background:#e8f6ed;border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;margin:0 auto 24px;font-size:36px;line-height:1;display:flex}.verify-email-card h2{color:#263a2e;margin:0 0 12px;font-size:28px;font-weight:700}.verify-email-subtitle{color:#66736b;margin:0 0 22px;font-size:15px;line-height:1.6}.verify-email-address{box-sizing:border-box;overflow-wrap:anywhere;color:#35724e;background:#f2f9f4;border:1px solid #dceee2;border-radius:12px;width:100%;margin-bottom:20px;padding:14px 16px;font-size:15px;font-weight:600}.verify-email-message{color:#526158;margin:0 0 18px;font-size:14px;line-height:1.6}.verify-email-waiting{box-sizing:border-box;color:#4f6758;background:#f6faf7;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:46px;margin-bottom:18px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.verify-email-spinner{border:2px solid #cce5d4;border-top-color:#459968;border-radius:50%;flex-shrink:0;width:17px;height:17px;animation:.8s linear infinite verify-email-spin}@keyframes verify-email-spin{to{transform:rotate(360deg)}}.verify-email-tip{color:#7a867e;margin:0 0 26px;font-size:13px;line-height:1.6}.verify-email-back-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4fa56f,#3f9361);border:none;border-radius:12px;width:100%;padding:13px 18px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 6px 16px #3f936133}.verify-email-back-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #3f936142}.verify-email-back-btn:active{transform:translateY(0)}.verify-email-back-btn:focus-visible{outline-offset:3px;outline:3px solid #4fa56f40}@media (width<=520px){.verify-email-page{padding:16px}.verify-email-card{border-radius:18px;padding:36px 24px}.verify-email-card h2{font-size:25px}}.auth-card h2{color:#244b35;text-align:center;margin:0}.form-group input{border:1px solid #d8e8de;border-radius:14px;outline:none;height:46px;padding:0 14px;font-size:15px;transition:all .2s}.button-group{flex-direction:column;gap:12px;margin-top:28px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#4fa873;border:none;border-radius:999px;height:48px;font-size:15px;font-weight:600;transition:all .2s}.secondary-btn{color:#356d4b;cursor:pointer;background:#eef7f2;border:none;border-radius:999px;height:48px;transition:all .2s}.secondary-btn:hover{background:#ddeee4}.register-card{background:#fffffff0;border-radius:24px;width:100%;max-width:860px;padding:38px;box-shadow:0 10px 30px #2d5a411f}.register-card h2{text-align:center;color:#244b35;margin:0;font-size:28px}.subtitle{text-align:center;color:#7b9084;margin:10px 0 30px}.section-title{color:#325d46;margin-bottom:18px;font-size:16px;font-weight:700}.section-divider{background:#e3eee7;height:1px;margin:28px 0}.register-grid{grid-template-columns:1fr 1fr;gap:20px 24px;display:grid}.form-group{flex-direction:column;display:flex}.form-group input,.form-group select{color:#244b35;background:#fff;border:1px solid #d8e8de;border-radius:14px;outline:none;height:46px;padding:0 14px;font-size:15px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#63b37d;box-shadow:0 0 0 3px #63b37d2e}.primary-btn{color:#fff;cursor:pointer;background:#4fa873;border:none;border-radius:999px;width:100%;height:50px;margin-top:32px;font-size:16px;font-weight:700;transition:all .2s}.primary-btn:hover{background:#438f62}.primary-btn:disabled{opacity:.65;cursor:not-allowed}.message{text-align:center;color:#4fa873;margin-top:18px;font-weight:600}.avatar-picker{flex-wrap:wrap;gap:14px;margin-bottom:22px;display:flex}.avatar-option{cursor:pointer;background:#f5fbf7;border:2px solid #d7e8de;border-radius:50%;width:76px;height:76px;padding:10px;transition:transform .2s,border-color .2s,box-shadow .2s}.avatar-option img{object-fit:contain;width:100%;height:100%}.avatar-option:hover:not(:disabled){border-color:#7fbd96;transform:translateY(-2px)}.avatar-option-selected{border-color:#4fa873;box-shadow:0 0 0 4px #4fa87324}.motto-field{position:relative}.motto-field textarea{resize:vertical;color:#244b35;width:100%;min-height:100px;font:inherit;background:#fbfdfc;border:1px solid #cfe2d7;border-radius:12px;padding:14px}.motto-field textarea:focus{border-color:#58a978;outline:none;box-shadow:0 0 0 4px #58a9781f}.character-count{text-align:right;color:#7c9689;margin-top:6px;font-size:12px;display:block}@media (width<=700px){.register-card{padding:28px}.register-grid{grid-template-columns:1fr}}.auth-page{box-sizing:border-box;background:linear-gradient(135deg,#eef8f2,#f8fcfa,#edf7f0);justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.auth-card{background:#fffffff0;border-radius:24px;width:100%;max-width:430px;padding:36px;box-shadow:0 10px 30px #2d5a411f}.auth-card h2{text-align:center;color:#244b35;margin:0;font-size:28px}.subtitle{text-align:center;color:#7b9084;margin:12px 0 28px;font-size:14px;line-height:1.5}.form-group{flex-direction:column;margin-bottom:24px;display:flex}.form-group label{color:#325d46;margin-bottom:8px;font-weight:600}.form-group input{color:#244b35;background:#fff;border:1px solid #d8e8de;border-radius:14px;outline:none;height:46px;padding:0 14px;font-size:15px;transition:all .2s}.form-group input:focus{border-color:#63b37d;box-shadow:0 0 0 3px #63b37d2e}.button-group{flex-direction:column;gap:14px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:999px;height:48px;font-size:15px;font-weight:600;transition:all .2s}.primary-btn{color:#fff;background:#4fa873}.primary-btn:hover:not(:disabled){background:#438f62}.secondary-btn{color:#356d4b;background:#eef7f2}.secondary-btn:hover:not(:disabled){background:#ddeee4}.primary-btn:disabled,.secondary-btn:disabled,.form-group input:disabled{opacity:.6;cursor:not-allowed}.message{text-align:center;color:#4fa873;margin-top:22px;font-weight:600;line-height:1.5}.verify-page{background:linear-gradient(135deg,#eef8f2,#f8fcfa,#edf7f0);justify-content:center;align-items:center;min-height:100vh;display:flex}.verify-card{text-align:center;background:#fff;border-radius:20px;width:430px;padding:45px;box-shadow:0 10px 30px #00000014}.verify-icon{border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 24px;font-size:42px;font-weight:700;display:flex}.verify-icon.success{color:#2fa45b;background:#e9f8ef}.verify-icon.error{color:#d94a4a;background:#fdecec}.verify-card h2{color:#2d3748;margin-bottom:16px}.verify-title{color:#333;margin-bottom:12px;font-size:18px;font-weight:600}.verify-message{color:#666;margin-bottom:28px;line-height:1.6}.verify-btn{cursor:pointer;color:#fff;background:#4caf73;border:none;border-radius:12px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:all .2s}.verify-btn:hover{background:#3f9d65}.comment-page{background:linear-gradient(145deg,#eef7f2 0%,#f8fbf9 55%,#e9f3ef 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.comment-card{background:#fff;border:1px solid #d8e8e0;border-radius:22px;width:min(100%,560px);padding:34px;box-shadow:0 20px 50px #2e53431f}.comment-header span{color:#287557;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.comment-header h1{color:#173d30;margin:8px 0 10px;font-size:clamp(28px,5vw,38px)}.comment-header p{color:#647c72;margin:0 0 28px;line-height:1.6}.block-choice{border:0;gap:12px;margin:0;padding:0;display:grid}.block-choice legend{color:#24483a;margin-bottom:12px;font-weight:700}.block-choice label{color:#49675b;cursor:pointer;border:1px solid #dce9e3;border-radius:12px;align-items:center;gap:12px;padding:15px 16px;display:flex}.block-choice label.selected{color:#1f5942;background:#f0f8f4;border-color:#4b9a79}.reason-field{margin-top:22px}.reason-field label{color:#24483a;margin-bottom:8px;font-weight:700;display:block}.reason-field textarea{box-sizing:border-box;resize:vertical;color:#24483a;width:100%;font:inherit;border:1px solid #cadfd5;border-radius:12px;padding:13px 14px}.reason-field textarea:focus{border-color:#3d8b6b;outline:3px solid #3d8b6b21}.reason-field span{color:#82998f;text-align:right;margin-top:6px;font-size:12px;display:block}.comment-error{color:#a33b3b;background:#fff0f0;border-radius:10px;margin-top:18px;padding:11px 13px}.comment-submit{color:#fff;width:100%;font:inherit;cursor:pointer;background:#287557;border:0;border-radius:12px;margin-top:24px;padding:14px 18px;font-weight:700}.comment-submit:hover:not(:disabled){background:#1f6248}.comment-submit:disabled{cursor:wait;opacity:.65}@media (width<=600px){.comment-page{padding:14px}.comment-card{padding:24px 20px}}.blacklist-page{box-sizing:border-box;background:linear-gradient(135deg,#eef8f2 0%,#f8fcfa 45%,#edf7f0 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:60px 24px;display:flex}.blacklist-card{box-sizing:border-box;background:#fff;border-radius:20px;width:100%;max-width:720px;padding:40px;box-shadow:0 10px 30px #2f5e4e14}.blacklist-header{flex-direction:column;gap:30px;display:flex}.blacklist-back-button{cursor:pointer;color:#56796b;width:fit-content;font:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:600;transition:color .2s;display:inline-flex}.blacklist-back-button:hover{color:#2f5e4e}.blacklist-back-button span{font-size:20px;line-height:1}.blacklist-heading{align-items:center;gap:16px;display:flex}.blacklist-icon{color:#c15a5a;background:#fff1f1;border-radius:16px;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:29px;font-weight:600;display:grid}.blacklist-heading h1{color:#2f5e4e;margin:0;font-size:30px;line-height:1.2}.blacklist-heading p{color:#6f8c80;margin:8px 0 0;font-size:15px}.blacklist-divider{background:#e7efea;height:1px;margin:28px 0}.blacklist-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.blacklist-item{background:#fbfefc;border:1px solid #dce9e1;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:18px;transition:border-color .2s,box-shadow .2s;display:flex}.blacklist-item:hover{border-color:#b7d4c1;box-shadow:0 7px 20px #2f5e4e12}.blacklist-user{align-items:center;gap:14px;min-width:0;display:flex}.blacklist-avatar{color:#4f8b68;background:#eaf6ee;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:grid}.blacklist-user-details{min-width:0}.blacklist-user-details h2{color:#355f50;margin:0 0 6px;font-size:17px}.blacklist-user-details p{color:#789085;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.blacklist-remove-button{cursor:pointer;color:#b34545;font:inherit;background:#fff7f7;border:1px solid #dfa6a6;border-radius:11px;flex:none;padding:10px 16px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}.blacklist-remove-button:hover{background:#fceaea;border-color:#ca7d7d}.blacklist-empty{text-align:center;padding:52px 20px 40px}.blacklist-empty-icon{color:#58a978;background:#eaf6ee;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 18px;font-size:25px;font-weight:700;display:grid}.blacklist-empty h2{color:#355f50;margin:0;font-size:20px}.blacklist-empty p{color:#789085;margin:9px 0 0;font-size:14px}@media (width<=600px){.blacklist-page{padding:28px 16px}.blacklist-card{padding:26px 20px}.blacklist-heading h1{font-size:26px}.blacklist-item{flex-direction:column;align-items:stretch}.blacklist-remove-button{width:100%}}.ai-warning-page{background:linear-gradient(135deg,#eef8f2 0%,#f8fcfa 55%,#edf7f0 100%);place-items:center;min-height:100vh;padding:32px 20px;display:grid}.ai-warning-card{text-align:center;background:#fff;border:1px solid #d9e8df;border-radius:22px;width:min(100%,600px);padding:42px;box-shadow:0 18px 50px #2f5e4e1f}.ai-warning-icon{color:#9b6500;background:#fff4dc;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 20px;font-size:30px;font-weight:800;display:grid}.ai-warning-label{color:#5f8274;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}.ai-warning-card h1{color:#294f42;margin:0;font-size:clamp(26px,5vw,36px);line-height:1.2}.ai-warning-message{color:#526b61;margin:22px 0;font-size:16px;line-height:1.7}.ai-warning-emergency{color:#74551b;text-align:left;background:#fff9ed;border-left:4px solid #d49a2d;border-radius:10px;margin-bottom:26px;padding:16px;line-height:1.55}.ai-warning-actions{grid-template-columns:1fr 1.45fr;gap:12px;display:grid}.ai-warning-confirm,.ai-warning-reject{cursor:pointer;border-radius:12px;padding:14px 20px;font-size:15px;font-weight:700}.ai-warning-confirm{color:#fff;background:linear-gradient(135deg,#4f8f78,#36715d);border:0}.ai-warning-reject{color:#526b61;background:#fff;border:1px solid #cbdcd3}.ai-warning-confirm:hover{transform:translateY(-1px);box-shadow:0 8px 20px #36715d38}.ai-warning-reject:hover{background:#f2f8f4}.ai-warning-confirm:disabled,.ai-warning-reject:disabled{cursor:not-allowed;opacity:.55}.ai-warning-error{color:#b34545;margin:0 0 16px;font-size:14px}@media (width<=560px){.ai-warning-card{padding:30px 22px}.ai-warning-actions{grid-template-columns:1fr}}