#root,body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input,select,textarea{font-family:inherit}*{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}::-webkit-scrollbar-track{border-radius:4px}.chat-item,.sidebar-item,.stat-card,button{-webkit-user-select:none;user-select:none}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none!important}@media (max-width:768px){body{font-size:14px}}@media (max-width:480px){body{font-size:13px}}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #0000001a;color:#fff;padding:0 24px;z-index:100}.header-content{height:64px;justify-content:space-between;margin:0 auto;max-width:1920px}.header-content,.header-left,.header-title{align-items:center;display:flex}.header-title{font-size:22px;font-weight:600;gap:12px;margin:0}.header-icon{font-size:28px}.header-notification,.header-right{align-items:center;display:flex}.header-notification{animation:pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;gap:8px;padding:8px 16px}.notification-icon{animation:ring 2s ease-in-out infinite;font-size:20px}@keyframes ring{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.notification-count{font-size:18px;font-weight:700}.notification-text{font-size:14px;font-weight:500}@media (max-width:1024px){.header{padding:0 20px}.header-title{font-size:20px}.header-icon{font-size:24px}}@media (max-width:768px){.header{padding:0 16px 0 60px}.header-content{height:56px}.header-title{font-size:18px;gap:8px}.header-icon{font-size:22px}.notification-text{display:none}.header-notification{gap:6px;padding:6px 12px}.notification-icon{font-size:18px}.notification-count{font-size:16px}}@media (max-width:480px){.header{padding:0 12px 0 50px}.header-content{height:52px}.header-title{font-size:16px;gap:6px}.header-icon{font-size:20px}.header-notification{padding:5px 10px}.notification-icon{font-size:16px}.notification-count{font-size:14px}}.sidebar{background:#2c3e50;box-shadow:2px 0 8px #0000001a;color:#fff;transition:transform .3s ease;width:240px;z-index:90}.sidebar,.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav{padding:20px 0}.sidebar-item{align-items:center;background:none;border:none;border-left:4px solid #0000;color:#fffc;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;padding:16px 24px;text-align:left;transition:all .3s ease}.sidebar-item:hover{background:#ffffff1a;color:#fff}.sidebar-item.active{background:#ffffff26;border-left-color:#3498db;color:#fff}.sidebar-icon{font-size:24px;text-align:center;width:28px}.sidebar-label{flex:1 1}.sidebar-overlay{display:none}@media (max-width:768px){.sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);width:280px;z-index:1000}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-nav{padding-top:80px}.sidebar-item{font-size:18px;padding:18px 24px}.sidebar-icon{font-size:26px;width:32px}}@media (max-width:480px){.sidebar{width:260px}.sidebar-item{font-size:16px;padding:16px 20px}.sidebar-icon{font-size:24px;width:28px}}.dashboard{margin:0 auto;max-width:1400px;padding:32px}.dashboard-title{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:32px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;cursor:default;display:flex;gap:20px;padding:24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.stat-card-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card-warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;cursor:pointer}.stat-icon{font-size:48px;opacity:.9}.stat-content{flex:1 1}.stat-value{font-size:40px;font-weight:700;line-height:1;margin-bottom:8px}.stat-label{font-size:16px;font-weight:500;opacity:.9}.status-distribution{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:32px;padding:32px}.section-title{font-size:22px;margin-bottom:24px}.status-bars{gap:20px}.status-bar-item,.status-bars{display:flex;flex-direction:column}.status-bar-item{gap:8px}.status-bar-header{align-items:center;display:flex;justify-content:space-between}.status-bar-label{align-items:center;color:#2c3e50;display:flex;font-size:16px;font-weight:500;gap:8px}.status-dot{border-radius:50%;height:12px;width:12px}.status-bar-count{color:#2c3e50;font-size:18px;font-weight:700}.status-bar-track{background:#e0e0e0;border-radius:6px;height:12px;overflow:hidden}.status-bar-fill{border-radius:6px;height:100%;transition:width .6s ease}.status-bar-percentage{color:#666;font-size:14px;text-align:right}.dashboard-chart{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:32px}.pie-chart{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px}.pie-segment{align-items:center;background:#f5f7fa;border-left:4px solid var(--color);border-radius:8px;display:flex;gap:8px;padding:12px 20px}.pie-label{color:#2c3e50;font-size:15px;font-weight:500}@media (max-width:1024px){.dashboard{padding:24px}.dashboard-title{font-size:28px;margin-bottom:24px}.stats-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{padding:20px}.stat-icon{font-size:42px}.stat-value{font-size:36px}.dashboard-chart,.status-distribution{padding:24px}}@media (max-width:768px){.dashboard{padding:20px 16px}.dashboard-title{font-size:24px;margin-bottom:20px}.stats-grid{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.stat-card{gap:16px;padding:18px}.stat-icon{font-size:36px}.stat-value{font-size:32px}.stat-label{font-size:14px}.dashboard-chart,.status-distribution{border-radius:12px;padding:20px}.section-title{font-size:20px;margin-bottom:20px}.status-bars{gap:16px}.status-bar-count,.status-bar-label{font-size:14px}.pie-chart{gap:12px}.pie-segment{padding:10px 16px;width:100%}.pie-label{font-size:14px}}@media (max-width:480px){.dashboard{padding:16px 12px}.dashboard-title{font-size:22px;margin-bottom:16px}.stat-card{gap:14px;padding:16px}.stat-icon{font-size:32px}.stat-value{font-size:28px}.stat-label{font-size:13px}.dashboard-chart,.status-distribution{padding:16px}.section-title{font-size:18px;margin-bottom:16px}}.chat-list{background:#fafafa;display:flex;flex-direction:column;height:100%}.chat-list-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:20px 24px}.chat-list-title{align-items:center;color:#2c3e50;display:flex;font-size:24px;font-weight:700;gap:8px}.chat-count{color:#999;font-weight:500}.chat-filters{background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:12px;padding:16px 24px}.search-box{width:100%}.search-input{border:2px solid #e0e0e0;border-radius:12px;font-size:15px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.search-input:focus{background:#f8f9fa;border-color:#2196f3}.filter-controls{display:flex;gap:12px}.filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:all .3s ease}.filter-select:focus{border-color:#2196f3}.chat-items{flex:1 1;overflow-y:auto}.no-chats{align-items:center;color:#999;display:flex;font-size:16px;height:100%;justify-content:center}.chat-item{background:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:14px;padding:16px 24px;transition:all .2s ease}.chat-item:hover{background:#f8f9fa}.chat-item.active{background:#e3f2fd;border-left:4px solid #2196f3;padding-left:20px}.chat-item.unread{background:#fffef7}.chat-item.unread:hover{background:#fffbeb}.chat-item-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.chat-item-content{flex:1 1;min-width:0}.chat-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.chat-item-name{color:#2c3e50;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-time{color:#999;font-size:13px;margin-left:8px;white-space:nowrap}.chat-item-message{color:#666;font-size:14px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item.unread .chat-item-message{color:#2c3e50;font-weight:600}.chat-item-footer{align-items:center;display:flex;gap:8px;justify-content:space-between}.chat-item-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.chat-item-unread{background:#f44336;border-radius:12px;color:#fff;font-size:12px;font-weight:700;min-width:24px;padding:4px 8px;text-align:center}@media (max-width:1024px){.chat-list-header{padding:16px 20px}.chat-list-title{font-size:22px}.chat-filters{padding:12px 20px}.chat-item{padding:14px 20px}.chat-item.active{padding-left:16px}}@media (max-width:768px){.chat-list-header{padding:14px 16px}.chat-list-title{font-size:20px}.chat-filters{padding:12px 16px}.search-input{font-size:14px;padding:10px 14px}.filter-controls{flex-direction:column}.filter-select{width:100%}.chat-item{gap:12px;padding:12px 16px}.chat-item.active{padding-left:12px}.chat-item-avatar{font-size:18px;height:44px;width:44px}.chat-item-name{font-size:15px}.chat-item-time{font-size:12px}.chat-item-message{font-size:13px}.chat-item-status{font-size:11px;padding:3px 8px}.chat-item-unread{font-size:11px;padding:3px 7px}}@media (max-width:480px){.chat-list-header{padding:12px 14px}.chat-list-title{font-size:18px}.chat-filters{padding:10px 14px}.search-input{font-size:13px;padding:9px 12px}.filter-select{font-size:13px;padding:8px 12px}.chat-item{gap:10px;padding:10px 14px}.chat-item.active{padding-left:10px}.chat-item-avatar{font-size:16px;height:40px;width:40px}.chat-item-name{font-size:14px}.chat-item-time{font-size:11px}.chat-item-message{font-size:12px}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:24px 24px 16px}.modal-title{color:#2c3e50;font-size:22px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#f0f0f0;color:#666}.modal-body{padding:24px}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{border-radius:12px;max-height:95vh;max-width:100%}.modal-header{padding:20px 20px 14px}.modal-title{font-size:20px}.modal-body{padding:20px}}@media (max-width:480px){.modal-header{padding:16px 16px 12px}.modal-title{font-size:18px}.modal-body{padding:16px}}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:9999}.toast{align-items:center;animation:slideInRight .3s ease,fadeIn .3s ease;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;gap:12px;min-width:300px;padding:16px 20px;pointer-events:auto}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}.toast-success{background:#f0fff4;border-left-color:#28a745}.toast-error{background:#fff5f5;border-left-color:#dc3545}.toast-warning{background:#fffbeb;border-left-color:#ffc107}.toast-info{background:#f0f9ff;border-left-color:#2196f3}.toast-icon{flex-shrink:0;font-size:24px;line-height:1}.toast-message{word-wrap:break-word;color:#2c3e50;flex:1 1;font-size:15px;line-height:1.4}.toast-close{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;flex-shrink:0;font-size:20px;line-height:1;padding:4px;transition:all .2s ease}.toast-close:hover{background:#0000000d;color:#666}@media (max-width:1024px){.toast-container{max-width:360px;right:16px}.toast{min-width:280px}}@media (max-width:768px){.toast-container{left:10px;max-width:none;right:10px;top:70px}.toast{min-width:auto;padding:14px 16px}.toast-icon{font-size:20px}.toast-message{font-size:14px}.toast-close{font-size:18px}}@media (max-width:480px){.toast-container{left:8px;right:8px;top:65px}.toast{gap:10px;padding:12px 14px}.toast-icon{font-size:18px}.toast-message{font-size:13px}}.chat-window{background:#fff}.chat-empty,.chat-window{display:flex;flex-direction:column;height:100%}.chat-empty{align-items:center;color:#999;justify-content:center;padding:40px 20px;text-align:center}.chat-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.chat-empty h3{color:#666;font-size:24px;margin-bottom:8px}.chat-empty p{color:#999;font-size:16px}.chat-window-header{align-items:center;background:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:16px 24px}.chat-header-actions{align-items:center;display:flex;gap:12px}.chat-user-info{align-items:center;display:flex;gap:14px}.chat-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.chat-user-details{display:flex;flex-direction:column}.chat-user-name-row{align-items:center;display:flex;gap:8px}.chat-user-name{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.edit-name-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;opacity:.6;padding:4px;transition:all .2s ease}.edit-name-btn:hover{background:#f0f0f0;opacity:1}.chat-user-username{color:#999;font-size:14px;margin:2px 0 0}.chat-user-status{position:relative}.status-button{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.status-button:hover{opacity:.9;transform:scale(1.02)}.status-arrow{font-size:10px}.status-menu{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-menu-item{align-items:center;background:none;border:none;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.status-menu-item:hover{background:#f5f5f5}.status-menu-item.active{background:#e3f2fd;font-weight:600}.status-menu-dot{border-radius:50%;height:10px;width:10px}.chat-messages{background:#f8f9fa;background-image:linear-gradient(90deg,#c8c8c80d 1px,#0000 0),linear-gradient(#c8c8c80d 1px,#0000 0);background-size:20px 20px;flex:1 1;overflow-y:auto;padding:24px}.no-messages{align-items:center;color:#999;display:flex;font-size:16px;height:100%;justify-content:center}.message-date-divider{margin:24px 0;text-align:center}.message-date-divider span{background:#00000014;border-radius:12px;color:#666;display:inline-block;font-size:13px;font-weight:500;padding:6px 16px}.message{animation:messageSlide .3s ease;display:flex;margin-bottom:12px}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{justify-content:flex-start}.message-admin{justify-content:flex-end}.message-bubble{border-radius:16px;max-width:65%;padding:12px 16px}.message-user .message-bubble{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a;color:#2c3e50}.message-admin .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.message-unread .message-bubble{animation:pulse 2s ease-in-out infinite;box-shadow:0 2px 8px #667eea4d}.message-sender{color:#ffffffe6;font-size:12px;font-weight:600;margin-bottom:4px}.message-text{word-wrap:break-word;font-size:15px;line-height:1.5;margin-bottom:6px}.message-time{align-items:center;display:flex;font-size:11px;gap:4px;opacity:.7}.message-status{font-size:12px}.message-unread-indicator{color:#f44336;font-size:18px}.chat-input-container{background:#fff;border-top:2px solid #e0e0e0;box-shadow:0 -2px 8px #0000000d;padding:16px 24px}.chat-input-admin{margin-bottom:12px}.admin-name-input{border-radius:10px;font-size:14px;padding:10px 14px}.chat-input-form{align-items:center;display:flex;gap:12px}.message-input{border:2px solid #e0e0e0;border-radius:24px;flex:1 1;font-size:15px;outline:none;padding:14px 18px;transition:all .3s ease}.message-input:focus{background:#f8f9fa;border-color:#2196f3}.message-input:disabled{background:#f5f5f5;cursor:not-allowed}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{cursor:not-allowed;opacity:.5}.delete-chat-btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:8px 12px;transition:all .3s ease}.delete-chat-btn:hover{background:#c82333;transform:scale(1.05)}.delete-chat-btn:active{transform:scale(.95)}.delete-chat-modal,.edit-name-modal{min-width:300px}.modal-description{color:#666;font-size:15px;margin:0 0 16px}.edit-name-input{border:2px solid #e0e0e0;border-radius:10px;font-size:15px;margin-bottom:20px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.edit-name-input:focus{background:#f8f9fa;border-color:#2196f3}.edit-name-input:disabled{background:#f5f5f5;cursor:not-allowed}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f0f0f0;border:none;border-radius:10px;color:#666;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.btn-danger{background:#dc3545;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-danger:hover:not(:disabled){background:#c82333;box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.warning-box{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin-bottom:20px;padding:16px}.warning-text{color:#856404;font-size:16px;margin:0 0 12px}.warning-description{color:#856404;font-size:15px;font-weight:600;margin:12px 0 8px}.delete-info-list{list-style:none;margin:0 0 12px;padding:0}.delete-info-list li{color:#856404;font-size:14px;padding:4px 0}.warning-footer{color:#dc3545;font-size:14px;font-weight:600;margin:12px 0 0}@media (max-width:1024px){.chat-window-header{padding:14px 20px}.chat-messages{padding:20px}.message-bubble{max-width:70%}.chat-input-container{padding:14px 20px}}@media (max-width:768px){.chat-empty-icon{font-size:48px}.chat-empty h3{font-size:20px}.chat-empty p{font-size:14px}.chat-window-header{padding:12px 16px}.chat-header-actions{gap:8px}.chat-user-avatar{font-size:18px;height:42px;width:42px}.chat-user-name{font-size:16px}.chat-user-username{font-size:13px}.edit-name-btn{font-size:14px;padding:3px}.delete-chat-btn{font-size:16px;padding:6px 10px}.status-button{font-size:13px;padding:6px 12px}.modal-actions{flex-direction:column}.btn-danger,.btn-primary,.btn-secondary{padding:14px 24px;width:100%}.chat-messages{padding:16px}.message-bubble{max-width:80%;padding:10px 14px}.message-text{font-size:14px}.chat-input-container{padding:12px 16px}.admin-name-input{font-size:13px;padding:9px 12px}.message-input{font-size:14px;padding:12px 16px}.send-button{font-size:18px;height:44px;width:44px}}@media (max-width:480px){.chat-empty-icon{font-size:40px}.chat-empty h3{font-size:18px}.chat-empty p{font-size:13px}.chat-window-header{padding:10px 14px}.chat-user-avatar{font-size:16px;height:38px;width:38px}.chat-user-name{font-size:15px}.chat-user-username{font-size:12px}.status-button{font-size:12px;padding:5px 10px}.chat-messages{padding:14px}.message-bubble{max-width:85%;padding:9px 12px}.message-text{font-size:13px}.message-time{font-size:10px}.chat-input-container{padding:10px 14px}.admin-name-input{font-size:12px;padding:8px 11px}.message-input{font-size:13px;padding:10px 14px}.send-button{font-size:16px;height:40px;width:40px}}.broadcast-form{margin:0 auto;max-width:900px;padding:32px}.broadcast-header{margin-bottom:40px}.broadcast-title{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:8px}.broadcast-description{color:#666;font-size:16px;margin:0}.broadcast-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:24px;padding:28px}.section-title,.target-controls{margin-bottom:20px}.target-controls{display:flex;gap:12px}.target-control-btn{background:#fff;border:2px solid #2196f3;border-radius:10px;color:#2196f3;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.target-control-btn:hover:not(:disabled){background:#2196f3;color:#fff}.target-control-btn:disabled{cursor:not-allowed;opacity:.5}.target-groups{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.target-group-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 18px;transition:all .3s ease}.target-group-item:hover{background:#f8f9fa;border-color:#2196f3}.target-group-item.selected{background:#e3f2fd;border-color:#2196f3}.target-group-item input[type=checkbox]{accent-color:#2196f3;cursor:pointer;height:20px;width:20px}.target-group-label{color:#2c3e50;font-size:15px;font-weight:500}.target-info{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;margin-top:16px;padding:14px 18px}.broadcast-textarea{border:2px solid #e0e0e0;border-radius:12px;font-family:inherit;font-size:15px;outline:none;padding:16px 18px;resize:vertical;transition:all .3s ease;width:100%}.broadcast-textarea:focus{background:#f8f9fa;border-color:#2196f3}.broadcast-textarea:disabled{background:#f5f5f5;cursor:not-allowed}.message-counter{color:#999;font-size:13px;margin-top:8px;text-align:right}.admin-name-input{border:2px solid #e0e0e0;border-radius:12px;font-size:15px;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.admin-name-input:focus{background:#f8f9fa;border-color:#2196f3}.admin-name-input:disabled{background:#f5f5f5;cursor:not-allowed}.broadcast-actions{text-align:center}.broadcast-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;box-shadow:0 4px 14px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:600;gap:10px;padding:16px 48px;transition:all .3s ease}.broadcast-send-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.broadcast-send-btn:active:not(:disabled){transform:translateY(0)}.broadcast-send-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.broadcast-result{animation:slideUp .4s ease;border-radius:16px;margin-top:24px;padding:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.broadcast-result.success{background:#d4edda;border-left:4px solid #28a745}.broadcast-result.error{background:#f8d7da;border-left:4px solid #dc3545}.result-title{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:16px}.result-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.result-stat{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:16px;text-align:center}.result-stat.success{background:#f0fff4;border-color:#28a745}.result-stat.error{background:#fff5f5;border-color:#dc3545}.result-stat-value{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:4px}.result-stat-label{color:#666;font-size:14px;font-weight:500}.result-error-message{color:#721c24;font-size:16px;margin:0}@media (max-width:1024px){.broadcast-form{padding:24px}.broadcast-title{font-size:28px}.broadcast-section{padding:24px}.target-groups{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.broadcast-form{padding:20px 16px}.broadcast-header{margin-bottom:28px}.broadcast-title{font-size:24px}.broadcast-description{font-size:14px}.broadcast-section{border-radius:12px;margin-bottom:20px;padding:20px}.section-title{font-size:18px;margin-bottom:16px}.target-controls{flex-direction:column}.target-control-btn{width:100%}.target-groups{gap:10px;grid-template-columns:1fr}.target-group-item{padding:12px 16px}.target-group-label{font-size:14px}.broadcast-textarea{font-size:14px;padding:14px 16px}.admin-name-input{font-size:14px;padding:12px 16px}.broadcast-send-btn{font-size:16px;padding:14px 32px;width:100%}.result-stats{grid-template-columns:1fr}.result-stat-value{font-size:28px}}@media (max-width:480px){.broadcast-form{padding:16px 12px}.broadcast-header{margin-bottom:24px}.broadcast-title{font-size:22px}.broadcast-description{font-size:13px}.broadcast-section{border-radius:10px;padding:16px}.section-title{font-size:17px;margin-bottom:14px}.target-group-item{padding:10px 14px}.target-group-label{font-size:13px}.broadcast-textarea{font-size:13px;padding:12px 14px}.admin-name-input{font-size:13px;padding:11px 14px}.broadcast-send-btn{font-size:15px;padding:12px 28px}.result-title{font-size:18px}.result-stat{padding:14px}.result-stat-value{font-size:24px}.result-stat-label{font-size:13px}}.settings-page{margin:0 auto;max-width:1200px;padding:32px}.settings-header{margin-bottom:32px}.settings-title{color:#2c3e50;font-size:36px;font-weight:700;margin:0 0 8px}.settings-subtitle{color:#666;font-size:18px;margin:0}.settings-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:32px}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;margin-bottom:-2px;padding:14px 24px;transition:all .3s ease}.tab-button:hover{background:#00000005;color:#2c3e50}.tab-button.active{background:#667eea0d;border-bottom-color:#667eea;color:#667eea}.tab-icon{font-size:20px}.tab-label{font-weight:600}.settings-content{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:32px}.settings-loading{align-items:center;color:#666;display:flex;font-size:18px;height:400px;justify-content:center}.section-main-title{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 12px}.section-description{color:#666;font-size:16px;line-height:1.6;margin:0 0 32px}.section-title{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px}.bot-messages{width:100%}.messages-list{display:flex;flex-direction:column;gap:24px}.message-item{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s ease}.message-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.message-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.message-title{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.message-key{color:#999;font-family:monospace;font-size:14px}.message-textarea{border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:15px;line-height:1.6;min-height:100px;outline:none;padding:14px 16px;resize:vertical;transition:all .3s ease;width:100%}.message-textarea:focus{background:#fff;border-color:#667eea}.message-footer{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:12px}.message-placeholders{color:#666;flex:1 1;font-size:14px}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.statuses-manager{width:100%}.statuses-list-section{margin-bottom:40px}.statuses-list{display:flex;flex-direction:column;gap:16px}.status-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s ease}.status-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.status-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.status-card-title{align-items:center;display:flex;flex:1 1;gap:12px}.status-emoji{font-size:24px}.status-label{color:#2c3e50;font-size:18px;font-weight:600}.status-value{color:#999;font-family:monospace;font-size:14px}.system-badge{background:#ff9800;border-radius:12px;color:#fff;font-size:13px;font-weight:500;padding:4px 10px}.status-description{color:#666;font-size:14px;margin:0 0 12px}.status-card-actions{display:flex;gap:12px}.btn-edit{background:#2196f3;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-edit:hover{background:#1976d2;transform:translateY(-2px)}.btn-delete-status{background:#dc3545;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-delete-status:hover{background:#c82333;transform:translateY(-2px)}.add-status-section{border-top:2px solid #e0e0e0;padding-top:32px}.add-status-form{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 2fr 1fr;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#2c3e50;font-size:14px;font-weight:600}.form-input{border:2px solid #e0e0e0;border-radius:10px;font-size:15px;outline:none;padding:12px 16px;transition:all .3s ease}.form-input:focus{background:#fff;border-color:#667eea}.form-input:disabled{background:#f0f0f0;cursor:not-allowed}.form-hint{color:#999;font-size:12px}.btn-add{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.btn-add:hover:not(:disabled){box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.btn-add:disabled{cursor:not-allowed;opacity:.6}.delete-status-modal,.edit-status-modal{min-width:350px}@media (max-width:1024px){.settings-page{padding:24px}.settings-title{font-size:32px}.settings-content{padding:24px}.form-row{grid-template-columns:1fr}}@media (max-width:768px){.settings-page{padding:20px 16px}.settings-title{font-size:28px}.settings-subtitle{font-size:16px}.settings-tabs{gap:4px}.tab-button{font-size:14px;padding:12px 16px}.tab-icon{font-size:18px}.settings-content{border-radius:12px;padding:20px}.section-main-title{font-size:24px}.section-description{font-size:14px}.add-status-form,.message-item,.status-card{padding:16px}.message-footer{align-items:flex-start;flex-direction:column}.btn-add,.btn-save{width:100%}.status-card-actions{flex-direction:column}.btn-delete-status,.btn-edit{width:100%}.form-row{gap:12px;grid-template-columns:1fr}}@media (max-width:480px){.settings-page{padding:16px 12px}.settings-title{font-size:24px}.settings-subtitle{font-size:14px}.tab-button{font-size:13px;padding:10px 12px}.settings-content{padding:16px}.section-main-title{font-size:22px}.add-status-form,.message-item,.status-card{padding:14px}.status-card-title{flex-wrap:wrap}}*{box-sizing:border-box;margin:0;padding:0}.app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh}.app-container{display:flex;flex:1 1;overflow:hidden;position:relative}.app-main{background:#fff;flex:1 1;overflow-y:auto}.mobile-menu-toggle{background:#2196f3;border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:none;font-size:20px;height:40px;left:10px;position:fixed;top:70px;transition:all .3s ease;width:40px;z-index:999}.mobile-menu-toggle:hover{background:#1976d2;transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.chats-view{display:flex;height:100%;overflow:hidden}.chats-list-panel{background:#fafafa;border-right:1px solid #e0e0e0;flex-shrink:0;overflow:hidden;width:380px}.chats-window-panel{background:#fff;flex:1 1;overflow:hidden}.back-button{background:#2196f3;border:none;border-bottom:1px solid #1976d2;color:#fff;cursor:pointer;display:none;font-size:16px;padding:12px 16px;text-align:left;width:100%}.back-button:hover{background:#1976d2}.error,.loading{align-items:center;color:#666;display:flex;font-size:16px;height:100%;justify-content:center;padding:40px 20px;text-align:center}.error{color:#f44336}@media (max-width:1024px){.chats-list-panel{width:320px}}@media (max-width:768px){.mobile-menu-toggle{display:block}.chats-view{flex-direction:column}.chats-list-panel{border-right:none;width:100%}.chats-window-panel{width:100%}.chats-list-panel.hidden-mobile,.chats-window-panel.hidden-mobile{display:none}.back-button{display:block}}@media (max-width:480px){.mobile-menu-toggle{font-size:18px;height:36px;left:8px;top:65px;width:36px}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
/*# sourceMappingURL=main.b7f5ae37.css.map*/