*{box-sizing:border-box;padding:0;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#fff}.app,body{background:#1a1d29;min-height:100vh}.header{background:#2c3142;border-bottom:1px solid #3a3f52;padding:1rem 2rem}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.brand{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.header-nav{display:flex;gap:2rem}.nav-link{color:#8892b0;text-decoration:none;font-weight:500;font-size:1rem;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;background:none;border:none;cursor:pointer}.nav-link:hover{color:#fff;background:rgba(74,158,255,.1)}.nav-link.active{color:#4a9eff;background:rgba(74,158,255,.15)}.main{max-width:1200px;margin:0 auto;padding:2rem}.campaign-status{text-align:center;margin-bottom:2rem}.status-title{font-size:1.8rem;color:#4a9eff;margin-bottom:.5rem;font-weight:600}.batch-info{color:#8892b0;font-size:1rem}.stats-card{background:#2c3142;border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:2rem;border:1px solid #3a3f52}.stats-title{color:#4a9eff;font-size:1rem;margin:0;font-weight:500}.main-content{flex-direction:column;align-items:center}.main-content,.tab-menu{display:flex;margin-bottom:2rem}.tab-menu{background:#2c3142;border-radius:8px;padding:4px;border:1px solid #3a3f52}.tab-button{background:transparent;color:#8892b0;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;font-size:.95rem}.tab-button:hover{color:#fff;background:rgba(74,158,255,.1)}.tab-button.active{background:#4a9eff;color:#fff}.balance-display{text-align:center;font-size:.9rem;color:#8892b0;margin-bottom:1rem;font-weight:500}.mms-content-layout{display:grid;grid-template-columns:35% 65%;grid-gap:1rem;gap:1rem;width:100%}.upload-section{margin-bottom:0;min-width:0}.message-section{display:flex;flex-direction:column;min-width:0}.message-section .paste-textarea{min-height:200px;width:100%;box-sizing:border-box}.upload-box{border:2px dashed #4a5063;border-radius:8px;padding:0;background:#1e2332;margin-bottom:1rem;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:relative}.upload-box:has(.single-image-preview){padding:0;border:none}.upload-label{display:block;cursor:pointer}.full-area-clickable{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:8px}.upload-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#8892b0;transition:color .2s}.upload-button:hover{color:#4a9eff}.upload-plus{font-size:2rem;font-weight:300;line-height:1}.single-image-preview{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;overflow:hidden}.full-image-preview{width:100%;height:100%;object-fit:fill;display:block}.remove-image-btn{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-image-btn:hover{background:rgba(244,67,54,.8)}.remove-file{background:none;border:none;color:#8892b0;cursor:pointer;font-size:1.2rem;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s}.remove-file:hover{color:#f44336}.paste-section{background:#2c3142;border-radius:12px;padding:1.5rem;border:1px solid #3a3f52;text-align:center;display:grid;grid-template-columns:3fr 1px 7fr;grid-template-rows:1fr auto;grid-gap:2rem;gap:2rem;width:100%;position:relative}.buttons-section{grid-column:1/-1;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #3a3f52}.buttons-section,.section-left,.section-right{display:flex;flex-direction:column}.section-divider{background:#3a3f52;width:1px;height:60%;align-self:center}.numbers-stats{display:flex;gap:1rem;margin-top:.5rem;font-size:.8rem;color:#8892b0;justify-content:center}.section-title{color:#fff;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.paste-textarea{width:100%;min-height:120px;background:#1e2332;border:1px solid #4a5063;border-radius:6px;padding:1rem;color:#fff;font-family:inherit;resize:vertical;margin-bottom:1rem}.mms-textarea,.section-left .paste-textarea,.section-right .paste-textarea{min-height:200px}.paste-textarea:focus{outline:none;border-color:#4a9eff}.paste-textarea::placeholder{color:#8892b0}.submit-numbers-btn{background:#5a6c7d;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.1rem;width:-moz-fit-content;width:fit-content;transition:background .2s}.submit-numbers-btn:hover:not(:disabled){background:#6a7c8d}.submit-numbers-btn:disabled{opacity:.6;cursor:not-allowed}.start-campaign-btn{background:#5a6c7d;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.1rem;display:block;margin:0 auto 2rem;transition:background .2s}.start-campaign-btn:hover:not(:disabled){background:#6a7c8d}.start-campaign-btn:disabled{opacity:.6;cursor:not-allowed}.progress-section{margin-bottom:2rem}.progress-bar{width:100%;height:8px;background:#3a3f52;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:#4a9eff;transition:width .3s ease}.progress-text{text-align:center;color:#8892b0;font-size:.9rem}.batches-section{background:#2c3142;border-radius:12px;padding:1.5rem;border:1px solid #3a3f52;margin-bottom:2rem}.batches-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.clear-batches-btn{background:none;color:#8892b0;border:none;padding:0;cursor:pointer;font-weight:500;font-size:.9rem;text-decoration:underline;transition:color .2s}.clear-batches-btn:hover{color:#4a9eff}.batches-table{margin-top:1rem}.table-header{color:#8892b0;font-weight:600;font-size:.9rem}.table-header,.table-row{display:grid;grid-template-columns:1fr .8fr 1fr 1fr 2fr;grid-gap:1rem;gap:1rem;padding:.75rem 0;border-bottom:1px solid #3a3f52}.table-row{color:#fff}.table-row:last-child{border-bottom:none}.batch-name{font-weight:500}.batch-contacts,.batch-message,.batch-time{color:#8892b0}.batch-type{font-weight:600;font-size:.85rem;padding:.2rem .5rem;border-radius:4px;text-align:center;width:-moz-fit-content;width:fit-content}.batch-type.sms{background:rgba(74,158,255,.2);color:#4a9eff}.batch-type.mms{background:rgba(139,69,255,.2);color:#8b45ff}.message-copy{cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s;display:inline-block}.message-copy:hover{background:#3a3f52;color:#fff}.result-message{background:#2c3142;border-radius:8px;padding:1rem;margin-top:1rem;border:1px solid #3a3f52}.result-message.success{border-color:#4caf50;background:rgba(76,175,80,.1)}.result-message.error{border-color:#f44336;background:rgba(244,67,54,.1)}.result-details{display:flex;gap:1rem;margin-top:.5rem;font-size:.9rem;color:#8892b0}.password-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(26,29,41,.95);display:flex;justify-content:center;align-items:center;z-index:1000}.password-modal{background:#2c3142;border-radius:12px;padding:2rem;border:1px solid #3a3f52;text-align:center;min-width:300px}.password-modal h2{color:#fff;margin-bottom:1.5rem;font-size:1.5rem}.password-input{width:100%;padding:.75rem;background:#1e2332;border:1px solid #4a5063;border-radius:6px;color:#fff;font-family:inherit;margin-bottom:1rem;font-size:1rem}.password-input:focus{outline:none;border-color:#4a9eff}.password-input::placeholder{color:#8892b0}.password-submit{background:#4a9eff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;width:100%;transition:background .2s;font-size:1rem}.password-submit:hover{background:#3a8eef}.password-error{color:#f44336;font-size:.9rem;margin-bottom:1rem;margin-top:-.5rem}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(26,29,41,.95);display:flex;justify-content:center;align-items:center;z-index:1000}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;border:4px solid #3a3f52;border-top-color:#4a9eff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{color:#8892b0;font-size:1rem;margin:0}.batching-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.batching-toggle-container{display:flex;align-items:center;gap:.75rem}.batching-label{color:#8892b0;font-size:.9rem;font-weight:500}.toggle-switch{width:44px;height:24px;background:#3a3f52;border-radius:12px;position:relative;cursor:pointer;transition:background .3s ease}.toggle-switch.active{background:#4a9eff}.toggle-slider{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-switch.active .toggle-slider{transform:translateX(20px)}.batching-options{display:flex;gap:1rem;align-items:center;background:#1e2332;padding:.75rem 1rem;border-radius:8px;border:1px solid #3a3f52}.batching-input-group{display:flex;align-items:center;gap:.5rem}.batching-input-group label{color:#8892b0;font-size:.85rem;font-weight:500;white-space:nowrap}.batching-input-group input{background:#2c3142;border:1px solid #4a5063;border-radius:4px;color:#fff;padding:.4rem .6rem;width:60px;font-size:.85rem;text-align:center}.batching-input-group input:focus{outline:none;border-color:#4a9eff}.batching-input-group input[type=number]::-webkit-inner-spin-button,.batching-input-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.batching-input-group input[type=number]{-moz-appearance:textfield}@media (max-width:768px){.paste-section{grid-template-columns:1fr;gap:1rem}.section-divider{display:none}.header-content{padding:0 1rem}.main{padding:1rem}.table-header,.table-row{font-size:.8rem}.batching-options,.result-details{flex-direction:column;gap:.5rem}.batching-input-group{justify-content:center}}.replies-content{max-width:1200px;margin:0 auto}.replies-header{text-align:center;margin-bottom:2rem}.page-title{font-size:2rem;font-weight:700;color:#fff;margin:0}.replies-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem}.stat-card{text-align:center}.stat-number{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.25rem}.stat-card.good .stat-number{color:#4caf50}.stat-card.bad .stat-number{color:#f44336}.stat-card.robo .stat-number{color:#ff9800}.stat-label{color:#8892b0;font-size:.8rem;font-weight:500}.replies-table-section{background:#2c3142;border-radius:12px;padding:1.5rem;border:1px solid #3a3f52}.replies-table{margin-top:1rem}.replies-table .table-header{color:#8892b0;font-weight:600;font-size:.9rem}.replies-table .table-header,.replies-table .table-row{display:grid;grid-template-columns:1.5fr 2fr 1fr 1fr 1fr;grid-gap:1rem;gap:1rem;padding:.75rem 0;border-bottom:1px solid #3a3f52}.replies-table .table-row{color:#fff}.replies-table .table-row:last-child{border-bottom:none}.phone-number{font-weight:500;color:#4a9eff}.reply-message{color:#fff}.reply-type{font-weight:600;font-size:.85rem;padding:.2rem .5rem;border-radius:4px;text-align:center;width:-moz-fit-content;width:fit-content}.reply-type.good{background:rgba(76,175,80,.2);color:#4caf50}.reply-type.bad{background:rgba(244,67,54,.2);color:#f44336}.reply-status,.reply-time{color:#8892b0}.version-section{display:flex;justify-content:center;margin-bottom:1rem}.version-selector-container{display:flex;align-items:center;gap:.75rem;background:#1e2332;padding:.75rem 1.25rem;border-radius:8px;border:1px solid #3a3f52;transition:border-color .2s ease}.version-selector-container:hover{border-color:#4a5063}.version-label{color:#8892b0;white-space:nowrap}.version-label,.version-select{font-size:.9rem;font-weight:500}.version-select{background:#2c3142;border:1px solid #4a5063;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:16px;padding:.5rem 2.5rem .5rem .75rem;min-width:120px}.version-select:hover{border-color:#4a9eff;background-color:#353a4f}.version-select:focus{border-color:#4a9eff;box-shadow:0 0 0 2px rgba(74,158,255,.2)}.version-select option{background:#2c3142;color:#fff;padding:.5rem}.header-controls{gap:1.5rem}.header-controls,.section-header{display:flex;align-items:center;flex-wrap:wrap}.section-header{justify-content:space-between;margin-bottom:1rem;gap:1rem}.last-update{color:#8892b0;font-size:.85rem;font-style:italic}@media (max-width:768px){.version-selector-container{padding:.6rem 1rem}.version-select{min-width:100px;font-size:.85rem}.header-controls{gap:.75rem}.header-controls,.section-header{flex-direction:column;align-items:flex-start}}