:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;color:#213547}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.whatsapp-chat{display:flex;height:calc(100vh - 60px);background:#f0f2f5;overflow:hidden;width:100%;max-width:100vw}@media(max-width:768px){.whatsapp-chat{position:relative;overflow-x:hidden}}.whatsapp-chat .chat-sidebar{width:300px;background:#fff;border-right:1px solid #e0e0e0;overflow-y:auto}@media(max-width:768px){.whatsapp-chat .chat-sidebar{width:100%;position:absolute;left:0;top:0;height:100%;z-index:2;transition:transform .3s ease,visibility .3s ease}.whatsapp-chat .chat-sidebar.hide-mobile{transform:translate(-100%);visibility:hidden}}.whatsapp-chat .chat-sidebar .sidebar-header{position:sticky;top:0;background:#fff;z-index:10;padding:12px 16px;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}@media(max-width:768px){.whatsapp-chat .chat-sidebar .sidebar-header{padding:16px;gap:12px}}.whatsapp-chat .chat-sidebar .sidebar-header h2{padding:0;margin:0;font-size:16px;font-weight:600;color:#111b21;white-space:nowrap;text-align:left}@media(max-width:768px){.whatsapp-chat .chat-sidebar .sidebar-header h2{font-size:21px}}.whatsapp-chat .chat-sidebar .sidebar-header .label-filter{width:100%}.whatsapp-chat .chat-sidebar .sidebar-header .label-filter select{width:100%;padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;background:#f0f2f5;color:#333;font-size:13px;cursor:pointer;outline:none;transition:all .2s}.whatsapp-chat .chat-sidebar .sidebar-header .label-filter select:hover{border-color:#25d366}.whatsapp-chat .chat-sidebar .sidebar-header .label-filter select:focus{background:#fff;border-color:#25d366}.whatsapp-chat .chat-sidebar .sidebar-header .search-box{position:relative;padding:0;width:100%}.whatsapp-chat .chat-sidebar .sidebar-header .search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8696a0;pointer-events:none;width:15px;height:15px}@media(max-width:768px){.whatsapp-chat .chat-sidebar .sidebar-header .search-box .search-icon{left:14px;width:18px;height:18px}}.whatsapp-chat .chat-sidebar .sidebar-header .search-box input{width:100%;padding:8px 36px 8px 38px;border:none;border-radius:8px;outline:none;font-size:14px;color:#111b21;background:#f0f2f5;transition:all .2s}@media(max-width:768px){.whatsapp-chat .chat-sidebar .sidebar-header .search-box input{padding:10px 40px;font-size:15px;min-height:40px}}.whatsapp-chat .chat-sidebar .sidebar-header .search-box input::placeholder{color:#8696a0}.whatsapp-chat .chat-sidebar .sidebar-header .search-box input:focus{background:#fff;box-shadow:0 0 0 2px #00a884}.whatsapp-chat .chat-sidebar .sidebar-header .search-box .clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#8696a0;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;line-height:1}.whatsapp-chat .chat-sidebar .sidebar-header .search-box .clear-search:hover{background:#d1d7db}.whatsapp-chat .chat-sidebar .chat-item{display:flex;padding:15px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .2s;position:relative}.whatsapp-chat .chat-sidebar .chat-item:hover{background:#f5f5f5}.whatsapp-chat .chat-sidebar .chat-item.active{background:#e8f5e9}.whatsapp-chat .chat-sidebar .chat-item .label-menu-btn{position:absolute;right:10px;top:15px;background:transparent;border:none;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8696a0;transition:all .2s}.whatsapp-chat .chat-sidebar .chat-item .label-menu-btn:hover{background:#e0e0e0;color:#25d366}.whatsapp-chat .chat-sidebar .chat-item .label-menu{position:absolute;right:40px;top:10px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;padding:4px 0;z-index:100;min-width:180px}.whatsapp-chat .chat-sidebar .chat-item .label-menu .label-option{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .2s;position:relative}.whatsapp-chat .chat-sidebar .chat-item .label-menu .label-option:hover{background:#f5f5f5}.whatsapp-chat .chat-sidebar .chat-item .label-menu .label-option input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:#00a884}.whatsapp-chat .chat-sidebar .chat-item .label-menu .label-option span{font-size:14px;font-weight:400;color:#111b21;flex:1}.whatsapp-chat .chat-sidebar .chat-item .label-menu .label-option .remove-label-btn{background:transparent;border:none;color:#e53935;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;line-height:1}.whatsapp-chat .chat-sidebar .chat-item .label-menu .label-option .remove-label-btn:hover{background:#ffebee}.whatsapp-chat .chat-sidebar .chat-item .label-menu .add-label{border-top:1px solid #e9edef;margin-top:4px;padding-top:4px}.whatsapp-chat .chat-sidebar .chat-item .label-menu .add-label span{color:#00a884;font-weight:500}.whatsapp-chat .chat-sidebar .chat-item .label-menu .new-label-input{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-top:1px solid #e9edef;margin-top:4px}.whatsapp-chat .chat-sidebar .chat-item .label-menu .new-label-input input{width:100%;padding:8px 12px;border:1px solid #d1d7db;border-radius:8px;font-size:14px;outline:none;background:#fff;color:#111b21}.whatsapp-chat .chat-sidebar .chat-item .label-menu .new-label-input input:focus{border-color:#00a884}.whatsapp-chat .chat-sidebar .chat-item .label-menu .new-label-input input::placeholder{color:#8696a0}.whatsapp-chat .chat-sidebar .chat-item .label-menu .new-label-input button{background:#00a884;color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.whatsapp-chat .chat-sidebar .chat-item .label-menu .new-label-input button:hover{background:#008069}.whatsapp-chat .chat-sidebar .chat-item .chat-avatar{width:50px;height:50px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:15px;flex-shrink:0}.whatsapp-chat .chat-sidebar .chat-item .chat-info{flex:1;min-width:0}.whatsapp-chat .chat-sidebar .chat-item .chat-info .chat-phone{color:#333;font-weight:600;margin-bottom:5px;display:flex;align-items:center;gap:8px}.whatsapp-chat .chat-sidebar .chat-item .chat-info .unread-badge{background:#25d366;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;flex-shrink:0}.whatsapp-chat .chat-sidebar .chat-item .chat-info .chat-last-msg{font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.whatsapp-chat .chat-sidebar .chat-item .chat-info .chat-labels{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.whatsapp-chat .chat-sidebar .chat-item .chat-info .chat-labels .label-tag{font-size:11px;color:#fff;padding:2px 8px;border-radius:12px;font-weight:500;letter-spacing:.2px}.whatsapp-chat .chat-main{flex:1;display:flex;flex-direction:column;background:#e5ddd5}@media(max-width:768px){.whatsapp-chat .chat-main{position:absolute;right:0;top:0;width:100%;height:100%;transform:translate(100%);transition:transform .3s ease;z-index:10}.whatsapp-chat .chat-main.show-mobile{transform:translate(0)}}.whatsapp-chat .chat-main .chat-header{background:#f0f2f5;padding:10px 16px;border-bottom:1px solid #d1d7db;display:flex;justify-content:space-between;align-items:center;gap:12px}.whatsapp-chat .chat-main .chat-header .back-btn{display:none;background:transparent;border:none;cursor:pointer;padding:8px;margin-right:8px;color:#54656f;transition:color .2s}@media(max-width:768px){.whatsapp-chat .chat-main .chat-header .back-btn{display:flex;align-items:center;justify-content:center}}.whatsapp-chat .chat-main .chat-header .back-btn:hover{color:#00a884}.whatsapp-chat .chat-main .chat-header h3{margin:0;color:#111b21;font-size:16px;font-weight:500}@media(max-width:768px){.whatsapp-chat .chat-main .chat-header h3{flex:1}}.whatsapp-chat .chat-main .chat-header .header-actions{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.whatsapp-chat .chat-main .chat-header .header-actions .icon-btn{display:none;background:#fff;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#54656f;transition:all .2s;width:36px;height:36px;align-items:center;justify-content:center}@media(max-width:768px){.whatsapp-chat .chat-main .chat-header .header-actions .icon-btn{display:flex}}.whatsapp-chat .chat-main .chat-header .header-actions .icon-btn:hover{background:#f5f5f5}@media(max-width:768px){.whatsapp-chat .chat-main .chat-header .header-actions .desktop-only{display:none}}.whatsapp-chat .chat-main .chat-header .mobile-date-picker{position:absolute;top:calc(100% + 8px);right:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;padding:12px;z-index:1000}@media(min-width:769px){.whatsapp-chat .chat-main .chat-header .mobile-date-picker{display:none}}.whatsapp-chat .chat-main .chat-header .mobile-date-picker input[type=date]{border:1px solid #d1d7db;border-radius:8px;padding:8px 12px;font-size:13px;color:#111b21;cursor:pointer;outline:none}.whatsapp-chat .chat-main .chat-header .mobile-date-picker input[type=date]:hover{border-color:#00a884}.whatsapp-chat .chat-main .chat-header .mobile-date-picker input[type=date]:focus{border-color:#00a884;box-shadow:0 0 0 2px #00a8841a}.whatsapp-chat .chat-main .chat-header .message-search{position:relative;max-width:200px;flex:1}.whatsapp-chat .chat-main .chat-header .message-search .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#8696a0;pointer-events:none;width:15px;height:15px}.whatsapp-chat .chat-main .chat-header .message-search input{width:100%;padding:7px 32px 7px 36px;border:none;border-radius:8px;outline:none;font-size:13px;color:#111b21;background:#fff;transition:all .2s}.whatsapp-chat .chat-main .chat-header .message-search input::placeholder{color:#8696a0}.whatsapp-chat .chat-main .chat-header .message-search input:focus{box-shadow:0 0 0 2px #00a884}.whatsapp-chat .chat-main .chat-header .message-search .clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#8696a0;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;line-height:1}.whatsapp-chat .chat-main .chat-header .message-search .clear-search:hover{background:#f0f2f5}.whatsapp-chat .chat-main .chat-header .date-filter{position:relative}.whatsapp-chat .chat-main .chat-header .date-filter svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#54656f;pointer-events:none;width:16px;height:16px}.whatsapp-chat .chat-main .chat-header .date-filter select{padding:7px 28px 7px 34px;border:none;border-radius:8px;background:#fff;color:#111b21;font-size:13px;cursor:pointer;outline:none;transition:all .2s;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%2354656f" d="M6 9L1 4h10z"/></svg>');background-repeat:no-repeat;background-position:right 8px center}.whatsapp-chat .chat-main .chat-header .date-filter select:hover{background-color:#f5f5f5}.whatsapp-chat .chat-main .chat-header .date-filter select:focus{box-shadow:0 0 0 2px #00a884}.whatsapp-chat .chat-main .chat-header .calendar-picker{position:relative}.whatsapp-chat .chat-main .chat-header .calendar-picker .calendar-btn{background:#fff;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#54656f;transition:all .2s;width:36px;height:36px}.whatsapp-chat .chat-main .chat-header .calendar-picker .calendar-btn:hover{background:#f5f5f5}.whatsapp-chat .chat-main .chat-header .calendar-picker .date-picker-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;padding:12px;z-index:1000}@media(max-width:768px){.whatsapp-chat .chat-main .chat-header .calendar-picker .date-picker-dropdown{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}}.whatsapp-chat .chat-main .chat-header .calendar-picker .date-picker-dropdown input[type=date]{border:1px solid #d1d7db;border-radius:8px;padding:8px 12px;font-size:13px;color:#111b21;cursor:pointer;outline:none}.whatsapp-chat .chat-main .chat-header .calendar-picker .date-picker-dropdown input[type=date]:hover{border-color:#00a884}.whatsapp-chat .chat-main .chat-header .calendar-picker .date-picker-dropdown input[type=date]:focus{border-color:#00a884;box-shadow:0 0 0 2px #00a8841a}.whatsapp-chat .chat-main .mobile-fullscreen-search,.whatsapp-chat .chat-main .mobile-fullscreen-filter{position:fixed;inset:0;background:#f0f2f5;z-index:1001;display:flex;flex-direction:column}@media(min-width:769px){.whatsapp-chat .chat-main .mobile-fullscreen-search,.whatsapp-chat .chat-main .mobile-fullscreen-filter{display:none}}.whatsapp-chat .chat-main .mobile-fullscreen-search{background:transparent;pointer-events:none}.whatsapp-chat .chat-main .mobile-fullscreen-search .search-header{background:#00a884;padding:12px 16px;display:flex;align-items:center;gap:12px;pointer-events:auto}.whatsapp-chat .chat-main .mobile-fullscreen-search .search-header .back-btn{background:transparent;border:none;color:#fff;padding:8px;cursor:pointer;display:flex;align-items:center}.whatsapp-chat .chat-main .mobile-fullscreen-search .search-header .search-input-wrapper{flex:1;position:relative;display:flex;align-items:center;background:#fff;border-radius:8px;padding:8px 12px}.whatsapp-chat .chat-main .mobile-fullscreen-search .search-header .search-input-wrapper .search-icon{color:#8696a0;margin-right:8px;width:20px;height:20px}.whatsapp-chat .chat-main .mobile-fullscreen-search .search-header .search-input-wrapper input{flex:1;border:none;outline:none;font-size:15px;color:#111b21;background:transparent}.whatsapp-chat .chat-main .mobile-fullscreen-search .search-header .search-input-wrapper input::placeholder{color:#8696a0}.whatsapp-chat .chat-main .mobile-fullscreen-search .search-header .search-input-wrapper .clear-btn{background:transparent;border:none;color:#8696a0;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.whatsapp-chat .chat-main .mobile-fullscreen-filter .filter-header{background:#00a884;padding:16px;display:flex;align-items:center;gap:16px}.whatsapp-chat .chat-main .mobile-fullscreen-filter .filter-header .back-btn{background:transparent;border:none;color:#fff;padding:8px;cursor:pointer;display:flex;align-items:center}.whatsapp-chat .chat-main .mobile-fullscreen-filter .filter-header h3{margin:0;color:#fff;font-size:18px;font-weight:500}.whatsapp-chat .chat-main .mobile-fullscreen-filter .filter-options{background:#fff;margin-top:8px}.whatsapp-chat .chat-main .mobile-fullscreen-filter .filter-options .filter-option{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9edef;cursor:pointer;transition:background .2s}.whatsapp-chat .chat-main .mobile-fullscreen-filter .filter-options .filter-option:hover{background:#f5f5f5}.whatsapp-chat .chat-main .mobile-fullscreen-filter .filter-options .filter-option.active{background:#e8f5e9}.whatsapp-chat .chat-main .mobile-fullscreen-filter .filter-options .filter-option span{font-size:16px;color:#111b21}.whatsapp-chat .chat-main .mobile-calendar-modal{position:fixed;inset:0;background:#00000080;z-index:1002;display:flex;align-items:center;justify-content:center}@media(min-width:769px){.whatsapp-chat .chat-main .mobile-calendar-modal{display:none}}.whatsapp-chat .chat-main .mobile-calendar-modal .calendar-modal-content{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 16px #0003}.whatsapp-chat .chat-main .mobile-calendar-modal .calendar-modal-content input[type=date]{border:1px solid #d1d7db;border-radius:8px;padding:12px 16px;font-size:16px;color:#111b21;cursor:pointer;outline:none;min-width:250px}.whatsapp-chat .chat-main .mobile-calendar-modal .calendar-modal-content input[type=date]:hover{border-color:#00a884}.whatsapp-chat .chat-main .mobile-calendar-modal .calendar-modal-content input[type=date]:focus{border-color:#00a884;box-shadow:0 0 0 2px #00a8841a}.whatsapp-chat .chat-main .mobile-modal{position:fixed;inset:0;background:#0006;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:10px}.whatsapp-chat .chat-main .mobile-modal.calendar-modal{align-items:center}.whatsapp-chat .chat-main .mobile-modal.calendar-modal .calendar-input-wrapper{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 12px #00000026}.whatsapp-chat .chat-main .mobile-modal.calendar-modal .calendar-input-wrapper input[type=date]{border:1px solid #d1d7db;border-radius:8px;padding:10px 14px;font-size:14px;color:#111b21;cursor:pointer;outline:none;min-width:200px}.whatsapp-chat .chat-main .mobile-modal.calendar-modal .calendar-input-wrapper input[type=date]:hover{border-color:#00a884}.whatsapp-chat .chat-main .mobile-modal.calendar-modal .calendar-input-wrapper input[type=date]:focus{border-color:#00a884;box-shadow:0 0 0 2px #00a8841a}.whatsapp-chat .chat-main .mobile-modal .modal-content{background:#fff;border-radius:8px;width:92%;max-width:360px;box-shadow:0 2px 12px #00000026}.whatsapp-chat .chat-main .mobile-modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e9edef}.whatsapp-chat .chat-main .mobile-modal .modal-content .modal-header h4{margin:0;font-size:16px;font-weight:500;color:#111b21}.whatsapp-chat .chat-main .mobile-modal .modal-content .modal-header button{background:transparent;border:none;font-size:24px;color:#8696a0;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.whatsapp-chat .chat-main .mobile-modal .modal-content .modal-header button:hover{color:#111b21}.whatsapp-chat .chat-main .mobile-modal .modal-content .modal-body{padding:16px}.whatsapp-chat .chat-main .mobile-modal .modal-content .modal-body input,.whatsapp-chat .chat-main .mobile-modal .modal-content .modal-body select{width:100%;padding:10px 14px;border:1px solid #d1d7db;border-radius:8px;font-size:14px;color:#111b21;outline:none}.whatsapp-chat .chat-main .mobile-modal .modal-content .modal-body input:focus,.whatsapp-chat .chat-main .mobile-modal .modal-content .modal-body select:focus{border-color:#00a884;box-shadow:0 0 0 2px #00a8841a}.whatsapp-chat .chat-main .mobile-modal .modal-content .modal-body select{cursor:pointer;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%2354656f" d="M6 9L1 4h10z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.whatsapp-chat .chat-main .chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;color:#333}.whatsapp-chat .chat-main .chat-messages .message{display:flex;margin-bottom:10px}.whatsapp-chat .chat-main .chat-messages .message.incoming{justify-content:flex-start}.whatsapp-chat .chat-main .chat-messages .message.incoming .message-bubble{background:#fff}.whatsapp-chat .chat-main .chat-messages .message.outgoing{justify-content:flex-end}.whatsapp-chat .chat-main .chat-messages .message.outgoing .message-bubble{background:#dcf8c6}.whatsapp-chat .chat-main .chat-messages .message .message-bubble{max-width:60%;padding:10px 15px;border-radius:8px;box-shadow:0 1px 2px #0000001a}.whatsapp-chat .chat-main .chat-messages .message .message-bubble p{margin:0 0 5px;word-wrap:break-word}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .message-time{font-size:11px;color:#666;display:flex;align-items:center;gap:4px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .tick-mark{font-size:15px;line-height:1}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .tick-mark.sent,.whatsapp-chat .chat-main .chat-messages .message .message-bubble .tick-mark.delivered{color:#999}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .tick-mark.read{color:#53bdeb}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .message-media{max-width:100%;max-height:300px;border-radius:8px;margin-bottom:5px;display:block}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-audio-message{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#00000008;border-radius:20px;min-width:200px;max-width:250px;margin-bottom:5px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-audio-message .audio-icon{width:32px;height:32px;border-radius:50%;background:#ff9500;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-audio-message .audio-play-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#54656f;cursor:pointer;flex-shrink:0;margin-left:4px;transition:color .2s}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-audio-message .audio-play-icon:hover{color:#25d366}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-audio-message .audio-progress-container{flex:1;margin:0 8px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-audio-message .audio-progress-container .audio-progress-bar{position:relative;height:4px;background:#d1d7db;border-radius:2px;cursor:pointer}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-audio-message .audio-progress-container .audio-progress-bar .audio-progress-fill{height:100%;background:#25d366;border-radius:2px;transition:width .1s ease}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-audio-message .audio-progress-container .audio-progress-bar .audio-progress-dot{position:absolute;top:50%;width:12px;height:12px;background:#25d366;border-radius:50%;transform:translate(-50%,-50%);transition:left .1s ease;box-shadow:0 1px 3px #0003}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-audio-message .audio-time{font-size:12px;color:#667781;font-weight:400;flex-shrink:0;min-width:32px;text-align:right}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message{margin-bottom:5px;max-width:280px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content{background:#00000008;border-radius:8px;overflow:hidden}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-header{display:flex;align-items:center;padding:12px 16px 8px;gap:12px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-header .file-type-icon{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-header .file-type-icon .file-text{color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-header .file-type-icon.pdf{background:#dc4c3e}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-header .file-type-icon.doc{background:#2b579a}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-header .file-type-icon.xls{background:#217346}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-header .file-type-icon.ppt{background:#d24726}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-header .file-type-icon.default{background:#8696a0}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-header .document-title{flex:1;font-size:14px;font-weight:400;color:#111b21;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-header .document-download-btn{color:#8696a0;text-decoration:none;padding:4px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-header .document-download-btn:hover{background:#0000000d;color:#25d366}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-footer{display:flex;align-items:center;gap:8px;padding:0 16px 12px 60px;font-size:12px;color:#667781}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-footer .document-pages,.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-footer .document-type,.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-footer .document-size{font-weight:400}.whatsapp-chat .chat-main .chat-messages .date-divider{display:flex;align-items:center;justify-content:center;margin:20px 0}.whatsapp-chat .chat-main .chat-messages .date-divider span{background:#ffffffe6;padding:6px 12px;border-radius:8px;font-size:12px;color:#667781;font-weight:500;box-shadow:0 1px 2px #0000001a}.whatsapp-chat .chat-main .chat-input{background:#fff;padding:15px}.whatsapp-chat .chat-main .chat-input .file-preview{display:flex;align-items:center;background:#e3f2fd;padding:8px 12px;border-radius:8px;margin-bottom:10px;gap:10px}.whatsapp-chat .chat-main .chat-input .file-preview span{flex:1;font-size:13px;color:#1976d2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-chat .chat-main .chat-input .file-preview .remove-file{background:transparent;border:none;color:#666;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.whatsapp-chat .chat-main .chat-input .file-preview .remove-file:hover{background:#0000001a}.whatsapp-chat .chat-main .chat-input .input-wrapper{display:flex;gap:10px;align-items:center}.whatsapp-chat .chat-main .chat-input .input-wrapper .attach-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#54656f}.whatsapp-chat .chat-main .chat-input .input-wrapper .attach-btn:hover{background:#f0f0f0;color:#25d366}.whatsapp-chat .chat-main .chat-input .input-wrapper input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:25px;outline:none;font-size:14px;color:#333;background-color:#fff}.whatsapp-chat .chat-main .chat-input .input-wrapper input:focus{border-color:#25d366}.whatsapp-chat .chat-main .chat-input .input-wrapper .send-btn{padding:12px 30px;background:#25d366;color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:600;transition:background .2s}.whatsapp-chat .chat-main .chat-input .input-wrapper .send-btn:hover{background:#20ba5a}.whatsapp-chat .chat-main .no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8696a0;font-size:14px;background:#f0f2f5}.whatsapp-chat .chat-main .no-chat-selected:before{content:"";width:80px;height:80px;margin-bottom:20px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="%23b0b7bd" stroke-width="1.5"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>') center/contain no-repeat}@media(max-width:1024px){.whatsapp-chat .chat-sidebar{width:250px}.whatsapp-chat .chat-main .chat-messages{padding:15px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble{max-width:70%}}@media(max-width:768px){.whatsapp-chat .chat-sidebar{width:100%;border-right:none;position:absolute;left:0;top:0;height:100%;z-index:10;transition:transform .3s ease}.whatsapp-chat .chat-sidebar.hide-mobile{transform:translate(-100%)!important;visibility:hidden!important}.whatsapp-chat .chat-sidebar .sidebar-header{padding:16px;gap:12px}.whatsapp-chat .chat-sidebar .sidebar-header h2{font-size:21px;order:1}.whatsapp-chat .chat-sidebar .sidebar-header .search-box{order:2}.whatsapp-chat .chat-sidebar .sidebar-header .search-box input{padding:10px 40px;border:none;border-radius:8px;font-size:14px;color:#111b21;background:#f0f2f5}.whatsapp-chat .chat-sidebar .sidebar-header .search-box input::placeholder{color:#667781}.whatsapp-chat .chat-sidebar .sidebar-header .search-box input:focus{background:#fff;box-shadow:0 0 0 2px #00a884;border-color:transparent}.whatsapp-chat .chat-sidebar .sidebar-header .search-box .search-icon{left:14px;color:#54656f;width:20px;height:20px}.whatsapp-chat .chat-sidebar .sidebar-header .search-box .clear-search{right:10px;color:#54656f;font-size:20px;padding:4px;width:24px;height:24px}.whatsapp-chat .chat-sidebar .sidebar-header .search-box .clear-search:hover{background:#d1d7db}.whatsapp-chat .chat-sidebar .chat-item{padding:12px}.whatsapp-chat .chat-sidebar .chat-item .chat-avatar{width:45px;height:45px}.whatsapp-chat .chat-main .chat-header{padding:12px 15px}.whatsapp-chat .chat-main .chat-header h3{font-size:14px}.whatsapp-chat .chat-main .chat-header .header-actions{gap:6px}.whatsapp-chat .chat-main .chat-header .header-actions .message-search{min-width:120px}.whatsapp-chat .chat-main .chat-header .header-actions .message-search input{padding:5px 22px;font-size:12px}.whatsapp-chat .chat-main .chat-header .header-actions .message-search .search-icon{left:6px;width:14px;height:14px}.whatsapp-chat .chat-main .chat-header .header-actions .message-search .clear-search{right:4px;width:16px;height:16px;font-size:14px}.whatsapp-chat .chat-main .chat-header .header-actions .date-filter select{padding:6px 8px;font-size:12px}.whatsapp-chat .chat-main .chat-header .header-actions .calendar-btn{padding:6px}.whatsapp-chat .chat-main{position:absolute;right:0;top:0;width:100%;height:100%;transform:translate(100%);transition:transform .3s ease;z-index:2;flex:1;min-height:0;overflow:hidden}.whatsapp-chat .chat-main.show-mobile{transform:translate(0)!important}.whatsapp-chat .chat-main .chat-messages{padding:10px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.whatsapp-chat .chat-main .chat-messages .message .message-bubble{max-width:85%;padding:8px 12px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .message-media{max-height:250px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-audio-message{min-width:180px;max-width:220px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message{max-width:250px}.whatsapp-chat .chat-main .chat-input{padding:10px}.whatsapp-chat .chat-main .chat-input .input-wrapper{gap:6px}.whatsapp-chat .chat-main .chat-input .input-wrapper .attach-btn{padding:6px}.whatsapp-chat .chat-main .chat-input .input-wrapper input{padding:10px 12px;font-size:14px}.whatsapp-chat .chat-main .chat-input .input-wrapper .send-btn{padding:10px 18px;font-size:13px}}@media(max-width:480px){.whatsapp-chat .chat-sidebar .sidebar-header{padding:8px 10px}.whatsapp-chat .chat-sidebar .sidebar-header h2{font-size:16px}.whatsapp-chat .chat-sidebar .sidebar-header .search-box input{font-size:13px;padding:8px 32px}.whatsapp-chat .chat-sidebar .sidebar-header .search-box .search-icon{left:10px;width:18px;height:18px}.whatsapp-chat .chat-sidebar .sidebar-header .search-box .clear-search{right:6px;width:22px;height:22px;font-size:18px}.whatsapp-chat .chat-sidebar .chat-item{padding:10px}.whatsapp-chat .chat-sidebar .chat-item .chat-avatar{width:40px;height:40px;margin-right:10px;font-size:14px}.whatsapp-chat .chat-sidebar .chat-item .chat-info .chat-phone{font-size:14px}.whatsapp-chat .chat-sidebar .chat-item .chat-info .chat-last-msg{font-size:12px}.whatsapp-chat .chat-sidebar .chat-item .chat-info .unread-badge{font-size:11px;padding:1px 5px}.whatsapp-chat .chat-main .chat-header{padding:10px 12px}.whatsapp-chat .chat-main .chat-header h3{font-size:14px}.whatsapp-chat .chat-main .chat-header .header-actions{gap:4px}.whatsapp-chat .chat-main .chat-header .header-actions .message-search{min-width:100px}.whatsapp-chat .chat-main .chat-header .header-actions .message-search input{padding:4px 20px;font-size:11px}.whatsapp-chat .chat-main .chat-header .header-actions .message-search .search-icon{left:5px;width:12px;height:12px}.whatsapp-chat .chat-main .chat-header .header-actions .message-search .clear-search{right:3px;width:14px;height:14px;font-size:12px}.whatsapp-chat .chat-main .chat-header .header-actions .date-filter select{font-size:11px;padding:5px 6px}.whatsapp-chat .chat-main .chat-header .header-actions .calendar-btn{padding:5px}.whatsapp-chat .chat-main .chat-header .header-actions .calendar-btn svg{width:18px;height:18px}.whatsapp-chat .chat-main .chat-messages{padding:8px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble{max-width:90%;font-size:14px;padding:7px 10px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .message-time{font-size:10px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .message-media{max-height:200px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-audio-message{min-width:160px;max-width:200px;padding:6px 10px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-audio-message .audio-icon{width:28px;height:28px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-audio-message .audio-time{font-size:11px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message{max-width:220px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-header{padding:10px 12px 6px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-header .file-type-icon{width:28px;height:28px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-header .file-type-icon .file-text{font-size:9px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-header .document-title{font-size:13px}.whatsapp-chat .chat-main .chat-messages .message .message-bubble .whatsapp-document-message .document-content .document-footer{padding:0 12px 10px 50px;font-size:11px}.whatsapp-chat .chat-main .chat-messages .date-divider span{font-size:11px;padding:5px 10px}.whatsapp-chat .chat-main .chat-input{padding:8px}.whatsapp-chat .chat-main .chat-input .file-preview{padding:6px 10px;font-size:12px}.whatsapp-chat .chat-main .chat-input .input-wrapper{gap:5px}.whatsapp-chat .chat-main .chat-input .input-wrapper .attach-btn{padding:5px}.whatsapp-chat .chat-main .chat-input .input-wrapper .attach-btn svg{width:18px;height:18px}.whatsapp-chat .chat-main .chat-input .input-wrapper input{padding:8px 12px;font-size:13px}.whatsapp-chat .chat-main .chat-input .input-wrapper .send-btn{padding:8px 14px;font-size:12px}}.wa-label-tabs{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014}.wa-tab{padding:4px 12px;font-size:13px;border-radius:999px;border:1px solid #e5e7eb;background:#f3f4f6;color:#5f6368;cursor:pointer;white-space:nowrap;transition:all .2s ease;outline:none;box-shadow:none}.wa-tab:hover{background:#e8eaed}.wa-tab.active{background:#d9fdd3;color:#05603a;border-color:transparent;font-weight:500;outline:none;box-shadow:none}.wa-tab:focus{outline:none;box-shadow:none}.more-btn{font-size:16px;font-weight:600;line-height:1}.wa-dropdown-menu{position:absolute;top:36px;right:0;min-width:160px;background:#fff;border-radius:10px;box-shadow:0 8px 24px #00000026;z-index:1000;overflow:hidden;animation:fadeIn .15s ease-out}.wa-dropdown-item{padding:10px 14px;font-size:13px;color:#3c4043;cursor:pointer;transition:background .2s ease}.wa-dropdown-item:hover{background:#f5f6f7}.wa-dropdown-item.active{background:#d9fdd3;color:#05603a;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bulk-whatsapp{padding:24px;margin:0 auto;min-height:calc(100vh - 60px);max-width:1600px}.bulk-whatsapp .page-header{text-align:left;margin-bottom:32px}.bulk-whatsapp .page-header .page-title h1{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:8px}.bulk-whatsapp .page-header .page-title .page-subtitle{font-size:16px;color:#64748b;font-weight:400}.bulk-whatsapp .page-header .settings-btn{padding:10px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;cursor:pointer;transition:all .2s ease;display:flex!important;align-items:center;justify-content:center;color:#64748b;min-width:auto!important;width:auto!important;height:auto!important}.bulk-whatsapp .page-header .settings-btn:hover{background:#f8fafc!important;border-color:#25d366!important;color:#25d366;transform:rotate(90deg)}.bulk-whatsapp .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;width:100%}@media(max-width:1100px){.bulk-whatsapp .content-grid{grid-template-columns:1fr}}.bulk-whatsapp .form-section{background:#fff;border-radius:12px;padding:32px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a;height:fit-content;grid-column:1;min-width:600px}.bulk-whatsapp .form-section .form-group{margin-bottom:24px}.bulk-whatsapp .form-section .form-group .form-label{display:flex;align-items:center;gap:4px;margin-bottom:8px;font-weight:600;font-size:14px;color:#374151}.bulk-whatsapp .form-section .form-group .form-label .required{color:#dc2626;font-weight:700}.bulk-whatsapp .form-section .form-group .form-input,.bulk-whatsapp .form-section .form-group .form-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff;color:#333}.bulk-whatsapp .form-section .form-group .form-input:focus,.bulk-whatsapp .form-section .form-group .form-textarea:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.bulk-whatsapp .form-section .form-group .form-input::placeholder,.bulk-whatsapp .form-section .form-group .form-textarea::placeholder{color:#9ca3af}.bulk-whatsapp .form-section .form-group .form-input:disabled,.bulk-whatsapp .form-section .form-group .form-textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.bulk-whatsapp .form-section .form-group .form-textarea{font-family:Inter,sans-serif;resize:vertical;min-height:120px;line-height:1.5}.bulk-whatsapp .form-section .form-group .form-hint{display:block;color:#6b7280;font-size:12px;margin-top:6px;font-style:italic}.bulk-whatsapp .form-section .form-group .schedule-type-selector{display:flex;gap:16px}.bulk-whatsapp .form-section .form-group .schedule-type-selector .radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.bulk-whatsapp .form-section .form-group .schedule-type-selector .radio-option input[type=radio]{width:auto;margin:0}.bulk-whatsapp .form-section .form-group .schedule-type-selector .radio-option span{font-size:14px;color:#374151;font-weight:500}.bulk-whatsapp .form-section .form-group .days-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.bulk-whatsapp .form-section .form-group .days-selector .day-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s ease}.bulk-whatsapp .form-section .form-group .days-selector .day-option input[type=checkbox]{width:auto;margin:0}.bulk-whatsapp .form-section .form-group .days-selector .day-option span{font-size:13px;color:#374151;font-weight:500}.bulk-whatsapp .form-section .form-group .days-selector .day-option:hover{border-color:#25d366;background-color:#f0fdf4}.bulk-whatsapp .form-section .form-group .days-selector .day-option:has(input:checked){border-color:#25d366;background-color:#dcfce7;color:#166534}.bulk-whatsapp .form-section .form-group .days-selector .day-option:has(input:checked) span{color:#166534}.bulk-whatsapp .form-section .form-group .time-input{max-width:200px}.bulk-whatsapp .form-section .file-upload-container .file-input{display:none}.bulk-whatsapp .form-section .file-upload-container .file-upload-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:20px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-bottom:12px}.bulk-whatsapp .form-section .file-upload-container .file-upload-btn .upload-icon{font-size:24px}.bulk-whatsapp .form-section .file-upload-container .file-upload-btn .upload-text{font-weight:500;color:#64748b;font-size:14px}.bulk-whatsapp .form-section .file-upload-container .file-upload-btn:hover{background:#f0fdf4;border-color:#25d366}.bulk-whatsapp .form-section .file-upload-container .file-upload-btn:hover .upload-text{color:#25d366}.bulk-whatsapp .form-section .file-upload-container .file-success{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:8px}.bulk-whatsapp .form-section .file-upload-container .file-success .success-icon{color:#16a34a;font-weight:700;font-size:16px}.bulk-whatsapp .form-section .file-upload-container .file-success .success-text{color:#15803d;font-weight:500;font-size:14px;flex:1}.bulk-whatsapp .form-section .file-upload-container .file-success .remove-file-btn{padding:4px!important;background:transparent!important;border:none!important;cursor:pointer;color:#15803d;border-radius:4px!important;display:flex!important;align-items:center;transition:all .2s ease;min-width:auto!important;width:auto!important;height:auto!important}.bulk-whatsapp .form-section .file-upload-container .file-success .remove-file-btn:hover{background:#dc26261a!important;color:#dc2626}.bulk-whatsapp .form-section .divider{position:relative;text-align:center;margin:32px 0}.bulk-whatsapp .form-section .divider .divider-text{background:#fff;color:#6b7280;font-weight:600;font-size:14px;padding:0 16px;position:relative;z-index:1}.bulk-whatsapp .form-section .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb;z-index:0}.bulk-whatsapp .form-section .manual-input-section .form-group:last-child{margin-bottom:0}.bulk-whatsapp .form-section .form-actions{margin-top:32px}.bulk-whatsapp .form-section .form-actions .send-btn{display:flex!important;align-items:center;justify-content:center;gap:12px;width:100%!important;padding:16px 24px!important;background:linear-gradient(135deg,#25d366,#20ba5a)!important;color:#fff!important;border:none!important;border-radius:10px!important;font-size:16px!important;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #25d3664d;min-width:auto!important;height:auto!important}.bulk-whatsapp .form-section .form-actions .send-btn .send-icon{font-size:18px}.bulk-whatsapp .form-section .form-actions .send-btn .loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.bulk-whatsapp .form-section .form-actions .send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.bulk-whatsapp .form-section .form-actions .send-btn:disabled{background:#9ca3af!important;cursor:not-allowed;transform:none;box-shadow:none}.bulk-whatsapp .form-section .form-actions .send-btn.loading{background:#6b7280!important}.bulk-whatsapp .results-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a;height:fit-content;grid-column:2}@media(max-width:1100px){.bulk-whatsapp .results-section{grid-column:1}}.bulk-whatsapp .results-section .results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:12px}.bulk-whatsapp .results-section .results-header h2{font-size:18px;font-weight:600;color:#1e293b;margin:0}.bulk-whatsapp .results-section .results-header .results-summary{display:flex;gap:8px}.bulk-whatsapp .results-section .results-header .results-summary .success-count,.bulk-whatsapp .results-section .results-header .results-summary .failed-count{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.bulk-whatsapp .results-section .results-header .results-summary .success-count{background:#dcfce7;color:#166534}.bulk-whatsapp .results-section .results-header .results-summary .failed-count{background:#fef2f2;color:#991b1b}.bulk-whatsapp .results-section .results-list{max-height:400px;overflow-y:auto}.bulk-whatsapp .results-section .results-list .result-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:8px;border-radius:8px;border:1px solid transparent;transition:all .2s ease}.bulk-whatsapp .results-section .results-list .result-item .result-info{flex:1}.bulk-whatsapp .results-section .results-list .result-item .result-info .result-phone{font-family:Monaco,Menlo,monospace;font-size:13px;font-weight:500;margin-bottom:4px}.bulk-whatsapp .results-section .results-list .result-item .result-info .result-error-msg{font-size:11px;opacity:.8;font-style:italic}.bulk-whatsapp .results-section .results-list .result-item .result-status{display:flex;align-items:center;gap:6px}.bulk-whatsapp .results-section .results-list .result-item .result-status .status-icon{font-weight:700;font-size:14px}.bulk-whatsapp .results-section .results-list .result-item .result-status .status-icon.success{color:#16a34a}.bulk-whatsapp .results-section .results-list .result-item .result-status .status-icon.error{color:#dc2626}.bulk-whatsapp .results-section .results-list .result-item .result-status .status-text{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bulk-whatsapp .results-section .results-list .result-item.success{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.bulk-whatsapp .results-section .results-list .result-item.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.bulk-whatsapp .results-section .results-list .result-item:hover{transform:translate(4px)}.bulk-whatsapp .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.bulk-whatsapp .modal-overlay .modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 6px #0000001a}.bulk-whatsapp .modal-overlay .modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e5e7eb}.bulk-whatsapp .modal-overlay .modal-content .modal-header .modal-title-section{display:flex;align-items:center;gap:10px}.bulk-whatsapp .modal-overlay .modal-content .modal-header .modal-title-section h2{font-size:18px;font-weight:600;color:#1e293b;margin:0}.bulk-whatsapp .modal-overlay .modal-content .modal-header .close-btn{padding:6px!important;background:transparent!important;border:none!important;cursor:pointer;color:#64748b;border-radius:4px!important;display:flex!important;min-width:auto!important;width:auto!important;height:auto!important}.bulk-whatsapp .modal-overlay .modal-content .modal-header .close-btn:hover{background:#f1f5f9!important}.bulk-whatsapp .modal-overlay .modal-content .modal-body{padding:20px}.bulk-whatsapp .modal-overlay .modal-content .modal-body .settings-form .form-group{margin-bottom:16px}.bulk-whatsapp .modal-overlay .modal-content .modal-body .settings-form .form-group:last-child{margin-bottom:0}.bulk-whatsapp .modal-overlay .modal-content .modal-body .settings-form .form-group .form-label{display:block;margin-bottom:6px;font-weight:600;font-size:14px;color:#374151}.bulk-whatsapp .modal-overlay .modal-content .modal-body .settings-form .form-group .form-input,.bulk-whatsapp .modal-overlay .modal-content .modal-body .settings-form .form-group .form-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;color:#333}.bulk-whatsapp .modal-overlay .modal-content .modal-body .settings-form .form-group .form-input:focus,.bulk-whatsapp .modal-overlay .modal-content .modal-body .settings-form .form-group .form-textarea:focus{outline:none;border-color:#25d366}.bulk-whatsapp .modal-overlay .modal-content .modal-body .settings-form .form-group .form-textarea{resize:vertical;font-family:monospace;font-size:12px;min-height:100px}.bulk-whatsapp .modal-overlay .modal-content .modal-footer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid #e5e7eb;justify-content:flex-end}.bulk-whatsapp .modal-overlay .modal-content .modal-footer .cancel-btn,.bulk-whatsapp .modal-overlay .modal-content .modal-footer .save-btn{display:flex!important;align-items:center;gap:6px;padding:8px 16px!important;border-radius:6px!important;font-size:14px!important;font-weight:600;cursor:pointer;min-width:auto!important;width:auto!important;height:auto!important}.bulk-whatsapp .modal-overlay .modal-content .modal-footer .cancel-btn{background:#fff!important;border:1px solid #d1d5db!important;color:#374151!important}.bulk-whatsapp .modal-overlay .modal-content .modal-footer .cancel-btn:hover{background:#f9fafb!important}.bulk-whatsapp .modal-overlay .modal-content .modal-footer .save-btn{background:#25d366!important;border:none!important;color:#fff!important}.bulk-whatsapp .modal-overlay .modal-content .modal-footer .save-btn:hover{background:#20ba5a!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-hint{display:block;margin-top:6px;font-size:13px;font-weight:600;letter-spacing:.15px}.form-hint--success{color:#00b686!important}.form-hint--warning{color:#e74c3c!important}.edit-campaign-container{padding:24px;background-color:#f5f5f5;min-height:100vh}.edit-campaign-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.edit-campaign-header h2{font-size:24px;font-weight:700;color:#333;margin:0}.edit-campaign-header .back-btn{background-color:#6b7280;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.edit-campaign-header .back-btn:hover{background-color:#4b5563}.edit-campaign-form{background-color:#fff;border-radius:8px;padding:32px;box-shadow:0 1px 3px #0000001a;max-width:800px}.edit-campaign-form .form-group{margin-bottom:24px}.edit-campaign-form .form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#374151}.edit-campaign-form .form-group input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#111827;box-sizing:border-box}.edit-campaign-form .form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.edit-campaign-form .form-group .schedule-type-selector{display:flex;gap:16px}.edit-campaign-form .form-group .schedule-type-selector .radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.edit-campaign-form .form-group .schedule-type-selector .radio-option input[type=radio]{width:auto;margin:0}.edit-campaign-form .form-group .schedule-type-selector .radio-option span{font-size:14px;color:#374151;font-weight:500}.edit-campaign-form .form-group .days-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.edit-campaign-form .form-group .days-selector .day-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s ease}.edit-campaign-form .form-group .days-selector .day-option input[type=checkbox]{width:auto;margin:0}.edit-campaign-form .form-group .days-selector .day-option span{font-size:13px;color:#374151;font-weight:500}.edit-campaign-form .form-group .days-selector .day-option:hover{border-color:#25d366;background-color:#f0fdf4}.edit-campaign-form .form-group .days-selector .day-option:has(input:checked){border-color:#25d366;background-color:#dcfce7;color:#166534}.edit-campaign-form .form-group .days-selector .day-option:has(input:checked) span{color:#166534}.edit-campaign-form .form-group .time-input{max-width:200px}.edit-campaign-form .form-group small{display:block;color:#6b7280;font-size:12px;margin-top:6px;font-style:italic}.edit-campaign-form .contact-input{display:flex;gap:8px;margin-bottom:16px}.edit-campaign-form .contact-input input{flex:1}.edit-campaign-form .contact-input input:first-child{flex:1.2}.edit-campaign-form .contact-input .add-contact-btn{background-color:#3b82f6;color:#fff;padding:12px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;flex-shrink:0}.edit-campaign-form .contact-input .add-contact-btn:hover{background-color:#2563eb}.edit-campaign-form .contacts-list{max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:4px;padding:12px}.edit-campaign-form .contacts-list .contact-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f9fafb;border-radius:4px;margin-bottom:8px;font-size:14px}.edit-campaign-form .contacts-list .contact-item:last-child{margin-bottom:0}.edit-campaign-form .contacts-list .contact-item .contact-info{display:flex;flex-direction:column;flex:1}.edit-campaign-form .contacts-list .contact-item .contact-info .contact-name{font-weight:500;color:#333;margin-bottom:4px}.edit-campaign-form .contacts-list .contact-item .contact-info .contact-phone{font-size:12px;color:#666}.edit-campaign-form .contacts-list .contact-item .remove-contact-btn{background-color:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:12px}.edit-campaign-form .contacts-list .contact-item .remove-contact-btn:hover{background-color:#dc2626}.edit-campaign-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.edit-campaign-form .form-actions .update-btn{background-color:#10b981;color:#fff;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.edit-campaign-form .form-actions .update-btn:disabled{opacity:.5;cursor:not-allowed}.edit-campaign-form .form-actions .update-btn:hover:not(:disabled){background-color:#059669}.edit-campaign-form .form-actions .cancel-btn{background-color:#6b7280;color:#fff;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.edit-campaign-form .form-actions .cancel-btn:hover{background-color:#4b5563}.campaign-results{padding:24px;margin:0 auto;min-height:calc(100vh - 60px);max-width:1600px}.campaign-results .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.campaign-results .page-header .page-title h1{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:8px}.campaign-results .page-header .page-title .page-subtitle{font-size:16px;color:#64748b;font-weight:400}.campaign-results .page-header .back-btn{background:#f3f4f6;border:1px solid #d1d5db;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;color:#374151;font-weight:500;transition:all .2s ease}.campaign-results .page-header .back-btn:hover{background:#e5e7eb;border-color:#25d366;color:#25d366}.campaign-results .campaign-info-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.campaign-results .campaign-info-card .campaign-details h3{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:8px}.campaign-results .campaign-info-card .campaign-details p{margin:4px 0;color:#64748b;font-size:14px}.campaign-results .campaign-info-card .download-actions{display:flex;gap:12px}.campaign-results .campaign-info-card .download-actions .download-btn{background:#25d366;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.campaign-results .campaign-info-card .download-actions .download-btn:hover{background:#22c55e;transform:translateY(-1px)}.campaign-results .content-grid{display:grid;grid-template-columns:1fr;gap:32px;width:100%}.campaign-results .results-section{background:#fff;border-radius:12px;padding:32px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a}.campaign-results .results-section .results-summary{display:flex;gap:20px;margin-bottom:32px;flex-wrap:wrap}.campaign-results .results-section .results-summary .summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease;flex:1;min-width:200px}.campaign-results .results-section .results-summary .summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.campaign-results .results-section .results-summary .summary-card.total .card-icon{background:#f3f4f6;color:#6b7280}.campaign-results .results-section .results-summary .summary-card.sent .card-icon{background:#dbeafe;color:#3b82f6}.campaign-results .results-section .results-summary .summary-card.sent .summary-number{color:#3b82f6}.campaign-results .results-section .results-summary .summary-card.delivered .card-icon{background:#d1fae5;color:#10b981}.campaign-results .results-section .results-summary .summary-card.delivered .summary-number{color:#10b981}.campaign-results .results-section .results-summary .summary-card.failed .card-icon{background:#fee2e2;color:#ef4444}.campaign-results .results-section .results-summary .summary-card.failed .summary-number{color:#ef4444}.campaign-results .results-section .results-summary .summary-card.responded .card-icon{background:#f3e8ff;color:#8b5cf6}.campaign-results .results-section .results-summary .summary-card.responded .summary-number{color:#8b5cf6}.campaign-results .results-section .results-summary .summary-card .card-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.campaign-results .results-section .results-summary .summary-card .card-content{flex:1}.campaign-results .results-section .results-summary .summary-card .card-content h3{margin:0 0 8px;font-size:14px;color:#6b7280;font-weight:500}.campaign-results .results-section .results-summary .summary-card .card-content .summary-number{font-size:24px;font-weight:700;color:#1f2937;display:block}.campaign-results .results-section .results-filters{display:flex;gap:24px;margin-bottom:32px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.campaign-results .results-section .results-filters .filter-group{display:flex;align-items:center;gap:8px}.campaign-results .results-section .results-filters .filter-group label{font-size:14px;font-weight:500;color:#374151}.campaign-results .results-section .results-filters .filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease}.campaign-results .results-section .results-filters .filter-group select:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.campaign-results .results-section .results-table{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;margin-bottom:32px}.campaign-results .results-section .results-table table{width:100%;border-collapse:collapse}.campaign-results .results-section .results-table table thead{background:#f8fafc}.campaign-results .results-section .results-table table thead th{padding:16px 20px;text-align:left;font-weight:600;color:#374151;font-size:14px;border-bottom:1px solid #e2e8f0}.campaign-results .results-section .results-table table tbody tr{border-bottom:1px solid #f3f4f6}.campaign-results .results-section .results-table table tbody tr:hover{background:#f9fafb}.campaign-results .results-section .results-table table tbody tr td{padding:16px 20px;font-size:14px;color:#374151;vertical-align:top}.campaign-results .results-section .results-table table tbody tr td .status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.campaign-results .results-section .results-table table tbody tr td .status-badge.status-sent{background:#dbeafe;color:#1e40af}.campaign-results .results-section .results-table table tbody tr td .status-badge.status-delivered{background:#d1fae5;color:#065f46}.campaign-results .results-section .results-table table tbody tr td .status-badge.status-read{background:#e0e7ff;color:#3730a3}.campaign-results .results-section .results-table table tbody tr td .status-badge.status-failed{background:#fee2e2;color:#991b1b}.campaign-results .results-section .results-table table tbody tr td .status-badge.status-unknown{background:#f3f4f6;color:#6b7280}.campaign-results .results-section .results-table table tbody tr td .response-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.campaign-results .results-section .results-table table tbody tr td .response-badge.responded{background:#f3e8ff;color:#6b21a8}.campaign-results .results-section .results-table table tbody tr td .response-badge.not-responded{background:#f3f4f6;color:#6b7280}.campaign-results .results-section .results-table table tbody tr td .last-response .response-text{font-size:13px;color:#374151;margin-bottom:4px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-results .results-section .results-table table tbody tr td .last-response .response-time{font-size:11px;color:#9ca3af}.campaign-results .results-section .pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:32px;padding:20px}.campaign-results .results-section .pagination .pagination-btn{background:#f3f4f6;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;color:#374151;font-weight:500;transition:all .2s ease}.campaign-results .results-section .pagination .pagination-btn:hover:not(:disabled){background:#e5e7eb;border-color:#25d366;color:#25d366}.campaign-results .results-section .pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.campaign-results .results-section .pagination .pagination-info{font-size:14px;color:#6b7280;font-weight:500}@media(max-width:1200px){.campaign-results .results-summary{flex-direction:column}.campaign-results .results-summary .summary-card{min-width:100%}}@media(max-width:768px){.campaign-results{padding:16px}.campaign-results .page-header{flex-direction:column;align-items:flex-start;gap:16px}.campaign-results .campaign-info-card{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.campaign-results .results-section{padding:20px}.campaign-results .results-section .results-filters{flex-direction:column;gap:16px}.campaign-results .results-section .results-table{overflow-x:auto}.campaign-results .results-section .results-table table{min-width:800px}.campaign-results .results-section .pagination{flex-direction:column;gap:16px}}.campaigns-container{padding:24px;background-color:#fff}.campaigns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.campaigns-header h2{font-size:24px;font-weight:700;color:#333;margin:0}.campaigns-header .campaigns-controls{display:flex;gap:12px;align-items:center}.campaigns-header .campaigns-controls .phone-filter{padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#374151;background-color:#fff;cursor:pointer;min-width:200px}.campaigns-header .campaigns-controls .phone-filter:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.campaigns-header .campaigns-controls .refresh-btn{display:flex;align-items:center;gap:8px;background-color:#075e54;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.campaigns-header .campaigns-controls .refresh-btn:hover{background-color:#064d44}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;padding:24px;border-radius:8px;width:400px;max-height:400px;overflow-y:auto}.modal-content h3{font-size:18px;font-weight:700;margin-bottom:16px;color:#111827}.modal-content .form-group{margin-bottom:16px}.modal-content .form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#374151}.modal-content .form-group input{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#111827;box-sizing:border-box}.modal-content .contact-input{display:flex;gap:8px;margin-bottom:12px}.modal-content .contact-input input{flex:1}.modal-content .contact-input input:first-child{flex:1.2}.modal-content .contact-input .add-contact-btn{background-color:#3b82f6;color:#fff;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;flex-shrink:0}.modal-content .contact-input .add-contact-btn:hover{background-color:#2563eb}.modal-content .contacts-list{max-height:150px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:4px;padding:8px}.modal-content .contacts-list .contact-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background-color:#f9fafb;border-radius:4px;margin-bottom:4px;font-size:14px}.modal-content .contacts-list .contact-item:last-child{margin-bottom:0}.modal-content .contacts-list .contact-item .contact-info{display:flex;flex-direction:column;flex:1}.modal-content .contacts-list .contact-item .contact-info .contact-name{font-weight:500;color:#333;margin-bottom:2px}.modal-content .contacts-list .contact-item .contact-info .contact-phone{font-size:12px;color:#666}.modal-content .contacts-list .contact-item .remove-contact-btn{background-color:#ef4444;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:8px}.modal-content .contacts-list .contact-item .remove-contact-btn:hover{background-color:#dc2626}.modal-content .modal-actions{display:flex;gap:8px}.modal-content .modal-actions .update-btn{background-color:#10b981;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.modal-content .modal-actions .update-btn:disabled{opacity:.5}.modal-content .modal-actions .update-btn:hover:not(:disabled){background-color:#059669}.modal-content .modal-actions .cancel-btn{background-color:#6b7280;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.modal-content .modal-actions .cancel-btn:hover{background-color:#4b5563}.campaigns-table{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.campaigns-table table{width:100%;border-collapse:collapse}.campaigns-table table thead{background-color:#f9fafb}.campaigns-table table thead th{padding:12px 24px;text-align:left;font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase}.campaigns-table table tbody{background-color:#fff}.campaigns-table table tbody tr{border-top:1px solid #e5e7eb}.campaigns-table table tbody tr td{padding:16px 24px;font-size:14px;color:#111827}.campaigns-table table tbody tr td.campaign-name{font-weight:500}.campaigns-table table tbody tr td .status-badge{display:inline-flex;padding:4px 8px;font-size:12px;font-weight:600;border-radius:9999px}.campaigns-table table tbody tr td .status-badge.completed{background-color:#dcfce7;color:#166534}.campaigns-table table tbody tr td .status-badge.running{background-color:#dbeafe;color:#1e40af}.campaigns-table table tbody tr td .status-badge.failed{background-color:#fee2e2;color:#dc2626}.campaigns-table table tbody tr td .status-badge.draft{background-color:#f3f4f6;color:#374151}.campaigns-table table tbody tr td .status-badge.scheduled{background-color:#fef3c7;color:#d97706}.campaigns-table table tbody tr td .results .success{color:#16a34a}.campaigns-table table tbody tr td .results .failed{color:#dc2626}.campaigns-table table tbody tr td.actions button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;transition:all .2s;background:transparent;color:#555}.campaigns-table table tbody tr td.actions button:hover:not(:disabled){background:#f5f5f5;transform:translateY(-1px)}.campaigns-table table tbody tr td.actions button:disabled{opacity:.4;cursor:not-allowed}.campaigns-table .actions{display:flex;gap:4px}.campaigns-table .actions .rerun-btn{color:#2563eb}.campaigns-table .actions .rerun-btn:hover:not(:disabled){background:#eff6ff!important;color:#1d4ed8}.campaigns-table .actions .results-btn{color:#8b5cf6}.campaigns-table .actions .results-btn:hover:not(:disabled){background:#f5f3ff!important;color:#7c3aed}.campaigns-table .actions .edit-btn{color:#10b981}.campaigns-table .actions .edit-btn:hover:not(:disabled){background:#ecfdf5!important;color:#059669}.campaigns-table .actions .delete-btn{color:#ef4444}.campaigns-table .actions .delete-btn:hover:not(:disabled){background:#fef2f2!important;color:#dc2626}.no-campaigns{text-align:center;padding:32px;color:#6b7280}.pagination .pagination-btn{background-color:#25d366;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.pagination .pagination-btn:hover:not(:disabled){background-color:#22c55e}.pagination .pagination-btn:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.pagination .pagination-info{font-size:14px;color:#374151;font-weight:500}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f2eeee}.login-box{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 12px #0003;width:100%;max-width:400px}.login-box h1{color:#075e54;margin-bottom:24px;text-align:center;font-size:24px}.login-box form{display:flex;flex-direction:column;gap:16px}.login-box input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#333;background-color:#fff}.login-box input:focus{outline:none;border-color:#075e54}.login-box button{padding:12px;background-color:#075e54;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s ease}.login-box button:hover{background-color:#064d44}.auto-filled-text{color:#28a745!important;font-size:12px;font-weight:500}.button-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px;margin:8px 0}.button-title{margin-bottom:6px;font-size:14px}.button-payload{font-size:13px;color:#666}.button-label{font-weight:600;color:#495057}.payload-label{font-weight:600;color:#6c757d}.button-list{margin-top:8px}.button-row{display:flex;gap:10px;margin-bottom:10px;align-items:center}.button-row input{flex:1}.btn-danger-small{background:#dc3545;color:#fff;border:none;border-radius:4px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-danger-small:hover{background:#c82333}.main-content .auto-reply-container{padding:20px!important;width:100%!important;margin:0!important;background:#f5f7fa!important;height:calc(100vh - 60px)!important;overflow-y:auto!important}.page-header{margin-bottom:20px}.page-title h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 4px;line-height:1.2}.page-subtitle{font-size:16px;color:#666;font-weight:400}.reply-form{display:flex;flex-direction:column;gap:24px}.add-reply-section{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001f;max-width:900px}.add-reply-section h3{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.form-row{display:grid;grid-template-columns:300px 1fr;gap:20px;margin-bottom:20px;align-items:start}.form-group{display:flex;flex-direction:column}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:15px;color:#333;font-family:inherit;resize:vertical;background:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#075e54;box-shadow:0 0 0 2px #075e541a}.btn-add{display:flex;align-items:center;gap:8px;background:#25d366;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.btn-add:hover{background:#25d366}.btn-add:disabled{background:#ccc;cursor:not-allowed}.replies-list{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001f;max-width:900px}.replies-list h3{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.no-replies{text-align:center;color:#666;font-style:italic;padding:40px 0}.replies-grid{display:flex;flex-direction:column;gap:12px}.reply-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.reply-content{flex:1}.trigger-text,.response-text{margin-bottom:8px;font-size:14px}.trigger-text strong,.response-text strong{color:#333;font-weight:600}.trigger-text{color:#25d366}.response-text{color:#555}.btn-icon{background:none;border:none;padding:6px;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s ease}.btn-icon:hover{background:#f1f5f9;color:#374151}.btn-icon.danger{color:#ef4444}.btn-icon.danger:hover{background:#fee2e2;color:#dc2626}.success-message{position:fixed;top:24px;right:24px;background:#25d366;color:#fff;padding:12px 16px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideIn .3s ease}.chatbot-container{padding:20px;width:1200px;max-width:100%;margin:0 auto;color:#333}.chatbot-header{margin-bottom:30px}.header-title{display:flex;align-items:center;gap:16px}.header-icon{color:#25d366;width:32px;height:32px}.chatbot-header h1{font-size:28px;font-weight:700;color:#1e293b;margin:0}.chatbot-header p{color:#64748b;font-size:16px;margin:4px 0 0}.chatbot-content{display:grid;grid-template-columns:585px 585px;gap:30px;align-items:start}.upload-section,.test-section{display:flex;flex-direction:column;gap:20px;min-height:600px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.section-header h2{font-size:20px;font-weight:600;color:#1e293b;margin:0}.section-icon{width:20px;height:20px;color:#25d366}.upload-card,.test-card,.documents-card,.chat-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000000d}.documents-card{height:400px;display:flex;flex-direction:column}.upload-area{padding:32px 20px;border:2px dashed #cbd5e1;border-radius:8px;text-align:center;transition:border-color .2s}.upload-area:hover{border-color:#25d366}.upload-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#25d366;color:#fff;border-radius:8px;cursor:pointer;transition:background .2s;text-decoration:none}.upload-button:hover{background:#22c55e}.upload-icon{width:18px;height:18px}.selected-file{margin-top:20px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;gap:12px}.file-icon{width:20px;height:20px;color:#64748b}.file-name{flex:1;color:#374151;font-weight:500}.documents-header,.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.documents-header h3,.chat-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.document-count,.message-count{font-size:14px;color:#64748b;background:#f1f5f9;padding:4px 8px;border-radius:12px}.documents-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;min-height:0}.empty-state{text-align:center;padding:60px 20px;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.empty-icon{width:48px;height:48px;margin:0 auto 12px;color:#cbd5e1}.document-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color .2s}.document-item:hover{border-color:#25d366}.doc-icon{width:16px;height:16px;color:#64748b}.doc-info{flex:1;display:flex;flex-direction:column;gap:2px}.doc-name{color:#374151;font-weight:500}.doc-date{color:#64748b;font-size:12px}.test-inputs{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:14px;font-weight:600;color:#374151}.form-input{padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;transition:border-color .2s}.form-input:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.message-input-area{display:flex;gap:8px}.message-input-area .form-input{flex:1}.btn-primary{background:#25d366;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger-small{background:#ef4444;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-danger-small:hover{background:#dc2626}.messages-container{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:4px}.message{padding:12px 16px;border-radius:12px;max-width:80%;word-wrap:break-word}.user-message{background:#dcf8c6;align-self:flex-end;margin-left:auto;border-bottom-right-radius:4px}.bot-message{background:#f1f5f9;align-self:flex-start;border-bottom-left-radius:4px}.message-content{margin-bottom:6px;color:#374151;line-height:1.4}.message-time{font-size:11px;color:#64748b;text-align:right}.bot-message .message-time{text-align:left}@media(max-width:768px){.chatbot-container{padding:16px}.chatbot-content{grid-template-columns:1fr;gap:20px}.upload-card,.test-card,.documents-card,.chat-history-card{padding:16px}.message{max-width:90%}.header-title{flex-direction:column;align-items:flex-start;gap:8px}}.contact-container{padding:16px;width:90%;min-height:calc(100vh - 80px)}.contact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-actions{display:flex;gap:12px;align-items:center}.header-left{display:flex;align-items:center;gap:12px}.header-left svg{color:#25d366}.contact-header h2{font-size:28px;font-weight:700;color:#1e293b;margin:0}.filters-section{display:flex;gap:20px;align-items:center;margin-bottom:16px;flex-wrap:nowrap}.delivery-stats{display:flex;gap:12px;align-items:center}.stat-item{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap}.stat-item.delivered{background:#f0fdf4;color:#166534}.stat-item.failed{background:#fef2f2;color:#dc2626}.stat-item.pending{background:#fef3c7;color:#d97706}.delivery-filter .filter-select{padding:8px 14px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;white-space:nowrap}.delivery-filter .filter-select:focus{outline:none;border-color:#25d366}.delivery-info{margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9}.delivery-status{display:flex;align-items:center;gap:6px;margin-bottom:6px}.status-text{font-size:12px;font-weight:500}.status-text.delivered{color:#166534}.status-text.failed{color:#dc2626}.status-text.pending{color:#d97706}.status-delivered{color:#22c55e}.status-failed{color:#ef4444}.status-pending{color:#f59e0b}.campaign-info{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b;margin-bottom:4px}.delivery-time{font-size:11px;color:#94a3b8}.search-bar{position:relative;flex:1;max-width:300px}.search-bar svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b}.search-bar input{width:100%;padding:12px 12px 12px 44px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease}.search-bar input:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.total-count{font-size:14px;color:#6b7280;font-weight:500}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:24px}.contacts-table{width:100%;border-collapse:collapse}.contacts-table thead{background-color:#f9fafb}.contacts-table th{padding:12px 24px;text-align:left;font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase}.contacts-table tbody{background-color:#fff}.contacts-table tbody tr{border-top:1px solid #e5e7eb}.contacts-table td{padding:16px 24px;font-size:14px;color:#111827}.loading{text-align:center;padding:40px;color:#6b7280;font-size:16px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px}.pagination-btn{background-color:#25d366;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s;display:flex;align-items:center;gap:8px}.pagination-btn:hover:not(:disabled){background-color:#22c55e}.pagination-btn:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.pagination-info{font-size:14px;color:#374151;font-weight:500}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:24px}.contact-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease;display:flex;gap:16px;align-items:flex-start}.contact-card:hover{border-color:#25d366;box-shadow:0 4px 12px #25d3661a}.contact-avatar{width:48px;height:48px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0}.contact-info{flex:1;min-width:0}.contact-info h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px}.contact-info p{margin:4px 0;font-size:14px;color:#64748b}.contact-info .phone{color:#374151;font-weight:500}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{background:#f0fdf4;color:#166534;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid #bbf7d0}.contact-actions{display:flex;gap:8px;flex-shrink:0}.btn-icon{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:none}.btn-icon.btn-danger{background:#ef4444;color:#fff}.btn-icon.btn-danger:hover{background:#dc2626}.action-buttons{display:flex;gap:8px;justify-content:center}.empty-state{text-align:center;padding:60px 20px;color:#64748b}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:16px;margin:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header h3{font-size:20px;font-weight:600;color:#1e293b;margin:0}.close-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#f1f5f9;color:#374151}.modal-content form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.form-group textarea{resize:vertical;min-height:80px}.tag-input-container{display:flex;gap:8px;align-items:center}.tag-input-container input{flex:1}.btn-add-tag{background:#f8fafc;border:1px solid #e2e8f0;padding:12px;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-add-tag:hover{background:#f1f5f9;border-color:#cbd5e1;color:#374151}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tags-list .tag{display:flex;align-items:center;gap:6px}.tags-list .tag button{background:none;border:none;color:#166534;cursor:pointer;font-size:16px;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%}.tags-list .tag button:hover{background:#1665341a}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e2e8f0;margin-top:20px}.btn-primary{background:#25d366;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#22c55e;transform:translateY(-1px)}.btn-primary:disabled{background:#d1d5db;cursor:not-allowed}.btn-secondary{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.bulk-import-content{padding:24px}.bulk-import-content p{margin-bottom:12px;color:#475569}.bulk-import-content ul{margin:12px 0;padding-left:24px;color:#475569}.bulk-import-content ul li{margin:6px 0}.csv-example{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin:16px 0}.csv-example strong{display:block;margin-bottom:8px;color:#1e293b}.csv-example pre{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:12px;margin:8px 0 0;font-size:13px;color:#475569;overflow-x:auto}@media(max-width:768px){.contact-container{padding:8px;width:100%}.contact-header h2{font-size:20px}.filters-section{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px}.search-bar{max-width:100%;order:1}.delivery-stats{order:2;justify-content:space-between;gap:8px}.stat-item{padding:6px 8px;font-size:12px;gap:4px}.delivery-filter{order:3}.delivery-filter .filter-select{width:100%;padding:8px 12px;font-size:12px}.contacts-grid{grid-template-columns:1fr;gap:12px}.contact-card{padding:16px;gap:12px}.contact-avatar{width:40px;height:40px;font-size:16px}.contact-info h3{font-size:14px}.contact-info p{font-size:12px}.contact-actions{gap:6px}.btn-icon{padding:6px}.modal-content{width:95%;margin:10px}.modal-actions{flex-direction:column}.tag-input-container{flex-direction:column;align-items:stretch}.table-container{overflow-x:auto}.contacts-table{min-width:600px}.contacts-table th,.contacts-table td{padding:12px 8px;font-size:12px}.pagination{flex-direction:column;gap:12px}.pagination-btn{padding:10px 14px;font-size:12px}}.subscription-container{padding:20px;background:#f5f7fa;height:calc(100vh - 60px);overflow-y:auto}.current-plan-card{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:16px;padding:32px;margin-bottom:40px;box-shadow:0 10px 30px #25d3664d;position:relative;overflow:hidden}.current-plan-card:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.plan-badge{margin-bottom:16px}.badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge.active{background:#ffffff40;color:#fff}.badge.expired{background:#ff3b3040;color:#fff}.plan-details h2{color:#fffc;font-size:14px;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.plan-details h3{color:#fff;font-size:32px;font-weight:700;margin-bottom:24px}.plan-info{display:flex;gap:48px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item .label{color:#ffffffb3;font-size:13px;font-weight:500}.info-item .value{color:#fff;font-size:20px;font-weight:600}.subscription-header{text-align:center;margin-bottom:40px}.subscription-header h1{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.subscription-header p{font-size:16px;color:#666}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto}.plan-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:32px;transition:all .3s}.plan-card.current{border-color:#25d366;box-shadow:0 4px 16px #25d36633}.plan-card:hover{border-color:#25d366;box-shadow:0 8px 24px #25d36626;transform:translateY(-4px)}.plan-card h3{font-size:24px;font-weight:600;color:#333;margin-bottom:16px}.plan-price{display:flex;align-items:baseline;margin-bottom:24px}.plan-price .currency{font-size:24px;color:#666;margin-right:4px}.plan-price .amount{font-size:48px;font-weight:700;color:#25d366}.plan-price .duration{font-size:16px;color:#666;margin-left:8px}.plan-features{list-style:none;padding:0;margin:0 0 32px}.plan-features li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0;color:#555;font-size:15px}.plan-features li:last-child{border-bottom:none}.plan-features li svg{color:#25d366;flex-shrink:0}.btn-subscribe{width:100%;padding:14px;background:#25d366;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.btn-subscribe:hover:not(:disabled){background:#20b858}.btn-subscribe:disabled{background:#ccc;cursor:not-allowed}.confirm-modal{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;box-shadow:0 10px 40px #0003}.confirm-modal h3{font-size:24px;font-weight:600;color:#333;margin-bottom:20px;text-align:center}.modal-plan-info{background:#f5f7fa;padding:20px;border-radius:8px;margin-bottom:20px}.modal-plan-info .plan-name{font-size:20px;font-weight:600;color:#333;margin-bottom:12px}.modal-plan-info .plan-price{font-size:24px;font-weight:700;color:#25d366}.confirm-text{color:#666;margin-bottom:24px;font-size:15px;line-height:1.5}.modal-actions{display:flex;gap:12px}.btn-cancel,.btn-confirm{flex:1;padding:12px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-confirm{background:#25d366;color:#fff}.btn-confirm:hover{background:#20b858}.tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:2px solid #e0e0e0}.tab{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:15px;font-weight:500;color:#666;transition:all .2s}.tab.active{color:#25d366;border-bottom-color:#25d366}.orders-history{max-width:1200px;margin:0 auto}.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:16px}.orders-list{display:grid;gap:16px}.order-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.order-header .header-right{display:flex;align-items:center;gap:12px}.current-badge{padding:4px 12px;background:#25d366;color:#fff;border-radius:12px;font-size:12px;font-weight:600}.order-header h3{font-size:20px;font-weight:600;color:#333;margin:0}.order-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;text-transform:capitalize}.order-status.active{background:#e3f2fd;color:#1976d2}.order-status.pending{background:#fff3e0;color:#f57c00}.order-status.expired{background:#ffebee;color:#d32f2f}.order-status.cancelled{background:#f5f5f5;color:#999}.order-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .label{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px}.detail-item .value{font-size:15px;font-weight:600;color:#333}.btn-use-plan{width:100%;margin-top:16px;padding:12px;background:#25d366;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.btn-use-plan:hover{background:#20b858}.downgrade-text{color:#666;font-size:15px;line-height:1.6;margin-bottom:12px}.downgrade-text strong{color:#333;font-weight:600}.confirm-modal h3{display:flex;align-items:center;justify-content:center;gap:8px}*{margin:0;padding:0;box-sizing:border-box}.dashboard{display:flex;height:100vh;background:#f5f5f5}.sidebar{position:fixed;top:0;left:0;width:250px;height:100vh;background:#f8f9fa;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;transition:transform .3s ease;z-index:1000}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}@media(min-width:769px){.sidebar.closed{transform:translate(-100%)}}.sidebar-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:12px;position:relative}.sidebar-header h2{font-size:18px;font-weight:600;color:#333;order:1;flex:1}.sidebar-header .sidebar-toggle{display:none!important;order:2}@media(max-width:768px){.sidebar.open .sidebar-header .sidebar-toggle{display:flex!important}}.sidebar-close-btn{display:none;width:32px;height:32px;border:none;background:#e0e0e0;border-radius:6px;cursor:pointer;color:#333;align-items:center;justify-content:center;transition:background .2s;margin-left:auto}.sidebar-close-btn:hover{background:#d0d0d0}@media(max-width:768px){.sidebar-close-btn{display:flex}}.sidebar-header svg{order:0}.sidebar-header h2{font-size:18px;font-weight:600;color:#333;order:1}@media(max-width:768px){.sidebar-header h2{flex:1}}.sidebar-nav{padding:10px 0}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border:none;background:transparent;width:100%;text-align:left;cursor:pointer;font-size:14px;color:#555;transition:all .2s}.nav-item-group{display:flex;flex-direction:column}.nav-submenu{margin-left:1.25rem;margin-top:.25rem;border-left:2px solid rgba(255,255,255,.1);padding-left:.75rem;display:flex;flex-direction:column;gap:.25rem}.nav-subitem{display:flex;align-items:center;gap:8px;font-size:14px;color:#555;background:transparent;border:none;cursor:pointer;transition:color .2s ease}.nav-subitem:hover{color:#25d366}.nav-subitem.active{color:#075e54;background:#d4edda;font-weight:500}.nav-item:hover{background:#e8f5e9}.nav-item.active{background:#d4edda;color:#075e54;font-weight:500}.main-content{flex:1;display:flex;flex-direction:column;margin-left:0;transition:margin-left .3s ease}@media(min-width:769px){.sidebar.open+.main-content{margin-left:250px}}@media(max-width:768px){.main-content{margin-left:0!important}}.header{height:60px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.header-left{display:flex;align-items:center;gap:16px}.menu-toggle{display:none!important;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#333;transition:background .2s;z-index:1001;padding:0;outline:none}@media(max-width:768px){.header .menu-toggle{display:flex!important}.sidebar.open~.main-content .header .menu-toggle{display:none!important}}.menu-toggle:hover{background:#f5f5f5}.menu-toggle:focus{outline:none;border:none}.menu-toggle svg{display:block!important;width:20px!important;height:20px!important;stroke:currentColor;stroke-width:2}.header h1{font-size:18px;font-weight:600;color:#333}.profile-btn{width:40px!important;height:40px!important;border-radius:50%!important;background:#075e54!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s!important;padding:0!important;min-width:40px!important}.profile-btn svg{display:block!important;width:24px!important;height:24px!important}.profile-btn:hover{background:#064d44!important;border-color:transparent!important}.profile-dropdown{position:relative}.profile-menu{position:absolute;top:50px;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;overflow:hidden;z-index:1000}.profile-menu-item{display:block;width:100%;padding:12px 16px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:14px;color:#333;transition:background .2s}.profile-menu-item:hover{background:#f5f5f5}.main-content .bulk-whatsapp{flex:1!important;overflow-y:auto!important;padding:20px!important;height:calc(100vh - 60px)!important;max-width:none!important;margin:0!important;min-height:auto!important}.main-content .bulk-whatsapp .page-header{margin-bottom:20px!important}.main-content .bulk-whatsapp .content-grid{display:grid!important;grid-template-columns:2fr 1fr!important;gap:20px!important;height:fit-content!important;width:100%!important}.main-content .bulk-whatsapp .form-section{grid-column:1!important}.main-content .bulk-whatsapp .results-section{grid-column:2!important;grid-row:1!important}.main-content .settings-container{padding:20px!important;width:100%!important;margin:0!important;background:#f5f5f5!important;height:calc(100vh - 60px)!important;overflow-y:auto!important;display:flex;flex-direction:column}.settings-header{margin-bottom:12px}.settings-header h1{font-size:22px;font-weight:600;color:#333;margin-bottom:6px}.settings-header p{color:#555;font-size:15px;margin:0}.settings-form{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001f;height:fit-content;max-width:900px}.form-section h2{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:15px;font-weight:500;color:#333;margin-bottom:6px}.form-group input{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:15px;color:#333;background:#fff;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#075e54;box-shadow:0 0 0 2px #075e541a}.form-group input::placeholder{color:#999}.form-group small{display:block;font-size:12px;color:#666;margin-top:4px}.input-with-icon input{padding-right:40px}.toggle-visibility{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.toggle-visibility:hover{color:#333}.help-link{margin-top:8px}.help-link a{color:#075e54;text-decoration:none;font-size:15px}.help-link a:hover{text-decoration:underline}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.btn-secondary{padding:10px 20px;border:1px solid #e0e0e0;background:#fff;color:#333;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f5f5f5;border-color:#ccc}.btn-primary{padding:10px 20px;border:none;background:#25d366;color:#fff;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#25d366}.toast-message{position:fixed;top:24px;right:24px;padding:12px 16px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideIn .3s ease-out}.toast-success{background:#25d366;color:#fff}.toast-error{background:#dc3545;color:#fff}.toast-info{background:#17a2b8;color:#fff}.confirm-modal{background:#fff;border-radius:8px;padding:24px;width:400px;max-width:90vw;box-shadow:0 4px 12px #00000026}.confirm-content{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.confirm-icon{color:#f59e0b;flex-shrink:0;margin-top:2px}.confirm-content p{font-size:16px;color:#333;margin:0;line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.btn-danger{padding:10px 20px;border:none;background:#dc3545;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-danger:hover{background:#c82333}.btn-outline{padding:10px 20px;border:1px solid #e0e0e0;background:#fff;color:#333;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#f5f5f5;border-color:#ccc}.payment-report-container{padding:20px!important;max-width:none!important;margin:0!important;background:#f5f5f5!important;height:calc(100vh - 60px)!important;overflow-y:auto!important}.payment-header{margin-bottom:24px}.payment-header h1{font-size:24px;font-weight:600;color:#333;margin-bottom:8px}.payment-header p{color:#555;font-size:14px;margin:0}.payment-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:8px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001f}.stat-icon{width:48px;height:48px;background:#075e54;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.stat-info h3{font-size:14px;font-weight:500;color:#666;margin:0 0 4px}.stat-info p{font-size:24px;font-weight:600;color:#333;margin:0}.payment-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000001f}.filter-group{display:flex;align-items:center;gap:8px;color:#666}.filter-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#333;background:#fff}.export-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#075e54;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.export-btn:hover{background:#064d44}.payment-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001f}.payment-table table{width:100%;border-collapse:collapse}.payment-table th{background:#f8f9fa;padding:16px;text-align:left;font-size:14px;font-weight:600;color:#333;border-bottom:1px solid #e0e0e0}.payment-table td{padding:16px;font-size:14px;color:#333;border-bottom:1px solid #f0f0f0}.payment-table tr:hover{background:#f8f9fa}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;color:#fff}.loading{display:flex;align-items:center;justify-content:center;height:200px;font-size:16px;color:#666}.main-content .profile-container{padding:20px!important;width:100%!important;margin:0!important;background:#f5f5f5!important;height:calc(100vh - 60px)!important;overflow-y:auto!important}.profile-header{text-align:center;margin-bottom:32px}.profile-header h1{font-size:28px;font-weight:600;color:#333;margin-bottom:8px}.profile-header p{color:#666;font-size:15px}.profile-content{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001f}.profile-user-section{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #f0f0f0;margin-bottom:24px}.profile-user-info{display:flex;align-items:center;gap:16px}.profile-avatar{width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.profile-user-details h2{font-size:18px;font-weight:600;color:#333;margin-bottom:4px}.profile-badge{display:inline-block;padding:4px 12px;background:#f0f0f0;color:#666;font-size:13px;border-radius:12px;font-weight:500}.edit-profile-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-size:14px;cursor:pointer;transition:all .2s}.edit-profile-btn:hover{background:#f5f5f5;border-color:#ccc}.profile-info-list{display:flex;flex-direction:column;gap:16px}.profile-info-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px}.profile-info-icon{width:40px;height:40px;background:#e8f5e9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#25d366;font-size:18px}.profile-info-text{flex:1}.profile-info-text label{display:block;font-size:13px;color:#666;margin-bottom:4px}.profile-info-text p{font-size:15px;color:#333;font-weight:500;margin:0;overflow:hidden!important;display:flex;flex-direction:column}.profile-header{margin-bottom:12px}.profile-header h1{font-size:22px;font-weight:600;color:#333;margin-bottom:6px}.profile-header p{color:#555;font-size:15px;margin:0}.profile-form{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001f;height:fit-content;max-width:900px}.profile-avatar-section{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #e0e0e0;margin-bottom:20px}.profile-avatar{width:60px;height:60px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;color:#fff}.profile-name h2{font-size:18px;font-weight:600;color:#333;margin-bottom:4px}.profile-badge{display:inline-block;padding:2px 10px;background:#f0f0f0;border-radius:12px;font-size:13px;color:#666}.profile-details{display:flex;flex-direction:column;gap:16px}.detail-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f8f9fa;border-radius:6px}.detail-icon{width:40px;height:40px;border-radius:8px;background:#e8f5e9;color:#25d366;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-content{flex:1}.detail-content label{display:block;font-size:13px;font-weight:500;color:#666;margin-bottom:4px}.detail-content p{font-size:15px;font-weight:500;color:#333;margin:0}.analytics-container{padding:16px;width:100%;min-height:calc(100vh - 80px)}.analytics-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.analytics-title h1{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:8px}.analytics-title p{color:#64748b;font-size:16px}.analytics-controls{display:flex;align-items:center}.analytics-controls .phone-filter{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background-color:#fff;cursor:pointer;min-width:200px}.analytics-controls .phone-filter:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}@media(max-width:768px){.analytics-header{flex-direction:column;align-items:stretch}.analytics-controls .phone-filter{min-width:100%}}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}@media(min-width:768px){.analytics-container{padding:24px}.analytics-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.stat-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:12px;transition:all .2s ease;min-height:80px}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media(min-width:768px){.stat-card{padding:24px;gap:16px;min-height:100px}}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;flex-shrink:0}@media(min-width:768px){.stat-icon{width:48px;height:48px;border-radius:12px}}.stat-icon.today{background:#fef3c7;color:#d97706}.stat-icon.success{background:#dcfce7;color:#16a34a}.stat-icon.failed{background:#fef2f2;color:#dc2626}.stat-icon.contacts{background:#e0e7ff;color:#4f46e5}.stat-icon.rate{background:#f0fdf4;color:#15803d}.stat-content{flex:1;min-width:0}.stat-content h3{font-size:clamp(12px,2vw,14px);font-weight:500;color:#64748b;margin-bottom:4px;line-height:1.2}.stat-number{font-size:clamp(18px,4vw,24px);font-weight:700;color:#1e293b;margin:0;line-height:1.2}.settings-container{padding:16px;width:90%;min-height:calc(100vh - 80px)}.settings-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-start}.settings-title-section{display:flex;align-items:center;gap:16px}.settings-title-section svg{color:#25d366}.settings-header h1{font-size:28px;font-weight:700;color:#1e293b;margin:0}.settings-header p{color:#64748b;font-size:16px;margin:4px 0 0}.settings-list{margin-bottom:32px}.settings-list h2{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:16px}.configurations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.config-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease}.config-card:hover{border-color:#25d366;box-shadow:0 4px 12px #25d3661a}.config-card.default{border-color:#25d366;background:#f0fdf4}.config-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.config-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.default-icon{color:#25d366}.config-details{margin-bottom:16px}.config-details p{margin:4px 0;font-size:14px;color:#64748b}.config-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-content{background:#fff;border-radius:12px;padding:32px;border:1px solid #e2e8f0;box-shadow:0 4px 6px #0000000d;max-width:900px;margin:0 auto}.settings-form{display:flex;flex-direction:column;gap:20px;padding:24px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-group input,.form-group select{padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.form-group input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#d1d5db}.form-group small{font-size:12px;color:#64748b}.form-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:4px}.form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff;color:#374151}.form-input:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;color:#374151}.form-group select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff;color:#374151;cursor:pointer}.form-group select:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;color:#374151}.form-group select option{background:#fff;color:#374151;padding:8px}.form-textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff;color:#374151;resize:vertical;min-height:100px;font-family:Monaco,Menlo,Consolas,monospace}.form-textarea:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;color:#374151}.settings-actions{margin-top:32px;display:flex;justify-content:flex-end}.save-btn{background:#25d366;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.save-btn:hover:not(:disabled){background:#22c55e;transform:translateY(-1px)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.save-btn.loading{opacity:.8}.btn-primary{background:#25d366;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#22c55e}.btn-secondary{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-outline{background:transparent;color:#25d366;border:1px solid #25d366;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:#25d366;color:#fff}.btn-danger{background:#ef4444;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;transition:all .2s ease}.btn-danger:hover{background:#dc2626}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:20px;font-weight:600;color:#1e293b;margin:0}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#64748b;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-btn:hover{background:#f1f5f9}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e2e8f0;margin-top:20px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.checkbox-label input[type=checkbox]{margin:0}.input-with-icon{position:relative}.toggle-visibility{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#64748b;padding:4px}.toggle-visibility:hover{color:#374151}.success-message{position:fixed;top:20px;right:20px;background:#25d366;color:#fff;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;z-index:1001;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;justify-content:center;height:200px;font-size:16px;color:#64748b;text-align:center;padding:20px}.preference-container{max-width:900px;margin:0 auto}.preference-card{background:#fff;border-radius:12px;padding:32px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.preference-header{margin-bottom:32px}.preference-header h2{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px}.preference-header p{font-size:15px;color:#64748b;margin:0}.response-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.method-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .3s ease;position:relative}.method-card.active{background:#f0fdf4;border-color:#25d366;box-shadow:0 4px 12px #25d36626}.method-card.locked{opacity:.7}.method-icon{font-size:48px;margin-bottom:16px;display:block}.method-content{display:flex;flex-direction:column;gap:12px}.method-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.method-title h3{font-size:18px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.lock-badge{font-size:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2px 8px;border-radius:12px;font-weight:600}.method-description{font-size:14px;color:#64748b;line-height:1.6;margin:0}.method-status{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:6px 12px;border-radius:20px;width:fit-content}.method-status.active-status{background:#dcfce7;color:#16a34a}.status-dot{width:8px;height:8px;background:#16a34a;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#25d366}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed}.upgrade-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;width:fit-content}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.priority-section{background:#f8fafc;border-radius:12px;padding:24px;margin-bottom:24px}.priority-header{margin-bottom:20px}.priority-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.priority-header p{font-size:14px;color:#64748b;margin:0}.priority-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.priority-btn{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:16px;position:relative}.priority-btn:hover{border-color:#25d366;transform:translateY(-2px);box-shadow:0 4px 12px #25d3661a}.priority-btn.selected{background:#f0fdf4;border-color:#25d366;box-shadow:0 4px 12px #25d36626}.priority-icon{font-size:32px;flex-shrink:0}.priority-content{display:flex;flex-direction:column;gap:4px;flex:1;text-align:left}.priority-label{font-size:15px;font-weight:600;color:#1e293b;display:block}.priority-desc{font-size:13px;color:#64748b;display:block}.check-icon{position:absolute;top:12px;right:12px;width:24px;height:24px;background:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.preference-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:16px;display:flex;gap:12px;align-items:flex-start}.info-icon{font-size:20px;flex-shrink:0}.info-content{font-size:14px;color:#1e40af;line-height:1.6}.info-content strong{font-weight:600}@media(max-width:768px){.preference-card{padding:20px}.response-methods,.priority-options{grid-template-columns:1fr}.priority-btn{padding:16px}.method-icon{font-size:36px}.priority-icon{font-size:28px}}@media(max-width:768px){.settings-container{padding:12px;width:100%}.settings-header{flex-direction:column;align-items:flex-start;gap:16px}.settings-header h1{font-size:24px}.configurations-grid{grid-template-columns:1fr}.config-actions{flex-direction:column}.modal-content{width:95%;margin:20px}.form-actions{flex-direction:column}}.profile-container{padding:16px;max-width:1100px;margin:0;min-height:calc(100vh - 80px)}.profile-header{margin-bottom:32px;text-align:left}.profile-header h1{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:8px}.profile-header p{color:#64748b;font-size:16px}.profile-content{display:flex;flex-direction:column;gap:24px;margin-left:0;margin-right:auto;width:100%}.profile-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a;display:flex;align-items:center;gap:20px;position:relative}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#25d366,#20ba5a);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.profile-info{flex:1}.profile-info h2{font-size:clamp(20px,3vw,24px);font-weight:600;color:#1e293b;margin-bottom:4px}.profile-role{color:#64748b;font-size:14px;background:#f1f5f9;padding:4px 12px;border-radius:20px;display:inline-block}.edit-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;color:#64748b;font-size:14px}.edit-btn:hover{background:#25d366;color:#fff;border-color:#25d366}.profile-details{display:grid;grid-template-columns:1fr;gap:16px}.detail-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:16px;transition:all .2s ease}.detail-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.detail-icon{width:48px;height:48px;border-radius:12px;background:#f0fdf4;color:#25d366;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-info{flex:1}.detail-info h3{font-size:clamp(14px,2.5vw,16px);font-weight:600;color:#1e293b;margin-bottom:4px}.detail-info p{font-size:clamp(12px,2vw,14px);color:#64748b;margin:0}.loading{display:flex;align-items:center;justify-content:center;height:200px;font-size:clamp(14px,2vw,16px);color:#64748b;text-align:center;padding:20px}@media(min-width:768px){.profile-container{padding:24px}.profile-details{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.profile-card{padding:32px}}.labels-container{padding:16px;width:90%;min-height:calc(100vh - 80px)}.labels-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.labels-header .header-left{display:flex;align-items:center;gap:12px}.labels-header .header-left svg{color:#25d366}.labels-header h2{font-size:28px;font-weight:700;color:#1e293b;margin:0}.labels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.label-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.label-card:hover{border-color:#25d366;box-shadow:0 4px 12px #25d3661a}.label-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.label-name{flex:1;font-size:15px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-actions{display:flex;gap:8px}.label-actions .btn-icon{background:none;border:none;padding:6px;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s ease}.label-actions .btn-icon:hover{background:#f1f5f9;color:#374151}.label-actions .btn-icon.danger{color:#ef4444}.label-actions .btn-icon.danger:hover{background:#fee2e2;color:#dc2626}.labels-container .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.labels-container .modal-content{background:#fff;border-radius:12px;width:90%;max-width:420px;max-height:90vh;overflow-y:auto}.labels-container .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.labels-container .modal-header h3{font-size:20px;font-weight:600;color:#1e293b;margin:0}.labels-container .modal-content form{padding:24px}.labels-container .form-group{margin-bottom:20px}.labels-container .form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.labels-container .form-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease}.labels-container .form-group input:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.labels-container input[type=color]{height:44px;padding:4px;cursor:pointer}.labels-container .modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e2e8f0;margin-top:20px}@media(max-width:768px){.labels-container{padding:8px;width:100%}.labels-header h2{font-size:20px}.labels-grid{grid-template-columns:1fr}.label-card{padding:14px}.label-name{font-size:14px}.labels-container .modal-content{width:95%;margin:10px}.labels-container .modal-actions{flex-direction:column}}.wa-dropdown{position:relative}.more-btn{padding:4px 8px;font-size:18px;line-height:1}