.staff-edit-modal{width:800px;max-width:95vw;display:flex;flex-direction:column;padding:0;overflow:hidden}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-body{height:500px}.modal-sidebar{background:var(--bg-hover);border-right:1px solid var(--border-color)}.tab-btn{width:100%;padding:12px 20px;color:var(--text-secondary);gap:12px}.tab-btn:hover{background:rgba(255,255,255,.05);color:var(--text-primary)}.tab-btn.active{background:rgba(var(--primary-rgb),.1);color:var(--primary-color);border-right:3px solid var(--primary-color)}.tab-pane{gap:1.5rem}.form-group,.tab-pane{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-row{display:flex}.form-row .form-group{flex:1}label{font-size:.9rem;color:var(--text-secondary)}input,select{padding:10px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-dark);color:var(--text-primary)}.image-preview{width:120px;height:120px;border-radius:12px;border:2px dashed var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;background:var(--bg-dark)}.image-preview:hover{border-color:var(--primary-color)}.image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.effect-preview{width:400px;height:150px}.color-picker-wrapper{gap:10px}.permissions-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.permission-item{gap:10px;padding:10px;background:var(--bg-dark);border-radius:8px;border:1px solid var(--border-color)}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-dark);border-radius:12px;border:1px solid var(--border-color);cursor:pointer}.toggle-info{display:flex;flex-direction:column}.toggle-title{display:flex;align-items:center;gap:8px;font-weight:500}.toggle-desc{font-size:.8rem;color:var(--text-secondary);margin-top:4px}.modal-footer{border-top:1px solid var(--border-color);gap:1rem}.btn-cancel,.btn-save{padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500}.btn-cancel{background:none;border:1px solid var(--border-color);color:var(--text-primary)}.btn-save{background:var(--primary-color);color:white}.ml-4{margin-left:1rem}.info-row{padding:10px;border-bottom:1px solid var(--border-color)}.chat-input-container{background:rgba(26,26,46,.95);border-top:1px solid rgba(255,255,255,.05);padding:12px 16px}.reply-preview{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(102,126,234,.1);border-left:3px solid #667eea;border-radius:0 8px 8px 0;margin-bottom:12px}.reply-preview svg{color:#667eea;flex-shrink:0}.reply-content{flex:1;min-width:0}.reply-author{display:block;font-size:12px;font-weight:600;color:#667eea;margin-bottom:2px}.reply-text{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cancel-reply,.reply-text{color:rgba(255,255,255,.6)}.cancel-reply{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(255,255,255,.1);border:none;border-radius:50%;cursor:pointer;transition:all .2s}.cancel-reply:hover{background:rgba(255,255,255,.2);color:#fff}.emoji-picker{padding:8px;border-radius:10px;margin-bottom:10px;flex-wrap:wrap}.emoji-picker button{border-radius:6px}.chat-input-form{gap:8px}.chat-input-form,.input-btn{display:flex;align-items:center}.input-btn{justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:10px;color:rgba(255,255,255,.5);cursor:pointer;transition:all .2s;flex-shrink:0}.input-btn:hover{background:rgba(255,255,255,.1);color:#fff}.input-btn.active{color:#667eea}.input-btn.send{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.input-btn.send:hover{transform:scale(1.05);box-shadow:0 5px 20px rgba(102,126,234,.3)}.input-btn.voice.recording{background:rgba(239,68,68,.2);color:#ef4444;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.input-wrapper{min-width:0}.input-wrapper textarea{width:100%;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#fff;font-size:14px;resize:none;min-height:44px;max-height:120px;overflow-y:auto;font-family:inherit}.input-wrapper textarea:focus{outline:none;border-color:rgba(102,126,234,.5);box-shadow:0 0 0 2px rgba(102,126,234,.1)}.input-wrapper textarea::-moz-placeholder{color:rgba(255,255,255,.4)}.input-wrapper textarea::placeholder{color:rgba(255,255,255,.4)}@media (max-width:600px){.input-btn.attachment,.input-btn.image{display:none}}.message-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:4px}.date-separator{display:flex;align-items:center;justify-content:center;padding:16px 0}.date-separator span{padding:6px 16px;background:rgba(255,255,255,.05);border-radius:20px;font-size:12px;color:rgba(255,255,255,.5)}.message{align-items:flex-end;gap:8px;padding:2px 0;position:relative}.message.own{flex-direction:row-reverse}.message.with-avatar{margin-top:12px}.message-avatar{width:32px;height:32px;border-radius:50%;background:#1a1a2e;flex-shrink:0}.message:not(.with-avatar) .message-avatar{visibility:hidden}.message-content{max-width:70%;display:flex;flex-direction:column;gap:4px}.message.own .message-content{align-items:flex-end}.sender-name{font-size:12px;font-weight:600;color:#667eea;margin-left:4px}.reply-reference{display:flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(102,126,234,.1);border-left:2px solid #667eea;border-radius:0 6px 6px 0;font-size:12px;color:rgba(255,255,255,.5)}.reply-reference svg{color:#667eea}.message-bubble{padding:10px 14px;border:1px solid rgba(255,255,255,.05);border-radius:16px 16px 16px 4px;margin:0;font-size:14px;color:rgba(255,255,255,.9);line-height:1.5;word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.message.own .message-bubble{background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3));border-color:rgba(102,126,234,.2);border-radius:16px 16px 4px 16px}.message-time{font-size:10px}.message-time,.read-status{color:rgba(255,255,255,.4)}.read-status .read{color:#4ade80}.message-reactions{display:flex;gap:4px;flex-wrap:wrap}.reaction{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:12px;color:rgba(255,255,255,.7);cursor:pointer;transition:all .2s}.reaction:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.message-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.message:hover .message-actions{opacity:1}.message-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(0,0,0,.4);border:none;border-radius:6px;color:rgba(255,255,255,.6);cursor:pointer;transition:all .2s}.message-actions button:hover{background:rgba(102,126,234,.3);color:#fff}.typing-indicator{align-items:center;gap:8px;padding:8px 12px;margin-left:40px}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background:rgba(255,255,255,.5);border-radius:50%;animation:typingBounce 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.typing-text{font-size:12px;color:rgba(255,255,255,.5);font-style:italic}.context-menu{position:fixed;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;min-width:160px;z-index:1000;box-shadow:0 10px 40px rgba(0,0,0,.4)}.context-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:rgba(255,255,255,.8);font-size:13px;cursor:pointer;transition:all .2s}.context-menu button:hover{background:rgba(255,255,255,.05)}.context-reactions{display:flex;gap:4px;padding:8px;border-top:1px solid rgba(255,255,255,.05);margin-top:4px}.context-reactions button{width:auto;padding:6px;font-size:16px;justify-content:center}.context-reactions button:hover{transform:scale(1.2)}@media (max-width:600px){.message-content{max-width:85%}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);padding:20px}.error-content{text-align:center;max-width:500px}.error-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:rgba(239,68,68,.1);border:2px solid rgba(239,68,68,.3);border-radius:50%;color:#ef4444;margin-bottom:24px}.error-content h2{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px}.error-content p{font-size:16px;color:rgba(255,255,255,.6);margin:0 0 32px}.error-details{text-align:left;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:24px}.error-details summary{cursor:pointer;color:rgba(255,255,255,.6);font-size:14px;margin-bottom:12px}.error-details pre{font-size:12px;color:#f87171;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:8px 0}.error-actions{display:flex;gap:12px;justify-content:center}.error-actions button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-retry{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(102,126,234,.3)}.btn-home{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)!important;color:rgba(255,255,255,.7)}.btn-home:hover{background:rgba(255,255,255,.1);color:#fff}.global-notification-container{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;width:90%;max-width:500px;pointer-events:none}.global-notification-toast{background:rgba(30,30,30,.95);backdrop-filter:blur(10px);border-radius:12px;padding:16px;box-shadow:0 8px 32px rgba(0,0,0,.4);display:flex;align-items:flex-start;gap:16px;color:white;position:relative;overflow:hidden;animation:slideDown .3s cubic-bezier(.16,1,.3,1);pointer-events:auto;border:1px solid rgba(255,255,255,.1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.global-notification-toast h4{margin:0 0 4px;font-size:14px;font-weight:600;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.global-notification-toast p{margin:0;font-size:15px;line-height:1.4;white-space:pre-wrap}.global-notification-toast .content{flex:1}.global-notification-toast .close-btn{background:none;border:none;color:rgba(255,255,255,.5);cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.global-notification-toast .close-btn:hover{background:rgba(255,255,255,.1);color:white}.global-notification-toast.info{border-left:4px solid #3b82f6}.global-notification-toast.info .icon-wrapper{color:#3b82f6}.global-notification-toast.success{border-left:4px solid #10b981}.global-notification-toast.success .icon-wrapper{color:#10b981}.global-notification-toast.warning{border-left:4px solid #f59e0b}.global-notification-toast.warning .icon-wrapper{color:#f59e0b}.global-notification-toast.error{border-left:4px solid #ef4444}.global-notification-toast.error .icon-wrapper{color:#ef4444}.global-notification-toast .progress-bar{position:absolute;bottom:0;left:0;height:3px;background:rgba(255,255,255,.2);width:100%;animation:progress 10s linear forwards}.loading-spinner{flex-direction:column;gap:16px}.loading-spinner,.spinner{display:flex;align-items:center;justify-content:center}.spinner{position:relative}.spinner-ring{position:absolute;border-radius:50%;border:3px solid transparent;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.loading-spinner.small .spinner{width:24px;height:24px}.loading-spinner.small .spinner-ring{border-width:2px}.loading-spinner.medium .spinner{width:40px;height:40px}.loading-spinner.large .spinner{width:60px;height:60px}.loading-spinner.large .spinner-ring{border-width:4px}.loading-spinner.primary .spinner-ring:first-child{width:100%;height:100%;border-top-color:#667eea;animation-delay:-.45s}.loading-spinner.primary .spinner-ring:nth-child(2){width:80%;height:80%;border-top-color:#764ba2;animation-delay:-.3s}.loading-spinner.primary .spinner-ring:nth-child(3){width:60%;height:60%;border-top-color:#a78bfa;animation-delay:-.15s}.loading-spinner.white .spinner-ring:first-child{border-top-color:rgba(255,255,255,.9)}.loading-spinner.white .spinner-ring:nth-child(2){border-top-color:rgba(255,255,255,.6)}.loading-spinner.white .spinner-ring:nth-child(3){border-top-color:rgba(255,255,255,.3)}.loading-text{font-size:14px;color:rgba(255,255,255,.6);margin:0}.loading-fullscreen{position:fixed;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);z-index:9999}.loading-fullscreen,.loading-overlay{inset:0;display:flex;align-items:center;justify-content:center}.loading-overlay{position:absolute;background:rgba(15,15,26,.8);backdrop-filter:blur(4px);z-index:100}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card-skeleton{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden}.card-skeleton-content{padding:16px;display:flex;flex-direction:column;gap:8px}.table-skeleton-row td{padding:16px}.message-skeleton-list{display:flex;flex-direction:column;gap:16px;padding:16px}.message-skeleton{display:flex;gap:12px;align-items:flex-start}.message-skeleton.right{flex-direction:row-reverse}.message-skeleton .avatar{flex-shrink:0}.message-skeleton .message-content{display:flex;flex-direction:column;gap:6px}.message-skeleton.right .message-content{align-items:flex-end}.dm-conversation{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#1a1a2e,#16162a)}.dm-conv-header{gap:12px;padding:16px 20px;background:rgba(26,26,46,.95);border-bottom:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px)}.back-btn,.dm-conv-header{display:flex;align-items:center}.back-btn{justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.05);border:none;border-radius:10px;color:rgba(255,255,255,.7);cursor:pointer;transition:all .2s}.back-btn:hover{background:rgba(255,255,255,.1);color:#fff}.user-info{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.dm-conv-header .avatar-wrapper{position:relative}.dm-conv-header img{width:42px;height:42px;border-radius:50%;background:#1a1a2e}.dm-conv-header .status-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;border:2px solid #1a1a2e}.status-dot.online{background:#4ade80}.status-dot.offline{background:#6b7280}.user-details{display:flex;flex-direction:column}.user-details .username{font-size:15px;font-weight:600;color:#fff}.user-details .status{font-size:12px;color:rgba(255,255,255,.5)}.header-actions{display:flex;gap:4px}.header-actions button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:10px;color:rgba(255,255,255,.6);cursor:pointer;transition:all .2s}.header-actions button:hover{background:rgba(255,255,255,.1);color:#fff}.dm-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.loading{display:flex;justify-content:center;align-items:center;flex:1}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.empty-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;text-align:center}.empty-messages img{width:80px;height:80px;border-radius:50%;background:#1a1a2e}.empty-messages h3{font-size:18px;font-weight:600;color:#fff;margin:0}.empty-messages p{font-size:14px;color:rgba(255,255,255,.5);margin:0}.date-divider{display:flex;justify-content:center;margin:20px 0}.date-divider span{padding:6px 14px;background:rgba(255,255,255,.05);border-radius:20px;font-size:12px;color:rgba(255,255,255,.5)}.message{display:flex;margin-bottom:8px}.message.own{justify-content:flex-end}.message-bubble{max-width:70%;padding:12px 16px;background:rgba(255,255,255,.05);border-radius:18px 18px 18px 4px;position:relative}.message.own .message-bubble{background:linear-gradient(135deg,rgba(102,126,234,.4),rgba(118,75,162,.4));border-radius:18px 18px 4px 18px}.message.failed .message-bubble{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3)}.message-bubble p{margin:0;font-size:14px;color:rgba(255,255,255,.9);line-height:1.5;word-wrap:break-word}.message-meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px}.message-meta .time{font-size:10px;color:rgba(255,255,255,.4)}.status-icon{display:flex;align-items:center;color:rgba(255,255,255,.4)}.status-icon .read{color:#4ade80}.retry-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#f87171;cursor:pointer;padding:2px}.retry-btn:hover{color:#ef4444}.typing-indicator{display:flex;margin-bottom:8px}.typing-bubble{display:flex;gap:4px;padding:14px 18px;background:rgba(255,255,255,.05);border-radius:18px}.typing-bubble span{width:8px;height:8px;background:rgba(255,255,255,.5);border-radius:50%;animation:typing 1.4s infinite}.typing-bubble span:nth-child(2){animation-delay:.2s}.typing-bubble span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.emoji-picker{display:flex;gap:4px;padding:10px 16px;background:rgba(0,0,0,.3);border-top:1px solid rgba(255,255,255,.05)}.emoji-picker button{font-size:20px;padding:6px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.emoji-picker button:hover{background:rgba(255,255,255,.1);transform:scale(1.2)}.dm-input{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(26,26,46,.95);border-top:1px solid rgba(255,255,255,.05)}.attach-btn,.emoji-btn,.image-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:10px;color:rgba(255,255,255,.5);cursor:pointer;transition:all .2s}.attach-btn:hover,.emoji-btn:hover,.image-btn:hover{background:rgba(255,255,255,.1);color:#fff}.emoji-btn.active{color:#667eea}.input-wrapper{flex:1}.input-wrapper input{width:100%;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:24px;color:#fff;font-size:14px;outline:none;transition:all .2s}.input-wrapper input:focus{border-color:rgba(102,126,234,.5);box-shadow:0 0 0 2px rgba(102,126,234,.1)}.input-wrapper input::-moz-placeholder{color:rgba(255,255,255,.4)}.input-wrapper input::placeholder{color:rgba(255,255,255,.4)}.send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 20px rgba(102,126,234,.4)}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:600px){.message-bubble{max-width:85%}.attach-btn,.image-btn{display:none}}.user-edit-modal{width:900px;max-width:95vw!important;height:80vh;display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-header h2{font-size:1.25rem;font-weight:600;color:#111827}.modal-body{flex:1;display:flex;overflow:hidden}.modal-sidebar{width:200px;background:#f3f4f6;border-right:1px solid #e5e7eb;padding:1rem 0;display:flex;flex-direction:column}.tab-btn{display:flex;align-items:center;padding:.75rem 1.5rem;color:#4b5563;font-weight:500;border:none;background:none;cursor:pointer;transition:all .2s;text-align:left;gap:.75rem}.tab-btn:hover{background:#e5e7eb;color:#111827}.tab-btn.active{background:#fff;color:#2563eb;border-left:3px solid #2563eb;box-shadow:0 1px 2px rgba(0,0,0,.05)}.modal-content{padding:2rem}.tab-pane{max-width:600px}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.875rem;color:#374151;margin-bottom:.5rem}.form-group input[type=datetime-local],.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group select{width:100%;padding:.625rem;border:1px solid #9ca3af!important;border-radius:.5rem;font-size:.95rem;transition:border-color .2s;background-color:#ffffff!important;color:#111827!important}.user-edit-modal .text-xs{color:#6b7280!important}.form-group input:disabled,.form-group select:disabled{background-color:#f3f4f6!important;color:#4b5563!important;cursor:not-allowed;opacity:1!important}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.color-picker-wrapper{display:flex;align-items:center;gap:1rem}.color-picker-wrapper input[type=color]{width:50px;height:40px;padding:0;border:none;background:none;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.section-title{font-size:1rem;font-weight:600;color:#111827;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.permission-item:hover{background:#f9fafb;border-color:#d1d5db}.permission-item input[type=checkbox]{width:1.125rem;height:1.125rem;border-radius:.25rem;border-color:#d1d5db;color:#2563eb}.permission-item span{font-size:.9rem;color:#4b5563}.info-box{background:#eff6ff;border:1px solid #dbeafe;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:#1e40af;font-size:.9rem;line-height:1.5}.info-row{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #e5e7eb}.info-row .label{font-weight:500;color:#6b7280}.info-row .value{color:#111827;font-weight:500}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;justify-content:space-between;align-items:center}.btn-delete{color:#dc2626;background:none;border:none;font-weight:500;cursor:pointer}.btn-delete:hover{text-decoration:underline}.btn-save{background:#2563eb;padding:.625rem 1.5rem;border-radius:.5rem;font-weight:500;transition:background .2s}.btn-save:hover{background:#1d4ed8}.btn-save:disabled{opacity:.7;cursor:not-allowed}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;border-radius:24px;border:1px solid #d1d5db}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:white;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.1)}input:checked+.slider{background-color:#2563eb;border-color:#2563eb}input:checked+.slider:before{transform:translateX(20px)}input:focus+.slider{box-shadow:0 0 1px #2563eb}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#f9fafb}.switch-label{font-size:.95rem;font-weight:500;color:#374151}.permission-item{justify-content:space-between;gap:.75rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s;background:white}.perm-label,.permission-item{display:flex;align-items:center}.perm-label{flex-wrap:wrap;gap:.5rem;flex:1}.source-badge{font-size:.7rem;padding:.1rem .4rem;border-radius:.25rem;font-weight:600;white-space:nowrap}.source-badge.rank{background-color:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.source-badge.personal{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.user-context-menu{position:fixed;z-index:1000;background:rgba(17,17,17,.95);border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:180px;box-shadow:0 8px 32px rgba(0,0,0,.5);backdrop-filter:blur(20px);overflow:hidden;animation:contextMenuIn .15s ease-out}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600;color:#fff}.context-menu-header .close-btn{background:none;border:none;color:rgba(255,255,255,.5);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.context-menu-header .close-btn:hover{background:rgba(255,255,255,.1);color:#fff}.context-menu-items{padding:6px}.context-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;color:rgba(255,255,255,.8);font-size:13px;cursor:pointer;border-radius:8px;transition:all .2s;text-align:left}.context-item:hover{background:rgba(255,255,255,.1);color:#fff}.context-item.warning:hover{background:rgba(234,179,8,.2);color:#fbbf24}.context-item.danger:hover{background:rgba(239,68,68,.2);color:#f87171}.context-item.special:hover{background:rgba(139,92,246,.2);color:#a78bfa}.status-selector{position:relative}.status-trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s}.status-trigger:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.status-trigger .rotate{transform:rotate(180deg)}.status-icon{font-size:10px}.status-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:rgba(17,17,17,.95);border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:160px;max-height:300px;overflow-y:auto;padding:6px;box-shadow:0 8px 32px rgba(0,0,0,.5);backdrop-filter:blur(20px);z-index:100;animation:dropdownIn .15s ease-out}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.status-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:rgba(255,255,255,.8);font-size:13px;cursor:pointer;border-radius:8px;transition:all .2s;text-align:left}.status-option:hover{background:rgba(255,255,255,.1);color:#fff}.status-option.active{background:rgba(139,92,246,.2);color:#a78bfa}.message-mod-btn{opacity:0;padding:4px;background:rgba(239,68,68,.2);border:none;border-radius:4px;color:#f87171;cursor:pointer;transition:all .2s}.message-item:hover .message-mod-btn{opacity:1}.message-mod-btn:hover{background:rgba(239,68,68,.4)}.mod-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:4px;font-size:9px;font-weight:600;color:#fff;text-transform:uppercase}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:9999;max-width:400px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);animation:slideIn .3s ease-out;pointer-events:auto;position:relative;overflow:hidden}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast-success .toast-icon{color:#4ade80}.toast-success{border-left:3px solid #4ade80}.toast-error .toast-icon{color:#f87171}.toast-error{border-left:3px solid #f87171}.toast-warning .toast-icon{color:#fbbf24}.toast-warning{border-left:3px solid #fbbf24}.toast-info .toast-icon{color:#60a5fa}.toast-info{border-left:3px solid #60a5fa}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-content{flex:1;min-width:0}.toast-title{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}.toast-message{margin:0;font-size:13px;color:rgba(255,255,255,.7);line-height:1.4}.toast-action{margin-top:8px;padding:6px 12px;background:rgba(255,255,255,.1);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.toast-action:hover{background:rgba(255,255,255,.2)}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:6px;color:rgba(255,255,255,.4);cursor:pointer;transition:all .2s}.toast-close:hover{background:rgba(255,255,255,.1);color:#fff}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);animation:progress linear forwards}@keyframes progress{0%{width:100%}to{width:0}}@media (max-width:480px){.toast-container{top:auto;bottom:20px;right:10px;left:10px;max-width:none}.toast{width:100%}}.profile-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.profile-modal{background:linear-gradient(180deg,#1a1a2e,#16162a);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.modal-header h2{font-size:20px;font-weight:700;color:#fff;margin:0}.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.05);border:none;border-radius:10px;color:rgba(255,255,255,.6);cursor:pointer;transition:all .2s}.close-btn:hover{background:rgba(255,255,255,.1);color:#fff}.modal-tabs{display:flex;gap:4px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto}.modal-tabs .tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:10px;color:rgba(255,255,255,.5);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.modal-tabs .tab:hover{background:rgba(255,255,255,.05);color:rgba(255,255,255,.8)}.modal-tabs .tab.active{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));color:#fff}.modal-content{flex:1;padding:24px;overflow-y:auto}.tab-content h3{font-size:14px;font-weight:600;color:rgba(255,255,255,.7);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.tab-description{font-size:13px;color:rgba(255,255,255,.4);margin:-8px 0 16px}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.avatar-option{position:relative;padding:0;background:rgba(255,255,255,.03);border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;aspect-ratio:1;overflow:hidden}.avatar-option img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-option:hover{border-color:rgba(102,126,234,.5);transform:scale(1.05)}.avatar-option.selected{border-color:#667eea;box-shadow:0 0 20px rgba(102,126,234,.3)}.selected-check{position:absolute;bottom:4px;right:4px;width:20px;height:20px;background:#667eea;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.nick-styles{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.nick-style-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(255,255,255,.03);border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s}.nick-style-option:hover{border-color:rgba(102,126,234,.5)}.nick-style-option.selected{border-color:#667eea;background:rgba(102,126,234,.1)}.nick-style-option.vip{border-color:rgba(234,179,8,.3)}.style-preview{font-size:16px;color:#fff}.style-label{display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.6)}.vip-icon{color:#fbbf24}.color-picker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.color-option{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-radius:50%;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 15px rgba(255,255,255,.3)}.nick-preview{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(0,0,0,.3);border-radius:10px}.nick-preview span:first-child{font-size:13px;color:rgba(255,255,255,.5)}.preview-nick{font-size:18px;font-weight:600}.effects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.effect-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:rgba(255,255,255,.03);border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s}.effect-option:hover{border-color:rgba(102,126,234,.5);transform:translateY(-2px)}.effect-option.selected{border-color:#667eea;background:rgba(102,126,234,.1)}.effect-option.vip{border-color:rgba(234,179,8,.3)}.effect-icon{font-size:28px}.effect-label{display:flex;align-items:center;gap:4px;font-size:12px;color:rgba(255,255,255,.7)}.tab-content textarea{width:100%;min-height:120px;padding:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;resize:vertical}.tab-content textarea:focus{outline:none;border-color:rgba(102,126,234,.5)}.char-count{margin-top:8px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.05)}.btn-cancel{padding:12px 24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:rgba(255,255,255,.7);font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:rgba(255,255,255,.1);color:#fff}.btn-save{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(102,126,234,.3)}@media (max-width:600px){.avatar-grid{grid-template-columns:repeat(4,1fr)}.effects-grid{grid-template-columns:repeat(2,1fr)}}.install-banner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,rgba(26,26,46,.98),rgba(22,22,42,.98));border:1px solid rgba(102,126,234,.3);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.4);z-index:9999;animation:slideUp .3s ease-out;max-width:calc(100% - 40px)}@keyframes slideUp{0%{transform:translateX(-50%) translateY(100px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.install-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.install-content h4{font-size:14px;font-weight:600;color:#fff;margin:0 0 2px}.install-content p{font-size:12px;color:rgba(255,255,255,.6);margin:0}.install-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.install-btn:hover{transform:scale(1.05)}.dismiss-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:rgba(255,255,255,.4);cursor:pointer;transition:all .2s}.dismiss-btn:hover{background:rgba(255,255,255,.1);color:#fff}.ios-guide-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.ios-guide-modal{width:100%;max-width:360px;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;position:relative}.ios-guide-modal .close-btn{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:rgba(255,255,255,.5);cursor:pointer}.ios-guide-modal h3{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:#fff;margin:0 0 24px}.ios-guide-modal h3 svg{color:#667eea}.steps{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.step{display:flex;align-items:flex-start;gap:12px}.step-number{justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;font-weight:600;color:#fff;flex-shrink:0}.step-content,.step-number{display:flex;align-items:center;font-size:14px}.step-content{gap:8px;padding-top:4px;color:rgba(255,255,255,.8)}.step-content svg{color:#667eea}.got-it-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.got-it-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(102,126,234,.3)}@media (max-width:480px){.install-banner{bottom:10px;left:10px;right:10px;transform:none;max-width:none}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.install-content{flex:1;min-width:0}.install-content p{display:none}}@keyframes gift-pop-in{0%{opacity:0;transform:scale(.5) translateY(50px)}50%{opacity:1;transform:scale(1.1) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes gift-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes gift-fade-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.8) translateY(-30px)}}.animate-gift-pop{animation:gift-pop-in .6s cubic-bezier(.34,1.56,.64,1) forwards}.animate-gift-pop.gift-active{animation:gift-pulse 2s ease-in-out infinite}.animate-gift-pop.gift-removing{animation:gift-fade-out .4s ease-out forwards}.gift-glow{filter:drop-shadow(0 0 20px rgba(255,215,0,.6))}@keyframes text-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gift-text{animation:text-slide-up .8s ease-out .3s both}.jitsi-room{display:flex;flex-direction:column;height:100%;background:var(--bg-primary,#1a1a2e);border-radius:12px;overflow:hidden}.jitsi-room-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));border-bottom:1px solid rgba(255,255,255,.1)}.channel-info{display:flex;align-items:center;gap:12px}.channel-name{font-weight:600;color:#fff;font-size:14px}.participant-count{display:flex;align-items:center;gap:4px;font-size:12px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.1);padding:4px 8px;border-radius:12px}.jitsi-container{flex:1;min-height:300px;position:relative}.jitsi-container iframe{border:none;border-radius:0}.jitsi-controls{gap:12px;padding:16px;background:rgba(0,0,0,.5);backdrop-filter:blur(10px)}.control-btn,.jitsi-controls{display:flex;align-items:center;justify-content:center}.control-btn{width:48px;height:48px;border:none;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .2s ease}.control-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.control-btn.muted{background:rgba(239,68,68,.3);color:#ef4444}.control-btn.muted:hover{background:rgba(239,68,68,.4)}.control-btn.leave-btn{background:linear-gradient(135deg,#ef4444,#dc2626);width:56px;height:56px}.control-btn.leave-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.jitsi-room-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;background:var(--bg-primary,#1a1a2e);color:rgba(255,255,255,.7);gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.jitsi-controls{gap:8px;padding:12px}.control-btn{width:44px;height:44px}.control-btn.leave-btn{width:52px;height:52px}}.admin-layout{display:flex;min-height:100vh;background:hsl(var(--background));color:hsl(var(--foreground))}.admin-sidebar{display:flex;flex-direction:column;background:hsl(var(--card));border-right:1px solid hsl(var(--border));transition:width .3s ease;z-index:100;box-shadow:1px 0 10px rgba(0,0,0,.05)}.admin-sidebar.open{width:260px}.admin-sidebar.closed{width:70px}.sidebar-header{justify-content:space-between;padding:20px 16px;border-bottom:1px solid hsl(var(--border))}.logo,.sidebar-header{display:flex;align-items:center}.logo{gap:12px}.logo-icon{font-size:24px}.logo-text{font-size:18px;font-weight:700;background:linear-gradient(135deg,hsl(var(--primary)),#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:8px;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s}.sidebar-toggle:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:hsl(var(--muted-foreground));text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.nav-item:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.nav-item.active{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));color:hsl(var(--primary));border:1px solid rgba(102,126,234,.2)}.sidebar-footer{padding:16px 12px;border-top:1px solid hsl(var(--border))}.logout-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive)/.2);border-radius:10px;color:hsl(var(--destructive));font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.logout-btn:hover{background:hsl(var(--destructive)/.2)}.admin-content{flex:1;display:flex;flex-direction:column;min-width:0}.admin-topbar{justify-content:space-between;padding:16px 24px;background:hsl(var(--background)/.8);backdrop-filter:blur(10px);border-bottom:1px solid hsl(var(--border));box-shadow:0 1px 2px rgba(0,0,0,.05)}.admin-topbar,.topbar-search{display:flex;align-items:center}.topbar-search{gap:12px;padding:10px 16px;background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:10px;min-width:300px}.topbar-search input{flex:1;background:transparent;border:none;outline:none;color:hsl(var(--foreground));font-size:14px}.topbar-search input::-moz-placeholder{color:hsl(var(--muted-foreground))}.topbar-search input::placeholder{color:hsl(var(--muted-foreground))}.topbar-search svg{color:hsl(var(--muted-foreground))}.topbar-actions{gap:16px}.topbar-actions,.topbar-btn{display:flex;align-items:center}.topbar-btn{justify-content:center;width:40px;height:40px;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:10px;color:hsl(var(--muted-foreground));cursor:pointer;position:relative;transition:all .2s}.topbar-btn:hover{background:hsl(var(--accent));color:hsl(var(--foreground));border-color:hsl(var(--border))}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:9px;font-size:11px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 4px rgba(239,68,68,.2)}.admin-profile{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:30px;cursor:pointer;transition:all .2s}.admin-profile:hover{border-color:hsl(var(--border));background:hsl(var(--accent))}.admin-profile .admin-profile-avatar{width:32px;height:32px;background:hsl(var(--secondary))}.admin-profile span{font-size:14px;font-weight:500;color:hsl(var(--foreground))}.profile-dropdown-container{position:relative}.profile-menu{position:absolute;top:calc(100% + 8px);right:0;width:180px;background:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:8px;z-index:1000;display:flex;flex-direction:column;gap:4px}.profile-menu button{display:flex;align-items:center;gap:10px;padding:10px 12px;background:none;border:none;border-radius:8px;color:hsl(var(--muted-foreground));font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:all .2s}.profile-menu button:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.profile-menu button.logout{color:hsl(var(--destructive))}.profile-menu button.logout:hover{background:hsl(var(--destructive)/.1)}.admin-main{flex:1;padding:24px;overflow-y:auto}@media (max-width:1024px){.admin-sidebar.open{width:220px}}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1001;transform:translateX(-100%);transition:transform .3s ease;width:280px!important}.admin-sidebar.open{transform:translateX(0)}.admin-sidebar.closed{transform:translateX(-100%)}.admin-topbar{padding:12px 16px}.admin-main{padding:16px}.topbar-left{display:flex;align-items:center}}@media (max-width:480px){.admin-profile span{display:none}.admin-topbar{gap:10px}}.settings-page{height:var(--app-height,100vh);max-height:var(--app-height,100vh);overflow:hidden;background:linear-gradient(180deg,#1a1a2e,#16162a);color:#fff;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.settings-header{display:flex;align-items:center;gap:16px;padding:calc(16px + env(safe-area-inset-top, 0)) 20px 16px;background:rgba(26,26,46,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:40}@media (max-width:768px){.settings-header{padding:calc(12px + env(safe-area-inset-top, 0)) 16px 12px;gap:12px}.settings-header h1{font-size:18px}.settings-header .back-btn{width:32px;height:32px}}.settings-header .back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.05);border:none;border-radius:50%;color:rgba(255,255,255,.8);cursor:pointer;transition:all .2s}.settings-header .back-btn:hover{background:rgba(255,255,255,.1);color:#fff}.settings-header h1{font-size:20px;font-weight:600;margin:0}.settings-container{display:flex;max-width:1000px;margin:0 auto;height:calc(var(--app-height, 100vh) - 69px);max-height:calc(var(--app-height, 100vh) - 69px);overflow:hidden}@media (max-width:768px){.settings-container{flex-direction:column;height:calc(var(--app-height, 100vh) - 60px);max-height:calc(var(--app-height, 100vh) - 60px);overflow:hidden}}.settings-nav{width:260px;padding:20px;border-right:1px solid rgba(255,255,255,.05);flex-shrink:0}@media (max-width:768px){.settings-nav{width:100%;padding:16px;border-right:none;border-bottom:1px solid rgba(255,255,255,.05);display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}}.settings-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:12px;color:rgba(255,255,255,.7);font-size:14px;cursor:pointer;transition:all .2s;text-align:left}.settings-nav-item:hover{background:rgba(255,255,255,.05);color:#fff}.settings-nav-item.active{background:rgba(102,126,234,.15);color:#667eea}.settings-nav-item .chevron{margin-left:auto;opacity:0;transition:opacity .2s}.settings-nav-item.active .chevron,.settings-nav-item:hover .chevron{opacity:1}.settings-nav-item.danger{color:#f87171}.settings-nav-item.danger:hover{background:rgba(239,68,68,.1)}.nav-divider{height:1px;background:rgba(255,255,255,.05);margin:16px 0}.settings-content{flex:1;padding:24px;overflow-y:auto}.settings-section{max-width:600px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:500;color:rgba(255,255,255,.6);margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:10px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:rgba(102,126,234,.5)}.form-group textarea{resize:vertical}.char-count{display:block;text-align:right;font-size:12px;color:rgba(255,255,255,.4);margin-top:4px}.settings-profile-card{display:flex;align-items:center;gap:20px;padding:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;margin-bottom:24px}.settings-avatar-area{cursor:pointer;flex-shrink:0}.settings-avatar-img,.settings-avatar-wrapper{width:80px;height:80px}.settings-avatar-img{border:2px solid rgba(255,255,255,.1)}.settings-avatar-frame{width:96px;height:96px;-o-object-fit:contain;object-fit:contain}.settings-avatar-edit{bottom:0;right:0;width:28px;height:28px;background:rgba(102,126,234,.9);color:#fff;transition:transform .2s}.settings-avatar-area:hover .settings-avatar-edit{transform:scale(1.1)}.settings-status-dot{bottom:2px;left:2px;width:14px;height:14px;border:2px solid #1a1a2e}.settings-profile-info{min-width:0}.settings-profile-name{font-size:20px;font-weight:700;margin:0 0 4px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-flash-nick{height:28px;max-width:200px;margin-bottom:4px}.settings-rank-display{margin-bottom:8px}.settings-rank-symbol{line-height:1}.settings-rank-badge{display:inline-block;padding:2px 10px;border-radius:20px;background:rgba(102,126,234,.15);color:#667eea;border:1px solid rgba(102,126,234,.3)}.settings-status-trigger{display:inline-flex;gap:6px;padding:4px 12px;border:1px solid rgba(255,255,255,.08);border-radius:20px;color:rgba(255,255,255,.8);font-size:13px;transition:all .2s}.settings-status-trigger:hover{background:rgba(255,255,255,.08)}.settings-status-chevron{transition:transform .2s}.settings-status-dropdown{top:calc(100% + 6px);background:#1e1e3a;border-radius:12px;padding:6px;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.4)}.settings-status-option{border-radius:8px;color:rgba(255,255,255,.8);font-size:13px;transition:background .15s}.settings-status-option:hover{background:rgba(255,255,255,.06)}.settings-status-option.active{background:rgba(102,126,234,.12);color:#fff}.settings-register-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border:1px solid rgba(102,126,234,.3);border-radius:12px;color:#667eea;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .2s}.settings-register-btn:hover{background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.25))}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.04)}.setting-item:last-child{border-bottom:none}.setting-info{display:flex;align-items:flex-start;gap:12px;color:rgba(255,255,255,.5)}.setting-info>div{display:flex;flex-direction:column}.setting-label{font-size:14px;font-weight:500;color:rgba(255,255,255,.9)}.setting-desc{font-size:12px;color:rgba(255,255,255,.4);margin-top:2px}.setting-item-block{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.04)}.setting-item-block .setting-info{margin-bottom:12px}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;cursor:pointer;inset:0;background:rgba(255,255,255,.1);border-radius:24px;transition:all .3s}.toggle .slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .3s}.toggle input:checked+.slider{background:#667eea}.toggle input:checked+.slider:before{transform:translateX(20px)}.divider{height:1px;background:rgba(255,255,255,.06);margin:8px 0}.font-size-control{margin-bottom:12px}.font-size-value{display:block;text-align:center;font-size:14px;font-weight:600;color:#667eea;margin-bottom:8px}.font-size-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:3px;outline:none}.font-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#667eea;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}.font-size-slider::-moz-range-thumb{width:20px;height:20px;background:#667eea;border-radius:50%;cursor:pointer;border:2px solid #fff}.font-size-labels{display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.35);margin-top:4px}.font-preview{padding:12px 16px;background:rgba(0,0,0,.2);border-radius:10px;border:1px solid rgba(255,255,255,.06)}.font-color-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.font-color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.font-color-swatch:hover{transform:scale(1.15)}.font-color-swatch.active{border-color:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.5)}.settings-wallpaper-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.settings-wallpaper-item{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;aspect-ratio:16/10}.settings-wallpaper-item:hover{border-color:rgba(255,255,255,.3)}.settings-wallpaper-item.selected{border-color:#667eea}.settings-wallpaper-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.settings-wallpaper-none{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);color:rgba(255,255,255,.5);font-size:13px}.settings-wallpaper-label{position:absolute;bottom:0;left:0;right:0;padding:6px 10px;background:rgba(0,0,0,.6);font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-wallpaper-check{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#667eea;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.04);color:rgba(255,255,255,.8);font-size:14px;cursor:pointer;transition:color .2s}.action-btn:hover{color:#fff}.action-btn svg:last-child{margin-left:auto;opacity:.4}.app-info{text-align:center;padding:20px 0;color:rgba(255,255,255,.3);font-size:12px;line-height:1.8}.settings-empty-state{flex-direction:column;padding:48px 20px;text-align:center}.modal-overlay,.settings-empty-state{display:flex;align-items:center;justify-content:center}.modal-overlay{inset:0;background:rgba(0,0,0,.6);z-index:100;backdrop-filter:blur(4px)}.modal{background:#1e1e3a;border-radius:16px;padding:24px;min-width:320px;max-width:90vw;border:1px solid rgba(255,255,255,.1)}.modal h3{font-size:18px;font-weight:600;margin-bottom:16px}@media (max-width:768px){.settings-container{flex-direction:column}.settings-nav{width:100%;display:flex;overflow-x:auto;padding:12px;border-right:none;border-bottom:1px solid rgba(255,255,255,.05);gap:4px}.settings-nav-item{flex-shrink:0;padding:12px 8px;min-height:60px;flex-direction:column;min-width:60px;justify-content:center;align-items:center;border-radius:8px;transition:all .2s;-webkit-tap-highlight-color:transparent}.settings-nav-item:active{background:rgba(255,255,255,.1);transform:scale(.95)}.settings-nav-item.active{background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.5)}.settings-nav-item span{font-size:11px;margin-top:4px;line-height:1.2}.settings-nav-item .chevron{display:none}.settings-content{padding:16px}.settings-profile-card{flex-direction:column;text-align:center}.settings-profile-info{display:flex;flex-direction:column;align-items:center}.settings-status-dropdown{left:50%;transform:translateX(-50%)}.settings-wallpaper-grid{grid-template-columns:repeat(2,1fr)}.setting-item{padding:16px 12px;min-height:60px}.setting-info{gap:12px}.setting-label{font-size:14px;line-height:1.3}.setting-desc{font-size:12px;margin-top:2px}.toggle{width:48px;height:26px}.toggle .slider:before{width:20px;height:20px;top:3px;left:3px}.toggle input:checked+.slider:before{transform:translateX(22px)}.font-size-control{padding:16px 12px}.font-size-slider{height:40px}.font-size-slider input[type=range]{height:6px}.font-size-slider input[type=range]::-webkit-slider-thumb{width:24px;height:24px}.font-size-slider input[type=range]::-moz-range-thumb{width:24px;height:24px}.font-color-grid{gap:8px}.font-color-swatch{width:36px;height:36px}.form-group input,.form-group textarea{font-size:16px;padding:12px}.nav-divider{display:none}}.settings-header-actions{position:relative;display:flex;align-items:center}.account-menu-container{position:relative}.account-menu-trigger{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px rgba(59,130,246,.3)}.account-menu-trigger:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.05);box-shadow:0 4px 12px rgba(59,130,246,.4)}.account-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:rgba(30,41,59,.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;min-width:200px;box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:1000;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.account-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:#e2e8f0;cursor:pointer;border-radius:8px;transition:all .2s ease;font-size:14px;width:100%;text-align:left}.account-menu-item:hover{background:rgba(59,130,246,.1);color:#3b82f6;transform:translateX(2px)}.account-menu-item.danger{color:#ef4444}.account-menu-item.danger:hover{background:rgba(239,68,68,.1);color:#dc2626}.settings-avatar-wrapper{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer;transition:transform .2s ease}.settings-avatar-wrapper:hover{transform:scale(1.05)}.settings-avatar-frame{position:absolute;top:-8px;left:-8px;width:136px;height:136px;z-index:2;pointer-events:none}.settings-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.1)}.settings-avatar-edit{position:absolute;bottom:4px;right:4px;width:32px;height:32px;background:rgba(59,130,246,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;z-index:3;transition:all .2s ease}.settings-avatar-edit:hover{background:rgba(37,99,235,.9);transform:scale(1.1)}.settings-status-dot{position:absolute;bottom:6px;left:6px;width:16px;height:16px;border-radius:50%;border:2px solid rgba(30,41,59,.9);z-index:3}.settings-profile-info{flex:1;padding-left:24px;display:flex;flex-direction:column;gap:8px}.settings-flash-nick{max-height:40px;border-radius:8px;-o-object-fit:contain;object-fit:contain}.settings-profile-name{font-size:24px;font-weight:600;color:white;margin:0;transition:color .2s ease}.settings-rank-display{display:flex;align-items:center;gap:8px;margin-top:4px}.settings-rank-icon{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.settings-rank-symbol{font-size:16px;font-weight:800;padding:2px 6px;border-radius:4px;background:transparent;opacity:1;filter:none;transition:all .2s ease}.settings-rank-badge{font-size:12px;font-weight:500;padding:4px 8px;border-radius:12px;background:rgba(255,255,255,.1);color:white;transition:all .2s ease}.settings-status-selector{position:relative;margin-top:8px}.settings-status-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;cursor:pointer;transition:all .2s ease;font-size:14px}.settings-status-trigger:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.settings-status-chevron{transition:transform .2s ease;margin-left:auto}.settings-status-chevron.open{transform:rotate(90deg)}.settings-status-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:rgba(30,41,59,.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;min-width:180px;box-shadow:0 4px 16px rgba(0,0,0,.2);z-index:1000;animation:dropdownSlide .2s ease-out}.settings-status-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:transparent;color:#e2e8f0;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:14px;width:100%;text-align:left}.settings-status-option:hover{background:rgba(255,255,255,.1)}.settings-status-option.active{background:rgba(59,130,246,.2);color:#3b82f6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:999}@media (max-width:768px){.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px}.account-menu-dropdown{right:-8px;min-width:180px}.settings-profile-card{flex-direction:column;align-items:center;text-align:center;gap:16px}.settings-profile-info{padding-left:0;width:100%}}.static-page{min-height:100vh;background:linear-gradient(180deg,#1a1a2e,#16162a);color:#fff}.static-header{display:flex;align-items:center;gap:16px;padding:16px 20px;background:rgba(26,26,46,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:50}.static-header .back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.05);border:none;border-radius:50%;color:rgba(255,255,255,.8);cursor:pointer;transition:all .2s}.static-header .back-btn:hover{background:rgba(255,255,255,.1);color:#fff}.static-header h1{font-size:20px;font-weight:600;margin:0}.static-content{max-width:800px;margin:0 auto;padding:32px 20px 60px}.last-updated{font-size:13px;color:rgba(255,255,255,.4)}.last-updated,.static-content section{margin-bottom:32px}.static-content h2{font-size:18px;font-weight:600;color:#fff;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.static-content p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.8);margin:0 0 12px}.static-content ul{margin:12px 0;padding-left:24px}.static-content li{font-size:14px;line-height:1.7;color:rgba(255,255,255,.7);margin-bottom:8px}.static-content li strong{color:#fff}.static-content a{color:#667eea;text-decoration:none}.static-content a:hover{text-decoration:underline}.help-search{margin-bottom:32px}.help-search input{width:100%;padding:14px 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;outline:none;transition:all .2s}.help-search input:focus{border-color:rgba(102,126,234,.5);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.help-search input::-moz-placeholder{color:rgba(255,255,255,.4)}.help-search input::placeholder{color:rgba(255,255,255,.4)}.faq-list{margin-bottom:40px}.faq-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:12px;overflow:hidden}.faq-item summary{padding:16px 20px;font-size:15px;font-weight:500;color:#fff;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:20px;color:rgba(255,255,255,.5);transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-item[open] summary{border-bottom:1px solid rgba(255,255,255,.05)}.faq-item p{padding:16px 20px;margin:0;font-size:14px;color:rgba(255,255,255,.7);background:rgba(0,0,0,.2)}.help-contact{text-align:center;padding:40px 20px;background:rgba(102,126,234,.1);border-radius:16px;border:1px solid rgba(102,126,234,.2)}.help-contact h2{border:none;padding:0;margin-bottom:8px}.help-contact p{color:rgba(255,255,255,.6)}.contact-options{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.contact-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(102,126,234,.3)}@media (max-width:600px){.static-content{padding:20px 16px 40px}.contact-options{flex-direction:column}.contact-btn{justify-content:center}}