*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.App{margin:0 auto;max-width:1200px;padding:20px}.App-header{background-color:#282c34;border-radius:5px;color:#fff;margin-bottom:30px;padding:20px;text-align:center}h1,h2,h3{margin-bottom:15px}.form-section{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;margin-bottom:30px;padding:20px}.item-form{gap:15px}.form-group,.item-form{display:flex;flex-direction:column}.form-group{gap:5px}label{font-weight:600}input,textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:16px;padding:10px}.submit-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.submit-button:hover{background-color:#388e3c}.list-section{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;padding:20px}.item-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.item-card{border:1px solid #eee;border-radius:5px;box-shadow:0 1px 3px #0000001a;padding:15px;position:relative}@media (max-width:768px){.item-list{grid-template-columns:1fr}}.login-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background-color:#fff;border-radius:10px;box-shadow:0 8px 20px #0000001a;max-width:420px;padding:40px;transition:transform .3s ease;width:100%}.login-card:hover{transform:translateY(-5px)}.login-card h2{color:#333;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf733;outline:none}.login-button{background-color:#4a6cf7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:14px;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#3a57d5}.login-button:disabled{background-color:#97a6f4;cursor:not-allowed}.login-button.loading{color:#0000;position:relative}.login-button.loading:after{animation:spin .8s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.login-footer{display:flex;font-size:14px;justify-content:space-between;margin-top:25px}.login-footer a{color:#4a6cf7;text-decoration:none;transition:color .3s ease}.login-footer a:hover{color:#3a57d5;text-decoration:underline}@media (max-width:480px){.login-card{padding:25px}.login-footer{align-items:center;flex-direction:column;gap:10px}}.otp-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);display:flex;justify-content:center;min-height:100vh;padding:20px}.otp-card{background-color:#fff;border-radius:10px;box-shadow:0 8px 20px #0000001a;max-width:480px;padding:40px;transition:transform .3s ease;width:100%}.otp-card:hover{transform:translateY(-5px)}.otp-card h2{color:#333;font-size:28px;font-weight:600;margin-bottom:15px;text-align:center}.otp-instruction{color:#666;font-size:16px;margin-bottom:30px;text-align:center}.otp-inputs{display:flex;gap:10px;justify-content:space-between;margin-bottom:30px}.otp-input{background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;font-size:24px;font-weight:600;height:60px;padding:10px;text-align:center;transition:all .3s ease;width:50px}.otp-input:focus{background-color:#fff;border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf733;outline:none}.otp-button{background-color:#4a6cf7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:16px;transition:background-color .3s ease;width:100%}.otp-button:hover{background-color:#3a57d5}.otp-button:disabled{background-color:#97a6f4;cursor:not-allowed}.otp-button.loading{color:#0000;position:relative}.otp-button.loading:after{animation:spin .8s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.error-message{margin-bottom:20px;text-align:center}.otp-footer{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:30px;text-align:center}.otp-timer{color:#666;font-size:14px}.resend-button{background:none;border:none;color:#4a6cf7;cursor:pointer;font-size:14px;font-weight:500;padding:0;transition:color .3s ease}.resend-button:hover{color:#3a57d5;text-decoration:underline}.otp-help a{color:#4a6cf7;font-size:14px;text-decoration:none;transition:color .3s ease}.otp-help a:hover{color:#3a57d5;text-decoration:underline}@media (max-width:576px){.otp-card{padding:25px}.otp-inputs{gap:6px}.otp-input{font-size:20px;height:50px;width:40px}}@media (max-width:360px){.otp-input{font-size:18px;height:45px;width:35px}}.logo-container{display:flex;justify-content:center;margin-bottom:20px}.instagram-logo{height:60px;width:auto}@media (max-width:768px){.instagram-logo{height:50px}}@media (max-width:480px){.instagram-logo{height:40px}}.top-navbar{box-shadow:0 2px 10px #0000000d;padding:15px 25px}.navbar-logo h1{color:#333;font-size:20px;margin:0}.navbar-menu ul{gap:10px}.navbar-menu li button{align-items:center;background:none;border:none;border-radius:6px;color:#555;cursor:pointer;display:flex;font-size:16px;padding:10px 15px;transition:all .3s ease}.navbar-menu li button i{margin-right:8px}.navbar-menu li.active button{background-color:#f1f3f5;color:#111827}.navbar-menu li button:hover{background-color:#f8f9fa;color:#111827}.logout-button{background-color:#f8f9fa;border:none;border-radius:6px;font-size:14px;padding:8px 15px}.logout-button:hover{background-color:#f1f3f5}.dashboard-content{background-color:#f8f9fa;flex:1 1;padding:25px}.content-header{justify-content:space-between}.content-header h2{color:#333;font-size:24px}.refresh-button{border-radius:4px;gap:5px;padding:8px 15px}.refresh-button:disabled{background-color:#a0aec0;cursor:not-allowed}.welcome-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:25px;padding:25px}.welcome-card h2{color:#333;font-size:22px;margin-bottom:10px;margin-top:0}.welcome-card p{color:#666;margin:0}.recent-activity-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:25px;padding:25px}.recent-activity-section h2{color:#333;font-size:20px;margin-bottom:20px;margin-top:0}.activity-filters{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.filter-group{align-items:center;display:flex;gap:8px}.filter-group label{color:#555;font-size:14px}.date-input,.language-select,.search-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.export-button{align-items:center;background-color:#4a6cf7;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;margin-left:auto;padding:8px 15px}.export-button:hover{background-color:#3a57d5}.activity-table{background-color:#f8f9fa;border-radius:8px;overflow:hidden}.activity-table-header{background-color:#f1f3f5;color:#555;display:flex;font-weight:600;padding:15px}.activity-table-body{max-height:500px;overflow-y:auto}.activity-table-row{border-bottom:1px solid #eaeaea;display:flex;padding:15px;transition:background-color .3s ease}.activity-table-row:hover{background-color:#f1f3f5}.activity-table-row:last-child{border-bottom:none}.table-cell{align-items:center;display:flex;flex:1 1}.date-cell,.order-cell{flex:0.8 1}.link-cell{flex:2.5 1;overflow:hidden;word-break:break-all}.link-button{background:none;border:none;color:#4a6cf7;cursor:pointer;font-size:inherit;max-width:100%;overflow:hidden;padding:0;text-align:left;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}.link-button:hover{color:#3a57d5}.delay-cell,.quantity-cell{flex:0.5 1;justify-content:center}.status-cell{flex:0.8 1;justify-content:center}.verified-cell{flex:0.6 1;font-size:.9em;justify-content:center}.timing-cell{flex:0.8 1;font-size:.85em;justify-content:center}.comments-cell{flex:0.5 1;justify-content:center}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.status-badge.completed{background-color:#e8f5e9;color:#2e7d32}.status-badge.pending{background-color:#fff8e1;color:#f57f17}.status-badge.running{background-color:#e3f2fd;color:#1565c0}.status-badge.failed{background-color:#ffebee;color:#c62828}.status-badge.cancelled{background-color:#f5f5f5;color:#757575}.status-badge.partially_completed{background-color:#e6a23c}.partial-completion-info{color:#666;font-size:.8rem;margin-top:4px}.partial-completion-detail{color:#666;font-size:.85rem;margin-left:8px}.comments-icon{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:5px;transition:background-color .3s ease}.comments-icon:hover{background-color:#0000000d;color:#333}.icon-view-comments:before{content:"💬"}.icon-export:before{content:"📤"}.link-with-actions{align-items:center;display:flex;gap:8px;max-width:100%}.job-link{color:#4a6cf7;flex:1 1;font-size:.9em;max-width:calc(100% - 32px);overflow:hidden;text-decoration:none;word-break:break-all}.job-link:hover{text-decoration:underline}.copy-link-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;flex-shrink:0;font-size:.8em;padding:4px;transition:background-color .3s ease}.copy-link-button:hover{background-color:#0000000d;color:#333}.icon-copy:before{content:"📋"}.icon-check:before{content:"✅"}.icon-job:before{content:"👁️"}.action-buttons{align-items:center;gap:5px}.view-comments-button,.view-job-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:.9em;padding:5px;transition:background-color .3s ease}.view-comments-button:hover,.view-job-button:hover{background-color:#0000000d;color:#333}.no-activity{color:#666;padding:30px;text-align:center}.dashboard-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px}.dashboard-card h3{color:#333;font-size:18px;margin-bottom:15px;margin-top:0}.card-content{margin-bottom:20px}.card-content p{color:#555;margin:8px 0}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.stat-item{background-color:#f8f9fa;border-radius:8px;padding:15px;text-align:center}.stat-value{font-size:24px;margin-bottom:5px}.card-button{background-color:#f8f9fa;border:none;border-radius:6px;color:#555;cursor:pointer;font-size:14px;padding:10px;transition:all .3s ease;width:100%}.card-button:hover{background-color:#f1f3f5}.modal{max-height:80vh;width:600px}.comments-modal{width:700px}.modal-body{flex:1 1}.job-details{border-bottom:1px solid #eaeaea;margin-bottom:20px;padding-bottom:15px}.job-details p{margin:8px 0}.job-url{color:#4a6cf7;word-break:break-all}.comments-container h4{margin-bottom:15px;margin-top:0}.comments-list{max-height:300px;overflow-y:auto}.comment-item{background-color:#f8f9fa;border-radius:6px;display:flex;margin-bottom:8px;padding:10px}.comment-number{color:#666;font-weight:500;margin-right:10px}.comment-text{flex:1 1}.no-comments{color:#666;font-style:italic}.btn-primary{background-color:#4a6cf7;color:#fff}.btn-primary:hover{background-color:#3a57d5}.btn-secondary{background-color:#f1f3f5;color:#555}.btn-secondary:hover{background-color:#e9ecef}.dashboard-error,.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:25px;text-align:center}.dashboard-error h2{color:#c62828;margin-bottom:10px}.dashboard-button{background-color:#4a6cf7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}@media (max-width:992px){.activity-filters{align-items:flex-start;flex-direction:column}.filter-group{width:100%}.export-button{justify-content:center;margin-left:0;margin-top:10px;width:100%}.dashboard-cards{grid-template-columns:1fr}}@media (max-width:768px){.navbar-menu ul{gap:5px}.navbar-menu li button{font-size:14px;padding:8px 12px}.navbar-user{flex-direction:column;gap:5px}.activity-table-header,.activity-table-row{font-size:14px;padding:12px 10px}.status-badge{font-size:11px;padding:3px 6px}}@media (max-width:576px){.top-navbar{flex-direction:column;gap:15px;padding:15px}.navbar-logo{justify-content:center;width:100%}.navbar-menu{width:100%}.navbar-menu ul{justify-content:space-between;width:100%}.navbar-menu li button{font-size:12px;padding:8px}.navbar-menu li button i{margin-right:0}.navbar-user{flex-direction:row;justify-content:space-between;width:100%}.delay-cell,.order-cell,.timing-cell,.verified-cell{display:none}.stats-grid{grid-template-columns:1fr}}.loading-jobs{align-items:center;color:#666;display:flex;flex-direction:column;padding:40px 20px}.loading-jobs .loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:30px;margin-bottom:10px;width:30px}@media (max-width:768px){.pagination-container{flex-direction:column;gap:10px}.pagination-button{font-size:12px;min-width:35px;padding:6px 10px}}.monitoring-section{background-color:#f8f9fa;border-left:4px solid #4a6cf7;border-radius:8px;margin-bottom:25px;padding:20px}.monitoring-section h4{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:15px;margin-top:0}.health-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.health-item{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.health-label{color:#6c757d;font-weight:500}.health-value{color:#2c3e50;font-weight:600}.health-value.healthy{color:#28a745}.health-value.warning{color:#ffc107}.health-value.error{color:#dc3545}.cycle-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cycle-item{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:16px}.cycle-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.cycle-gender{color:#2c3e50;font-size:14px;font-weight:600}.cycle-status{background-color:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;padding:4px 8px}.cycle-status.error{background-color:#ffebee;color:#d32f2f}.cycle-progress{align-items:center;display:flex;gap:8px;margin-bottom:8px}.used-count{color:#2c3e50;font-weight:600}.total-count{color:#6c757d}.progress-bar{background-color:#e9ecef;border-radius:3px;flex:1 1;height:6px}.progress-fill{background-color:#4a6cf7}.cycle-info{display:flex;justify-content:space-between;margin-bottom:4px}.cycle-info small,.cycle-time small{color:#6c757d;font-size:11px}.reservations-summary{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:20px;margin-bottom:15px;padding:12px 16px}.reservations-summary .expired{color:#dc3545;font-weight:600}.reservations-list{max-height:200px;overflow-y:auto}.reservation-job{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;margin-bottom:12px;padding:12px}.job-header{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:8px}.job-accounts{display:flex;flex-wrap:wrap;gap:6px}.reserved-account{align-items:center;background-color:#fff3cd;border-radius:12px;color:#856404;display:inline-flex;font-size:12px;gap:4px;padding:4px 8px}.expired-badge{font-size:10px}.more-accounts{background-color:#e9ecef;border-radius:12px;color:#6c757d;font-size:12px;padding:4px 8px}.quick-actions{display:flex;gap:12px}.btn-cleanup,.btn-refresh{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.btn-refresh{background-color:#4a6cf7;color:#fff}.btn-refresh:hover{background-color:#3758f9}.btn-refresh:disabled{background-color:#6c757d;cursor:not-allowed}.btn-cleanup{background-color:#28a745;color:#fff}.btn-cleanup:hover{background-color:#218838}.accounts-container{border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px;width:100%}.search-filter-group{flex:1 1}.search-input{background-color:#f5f7fa;border:1px solid #eaeaea;border-radius:6px;font-size:14px;padding:10px 15px;transition:all .3s ease}.search-input:focus{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf71a;outline:none}.filter-dropdown select{background-color:#f5f7fa;border:1px solid #eaeaea;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease}.filter-dropdown select:focus{border-color:#4a6cf7;outline:none}.btn{border-radius:6px;font-size:14px;padding:10px 16px;transition:all .3s ease}.btn-add{background-color:#111827}.btn-upload{background-color:#4caf50}.btn-add:hover{background-color:#1f2937}.btn-upload:hover{background-color:#3e8e41}.btn i{margin-right:8px}.accounts-table{background-color:#f8f9fa;border-radius:8px}.table-header{background-color:#f1f3f5;color:#555;font-weight:600;padding:15px 20px}.table-row{border-bottom:1px solid #eaeaea;padding:15px 20px;transition:background-color .3s ease}.table-row:hover{background-color:#f1f3f5}.table-row:last-child{border-bottom:none}.column{flex:1 1}.column-userid{flex:2 1}.column-password,.column-secretkey{color:#666;flex:1.5 1}.column-gender,.column-status{flex:1 1}.column-actions{flex:1 1;gap:10px}.status-indicator{height:12px;width:12px}.status-indicator.logged-in{background-color:#4caf50}.status-indicator.logged-out{background-color:#f44336}.action-button{justify-content:center;padding:6px;transition:background-color .3s ease}.action-button:hover{background-color:#0000000d}.action-button.edit i{color:#4a6cf7}.action-button.delete i{color:#f44336}.modal{border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden}.upload-result-modal{width:600px}.modal-header{border-bottom:1px solid #eaeaea;padding:20px}.modal-header h3{color:#333}.error-message{background-color:#ffe6e6;border:1px solid #ff8080;color:#c00}.close-button{color:#666;line-height:1}.modal-body{max-height:70vh}.modal-footer{border-top:1px solid #eaeaea}.form-group label{color:#555}.form-group input[type=password],.form-group input[type=text],.form-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf71a;outline:none}.checkbox-group input{margin:0}.checkbox-group label{margin-bottom:0}.btn-save{background-color:#4a6cf7}.btn-save:hover{background-color:#3a57d5}.btn-cancel{background-color:#f1f3f5;color:#555}.btn-cancel:hover{background-color:#e9ecef}.btn-delete:hover{background-color:#d32f2f}.no-accounts{color:#666;padding:40px 20px}.accounts-loading{gap:20px;height:100vh}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#4a6cf7}.csv-uploader{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.csv-uploader h3{color:#333;margin-top:0}.upload-container{display:flex;gap:10px;margin-bottom:15px}.file-input{background-color:#fff;border:1px solid #ccc;border-radius:4px;flex:1 1;padding:8px}.upload-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.upload-button:disabled{background-color:#ccc;cursor:not-allowed}.progress-container{margin-bottom:15px;margin-top:15px}.progress-bar{background-color:#e0e0e0;border-radius:5px;height:10px;overflow:hidden}.progress-fill{background-color:#4caf50;height:100%;transition:width .3s ease}.progress-text{color:#555;display:block;font-size:.9rem;margin-top:5px;text-align:center}.preview-container{margin-top:20px}.csv-preview{border:1px solid #ddd;border-radius:4px;margin-bottom:15px;max-height:300px;overflow-y:auto}.csv-preview table{border-collapse:collapse;width:100%}.csv-preview td,.csv-preview th{border-bottom:1px solid #ddd;padding:8px;text-align:left}.csv-preview th{background-color:#f2f2f2;font-weight:700}.csv-preview tr:hover{background-color:#f5f5f5}.csv-template-info{background-color:#fff;border-left:4px solid #2196f3;font-size:.9rem;margin-top:10px;padding:10px 15px}.csv-template-info p{margin:5px 0}.upload-result-modal .result-summary{display:flex;justify-content:space-around;margin-bottom:20px}.result-stat{min-width:100px}.result-stat.total{background-color:#e3f2fd}.result-stat.success{background-color:#e8f5e9}.result-stat.failed{background-color:#ffebee}.result-value{display:block;font-size:1.8rem}.result-label{color:#666;font-size:.9rem}.failed-accounts{background-color:#fff4f4;border-radius:8px;padding:15px}.failed-accounts h4{color:#d32f2f;margin-top:0}.failed-accounts ul{margin:0}.failed-accounts li{font-size:14px;margin-bottom:8px}.icon-edit:before{content:"✏️"}.icon-delete:before{content:"🗑️"}.icon-upload:before{content:"📤"}@media (max-width:992px){.accounts-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.search-filter-group{width:100%}.search-input{flex:1 1}.action-buttons{width:100%}.btn{flex:1 1;justify-content:center}}@media (max-width:768px){.table-header,.table-row{font-size:14px;padding:12px 15px}.column-password,.column-secretkey{display:none}.search-filter-group{flex-direction:column}.filter-dropdown select,.search-input{width:100%}}@media (max-width:576px){.table-header{display:none}.table-row{flex-direction:column;padding:15px}.column{justify-content:space-between;padding:5px 0}.column:before{content:attr(data-label);font-weight:600}.column-actions{flex-direction:row;justify-content:flex-end;margin-top:10px}.action-buttons{flex-direction:column;gap:10px}}.accounts-loading{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:20px;width:40px}.accounts-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.accounts-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.search-filter-group{display:flex;gap:10px}.search-input{width:250px}.filter-dropdown select,.search-input{border:1px solid #ddd;border-radius:4px;padding:8px 12px}.filter-dropdown select{background-color:#fff}.action-buttons{display:flex;gap:10px}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:500;gap:5px;padding:8px 16px}.btn-add{background-color:#4caf50;color:#fff}.btn-upload{background-color:#2196f3;color:#fff}.btn-export{background-color:#ff9800;color:#fff}.accounts-table{border-radius:4px;box-shadow:0 1px 2px #0000000d;overflow:hidden}.table-header{background-color:#f8f9fa;border-bottom:1px solid #ddd;display:flex;font-weight:700;padding:12px 15px}.table-body{max-height:600px;overflow-y:auto}.table-row{border-bottom:1px solid #eee;display:flex;padding:12px 15px}.table-row:hover{background-color:#f9f9f9}.column{align-items:center;display:flex;padding:0 5px}.column-userid{font-weight:500;width:20%}.column-password,.column-secretkey{color:#777;width:15%}.column-gender,.column-status{width:10%}.column-remark{align-items:center;display:flex;gap:5px;width:15%}.column-actions{display:flex;gap:5px;justify-content:flex-end;width:15%}.status-indicator{border-radius:50%;height:10px;margin-right:5px;width:10px}.logged-in{background-color:#4caf50}.logged-out{background-color:#f44336}.action-button{background:none;border:none;border-radius:4px;color:#555;padding:5px}.action-button:hover{background-color:#eee}.edit{color:#2196f3}.delete{color:#f44336}.login{color:#4caf50}.no-accounts{color:#777;padding:30px;text-align:center}.modal{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow-y:auto;width:500px}.modal-header{border-bottom:1px solid #eee}.modal-header h3{font-size:18px;margin:0}.close-button{background:none;border:none;color:#777;cursor:pointer;font-size:24px}.modal-body{overflow-y:auto}.modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:500;margin-bottom:5px}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.checkbox-group{align-items:center;display:flex;gap:8px}.checkbox-group input[type=checkbox]{margin:0}.btn-save{background-color:#4caf50;color:#fff}.btn-cancel{background-color:#f5f5f5;color:#333}.btn-delete{background-color:#f44336;color:#fff}.error-message{background-color:#f443361a;border-radius:4px;color:#f44336;margin-bottom:15px;padding:10px}.delete-modal{width:400px}.warning{color:#f44336;font-weight:500}.csv-modal{width:700px}.result-summary{display:flex;gap:15px;margin-bottom:20px}.result-stat{align-items:center;border-radius:8px;display:flex;flex:1 1;flex-direction:column;padding:15px;text-align:center}.result-value{font-size:24px;font-weight:700;margin-bottom:5px}.result-label{color:#555;font-size:14px}.total{background-color:#f1f1f1}.success{background-color:#e8f5e9;color:#2e7d32}.failed{background-color:#ffebee;color:#c62828}.failed-accounts{margin-top:20px}.failed-accounts h4{margin-bottom:10px}.failed-accounts ul{padding-left:20px}.failed-accounts li{margin-bottom:5px}.login-modal{width:500px}.account-info{background-color:#f9f9f9;border-radius:6px;margin-bottom:20px;padding:15px}.account-info p{margin:5px 0}.login-loading{align-items:center;display:flex;flex-direction:column;padding:20px}.login-result{border-radius:6px;margin-bottom:15px;padding:15px}.login-result.success{background-color:#e8f5e9;color:#2e7d32}.login-result.error{background-color:#ffebee;color:#c62828}.login-result pre{background:#0000000d;border-radius:4px;font-family:monospace;font-size:12px;max-height:150px;overflow:auto;padding:10px}.login-instructions ul{margin-top:10px;padding-left:20px}.login-instructions li{margin-bottom:5px}.btn-login{background-color:#2196f3;color:#fff}.btn-retry{background-color:#ff9800;color:#fff}.remark-text{color:#555;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remark-button{background:none;border:none;color:#999;cursor:pointer;padding:3px}.remark-button:hover{color:#2196f3}.remark-modal textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;height:120px;padding:10px;resize:vertical;width:100%}.icon-add:before{content:"+";font-size:16px;font-weight:700}.icon-upload:before{content:"⬆"}.icon-export:before{content:"⬇"}.icon-edit:before{content:"✎"}.icon-delete:before{content:"×"}.icon-login:before{content:"➜"}.icon-remark:before{content:"✎";font-size:12px}.pagination-section{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.pagination-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.per-page-selector{align-items:center;display:flex;gap:8px}.per-page-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 10px}.pagination-controls{justify-content:center;margin-top:15px}.pagination-buttons-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.page-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:inline-flex;font-size:14px;height:32px;justify-content:center;margin:0 2px;min-width:32px;text-decoration:none}.page-button:hover{background-color:#f5f5f5}.page-button.active{background-color:#2196f3;border-color:#2196f3;color:#fff}.page-button:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;flex-wrap:wrap;justify-content:center}.loading-indicator{font-style:italic;text-align:center}@media (max-width:768px){.account-stats-grid{grid-template-columns:repeat(2,1fr)}.account-cycle-status{padding:15px}}@media (max-width:576px){.account-stats-grid{grid-template-columns:1fr}.account-stat-item{padding:10px}}.comments-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px;width:100%}.comments-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:20px}.comments-section{margin-bottom:25px}.comments-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 15px}.url-input-container{display:flex;gap:10px;margin-bottom:15px}.post-url-input{border:1px solid #e0e0e0;border-radius:6px;flex-grow:1;font-size:14px;padding:12px;transition:border .3s ease,box-shadow .3s ease}.post-url-input:focus{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf71a;outline:none}.add-url-button{background-color:#0095f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:0 15px}.add-url-button:disabled{background-color:#b2dffc;cursor:not-allowed}.processed-urls,.url-queue{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:12px}.processed-urls h4,.url-queue h4{color:#333;font-size:14px;margin-bottom:10px;margin-top:0}.processed-url-list,.url-queue-list{list-style:none;margin:0;padding:0}.processed-item,.queue-item{align-items:center;border-bottom:1px solid #eee;display:flex;font-size:13px;justify-content:space-between;padding:8px 10px}.processed-item:last-child,.queue-item:last-child{border-bottom:none}.queue-item.processing{background-color:#f0f8ff}.processed-item.completed{background-color:#f0fff0}.processed-item.error{background-color:#fff0f0}.url-text{flex-grow:1;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-status{align-items:center;display:flex;flex-shrink:0;margin-left:10px}.status-processing{color:#0095f6;font-size:12px;font-style:italic}.status-completed{color:#00c851;font-weight:700}.status-error{color:#ff3547;font-weight:700}.remove-url{background:none;border:none;color:#888;cursor:pointer;font-size:16px;padding:0 5px}.remove-url:hover{color:#ff3547}.input-group{align-items:center;display:flex;margin-bottom:15px}.input-group label{color:#555;flex:0 0 140px}.comment-count-input{border:1px solid #e0e0e0;border-radius:6px;font-size:14px;max-width:120px;padding:10px;transition:border .3s ease,box-shadow .3s ease;width:100%}.comment-count-input:focus{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf71a;outline:none}.comment-count-input[readonly]{background-color:#f5f7fa;cursor:not-allowed}.language-select-wrapper{max-width:200px;position:relative;width:100%}.language-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 30px 10px 10px;transition:border .3s ease,box-shadow .3s ease;width:100%}.language-select:focus{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf71a;outline:none}.ai-language-select{max-width:140px}.ai-language-select .language-select{background-position:right 8px center;background-size:12px;border-radius:5px;font-size:13px;padding:8px 26px 8px 10px}.type-select-wrapper{max-width:200px;position:relative;width:100%}.type-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 30px 10px 10px;transition:border .3s ease,box-shadow .3s ease;width:100%}.type-select:focus{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf71a;outline:none}.generate-count-input{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;display:flex;min-width:120px;overflow:hidden;position:relative}.generate-count-input input{background-color:#fff;border:none;font-size:14px;padding:8px 10px;text-align:center;transition:background-color .3s ease;width:60px}.generate-count-input input:focus{background-color:#f9f9f9;outline:none}.count-label{color:#666;font-size:13px;padding:0 10px;white-space:nowrap}.generate-count-input:hover{border-color:#bbb}.comments-textarea{border:1px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:14px;height:200px;padding:12px;resize:vertical;transition:border .3s ease,box-shadow .3s ease;width:100%}.comments-textarea:focus{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf71a;outline:none}.button-group{display:flex;gap:12px;margin-top:20px}.button-group.single-button{margin-top:25px}.button-group.single-button .save-button{font-size:15px;max-width:none;padding:14px 20px;width:100%}.save-button{background-color:#4a6cf7;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:background-color .3s ease}.save-button:hover{background-color:#3a57d5}.save-button:disabled{background-color:#b0b0b0;cursor:not-allowed}.error-message,.success-message{border-radius:6px;font-size:14px;margin-top:15px;padding:12px;text-align:center}.success-message{background-color:#e6f7ee;border:1px solid #c8e6c9;color:#2e7d32}.error-message{background-color:#fdeded;border:1px solid #f5c2c7;color:#d32f2f}.generate-section,.import-section{background-color:#f8f9fa;border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:20px}.accounts-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:15px;padding:15px}.accounts-section h4{border-bottom:1px solid #eee;color:#333;font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.verified-accounts{border-left:3px solid #4a6cf7}.verified-accounts h4{color:#4a6cf7}.other-settings{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:15px;padding:15px}.other-settings h4{border-bottom:1px solid #eee;color:#333;font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.comments-section.generate-section h3{margin-bottom:20px}@media (max-width:992px){.comments-layout{gap:20px;grid-template-columns:1fr}.input-group{align-items:flex-start;flex-direction:column}.input-group label{margin-bottom:8px}.comment-count-input,.language-select-wrapper,.type-select-wrapper{max-width:100%}.button-group{flex-direction:column}}@media (max-width:768px){.comments-container{padding:15px}}@media (max-width:480px){.input-group{margin-bottom:20px}}.save-button.loading{color:#0000;position:relative}.save-button.loading:after{animation:spin .8s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.job-progress{background-color:#f0f0f0;border-radius:3px;display:block;height:5px;margin-top:15px;overflow:hidden;width:100%}.job-progress-bar{background-color:#4a6cf7;border-radius:3px;height:100%;transition:width .5s ease}.job-progress-bar.pending{background-color:#ff9800;width:15%}.job-progress-bar.running{animation:progress-animation 2s ease infinite;background-color:#2196f3;width:50%}.job-progress-bar.completed{background-color:#4caf50;width:100%}.job-progress-bar.failed{background-color:#f44336;width:100%}@keyframes progress-animation{0%{background-position:-100% 0}to{background-position:100% 0}}.step-indicator{display:flex;justify-content:space-between;margin-bottom:20px;margin-top:10px}.step{flex:1 1;position:relative;text-align:center}.step:before{background-color:#e0e0e0;content:"";height:2px;left:0;position:absolute;right:0;top:15px;z-index:1}.step:first-child:before{left:50%}.step:last-child:before{right:50%}.step-number{background:#fff;border:2px solid #e0e0e0;border-radius:50%;height:30px;line-height:30px;margin:0 auto;position:relative;transition:all .3s ease;width:30px;z-index:2}.step.active .step-number{background-color:#4a6cf7;border-color:#4a6cf7;color:#fff}.step.completed .step-number{background-color:#4caf50;border-color:#4caf50;color:#fff}.step-label{color:#777;font-size:12px;margin-top:8px}.step.active .step-label{color:#4a6cf7;font-weight:600}.step.completed .step-label{color:#4caf50;font-weight:600}.account-usage-info{background-color:#f8f9fa;border-left:4px solid #4a6cf7;border-radius:8px;margin-top:15px;padding:15px}.account-usage-info h4{color:#333;font-size:16px;font-weight:600;margin-bottom:15px;margin-top:0}.usage-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.usage-metric{background-color:#ffffffb3;border:1px solid #e0e0e0;border-radius:6px;padding:10px}.usage-metric.highlighted{background-color:#4a6cf70d;border-color:#4a6cf7}.metric-label{font-size:12px;margin-bottom:4px}.metric-value{color:#333;font-size:16px;font-weight:600}.metric-breakdown{color:#666;display:flex;flex-direction:column;font-size:12px;margin-top:6px}.metric-breakdown span{margin-bottom:2px}.usage-warning{align-items:flex-start;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:6px;display:flex;margin-bottom:15px;padding:12px}.usage-warning.info{background-color:#e1f5fe;border-color:#b3e5fc}.warning-icon{font-size:18px;margin-right:10px}.warning-message{color:#664d03;font-size:13px;line-height:1.4}.usage-warning.info .warning-message{color:#0277bd}.distribution-info{border-top:1px dashed #e0e0e0;color:#666;font-size:13px;padding-top:12px}.info-icon{margin-right:6px}.queue-message{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:6px;color:#2e7d32;margin-top:15px;padding:15px;text-align:center}.queue-status-container{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;padding:20px}.queue-status-container h3{color:#333;font-size:18px;font-weight:600;margin:0 0 15px}.queue-status-info{display:flex;flex-wrap:wrap;gap:15px}.queue-status-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;flex:1 1;min-width:200px;padding:15px}.queue-label{color:#666;display:block;font-size:13px;margin-bottom:5px}.queue-value{color:#333;font-size:16px;font-weight:600}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.ai-button-container{align-items:center;display:flex;flex-wrap:nowrap;gap:8px}.ai-generate-button{align-items:center;background-color:#5e35b1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;padding:8px 12px;transition:background-color .2s;white-space:nowrap}.ai-generate-button:hover{background-color:#4527a0}.ai-generate-button:before{content:"✨";font-size:16px;margin-right:5px}.ai-generate-button.loading{opacity:.8;pointer-events:none}.ai-generate-button.loading:before{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:14px;margin-right:8px;width:14px}.account-cycle-status{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:25px;padding:20px}.account-cycle-status h3{border-bottom:1px solid #eee;color:#333;font-size:18px;font-weight:600;margin:0 0 15px;padding-bottom:8px}.account-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.account-stat-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px}.account-stat-item.full-width{display:flex;flex-direction:column;gap:8px;grid-column:1/-1}.stat-label{color:#666;font-size:14px;margin-bottom:5px}.stat-value{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600}.used-count{color:#4a6cf7}.total-count{color:#666;margin-left:2px}.loading-indicator{color:#666;font-size:14px;height:100px}.loading-indicator:before{animation:spin .8s linear infinite;border:2px solid #4a6cf733;height:20px;margin-right:10px;width:20px}.account-type-selection{margin-bottom:20px}.account-type-buttons{display:flex;gap:10px;margin-bottom:10px}.account-type-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;padding:12px 15px;text-align:center;transition:all .3s}.account-type-button.active{background-color:#4a6cf7;border-color:#4a6cf7;color:#fff}.account-type-info{color:#666;font-size:13px;margin-top:8px}.distribution-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:12px}.distribution-item{align-items:center;background-color:#f5f5f5;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.distribution-label{color:#555;font-weight:500}.distribution-value{color:#333;font-weight:700}@media (max-width:992px){.section-header{align-items:flex-start;flex-direction:column;gap:10px}.ai-button-container{flex-wrap:wrap;width:100%}.generate-count-input{flex:1 1;margin-bottom:8px;min-width:auto}.ai-language-select{flex:1 1;margin-bottom:8px;order:2}.ai-generate-button{flex:1 1;order:3;width:100%}.account-stats-grid{grid-template-columns:repeat(2,1fr)}.usage-details{grid-template-columns:1fr}}@media (max-width:768px){.queue-status-info{flex-direction:column}.account-stats-grid{grid-template-columns:1fr}.account-cycle-status{padding:15px}.account-usage-info{padding:12px}}@media (max-width:576px){.ai-generate-button{font-size:13px;padding:8px 10px}.distribution-grid{grid-template-columns:1fr}.account-stat-item{padding:10px}}.textarea-helper{color:#777;font-size:12px;margin-top:5px}.input-helper{color:#777;font-size:12px;margin-top:3px}.account-count-input{border:1px solid #e0e0e0;border-radius:6px;font-size:14px;max-width:120px;padding:10px;transition:border .3s ease,box-shadow .3s ease;width:100%}.account-count-input:focus{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf71a;outline:none}.ai-generate-button:disabled{background-color:#b0b0b0;cursor:not-allowed;opacity:.7}.important-notification{background-color:#e8f4f8;border-left:4px solid #4a90e2;border-radius:5px;margin:20px 0;padding:15px}.important-notification.alert{background-color:#fff4e5;border-left-color:#f0ad4e}.notification-content{align-items:flex-start;display:flex}.notification-icon{font-size:24px;margin-right:15px}.notification-message{flex:1 1}.no-accounts-message{background-color:#f8f8f8;border:1px dashed #ddd;border-radius:5px;margin:20px 0;padding:20px;text-align:center}.add-accounts-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:8px 16px}.add-accounts-button:hover{background-color:#3a7bc8}.jobs-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px;width:100%}.failed-jobs-info{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-weight:500;margin-bottom:20px;padding:12px 20px;text-align:center}.jobs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.status-filters{display:flex;flex-wrap:wrap;gap:10px}.status-button{background-color:#f5f7fa;border:none;border-radius:6px;color:#555;cursor:pointer;font-size:14px;font-weight:500;padding:10px 15px;transition:all .3s ease}.status-button:hover{background-color:#e4e8f7;color:#4a6cf7}.status-button.active{background-color:#4a6cf7;color:#fff}.new-job-button{align-items:center;background-color:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .3s ease}.new-job-button:hover{background-color:#1f2937}.new-job-button i{margin-right:8px}.refresh-button{align-items:center;background-color:#4a6cf7;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;margin-left:15px;padding:8px 16px;transition:background-color .3s ease}.refresh-button:hover{background-color:#3a57d5}.refresh-button i{margin-right:8px}.content-header{align-items:center;display:flex;margin-bottom:20px}.content-header h2{flex-grow:1;margin:0}.jobs-list{display:flex;flex-direction:column;gap:15px}.job-item{align-items:center;background-color:#f8f9fa;border-radius:10px;display:flex;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.job-item:hover{box-shadow:0 5px 15px #0000000d;transform:translateY(-2px)}.job-status{border-radius:50%;flex-shrink:0;height:12px;margin-right:20px;width:12px}.job-status.pending{animation:pulse 1.5s infinite;background-color:#ff9800}.job-status.running{animation:pulse 1s infinite;background-color:#2196f3}.job-status.completed{background-color:#4caf50}.job-status.failed{background-color:#f44336}.job-status.cancelled{background-color:#9e9e9e}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.job-info{flex:2 1}.job-title{color:#333;font-size:18px;font-weight:600;margin:0 0 5px}.job-details{color:#666;display:flex;flex-wrap:wrap;font-size:14px;gap:15px;margin:0}.job-completed,.job-date,.job-id,.job-time{color:#777;font-size:12px}.job-completed{color:#4caf50;font-weight:500}.job-metrics{display:flex;flex:2 1;gap:20px;justify-content:center}.metric{text-align:center}.metric-value{color:#4a6cf7;display:block;font-size:20px;font-weight:700}.metric-label{color:#666;display:block;font-size:13px}.job-actions{display:flex;flex:1 1;flex-wrap:wrap;gap:10px;justify-content:flex-end}.action-button{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;font-size:13px;padding:8px 12px;transition:all .3s ease}.action-button:hover{background-color:#f5f7fa;border-color:#ccc}.action-button i{font-size:14px;margin-right:5px}.error-message,.loading-indicator{color:#666;padding:50px 0;text-align:center}.error-message p,.loading-indicator p{font-size:16px;margin:0 0 15px}.error-message button{background-color:#4a6cf7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s ease}.error-message button:hover{background-color:#3a57d5}.no-jobs-message{color:#666;padding:50px 0;text-align:center}.no-jobs-message i{color:#ccc;font-size:48px;margin-bottom:15px}.no-jobs-message p{font-size:16px;margin:0 0 20px}.create-job-button{background-color:#4a6cf7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s ease}.create-job-button:hover{background-color:#3a57d5}.icon-add-job:before{content:"+"}.icon-view:before{content:"👁️"}.icon-pause:before{content:"⏸️"}.icon-play:before{content:"▶️"}.icon-cancel:before{content:"❌"}.icon-retry:before{content:"🔄"}.icon-empty:before{content:"📋"}.icon-dashboard:before{content:"📊"}.icon-accounts:before{content:"👤"}.icon-comments:before{content:"💬"}.icon-jobs:before{content:"🔧"}.icon-refresh:before{content:"🔄"}.navbar-logo{align-items:center;display:flex}.instagram-logo{height:32px;margin-right:10px}@media (max-width:768px){.instagram-logo{height:28px}}@media (max-width:576px){.instagram-logo{height:24px}}.top-navbar{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:25px;padding:12px 25px}.navbar-menu ul{display:flex;gap:5px;list-style:none;margin:0;padding:0}.navbar-menu button{align-items:center;background:none;border:none;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:14px;padding:8px 15px}.navbar-menu button i{margin-right:8px}.navbar-menu li.active button{background-color:#f0f5ff;color:#4a6cf7;font-weight:500}.navbar-menu button:hover{background-color:#f5f7fa}.navbar-user{align-items:center;display:flex;gap:15px}.user-name{color:#333;font-size:14px;font-weight:500}.logout-button{background-color:#f5f7fa;border:1px solid #e0e0e0;border-radius:4px;color:#555;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .3s ease}.logout-button:hover{background-color:#f0f0f0;border-color:#d0d0d0}.dashboard-container{background-color:#f9fafb;display:flex;flex-direction:column;min-height:100vh}.dashboard-content{flex-grow:1;padding:0 25px 25px}@media (max-width:992px){.job-item{align-items:flex-start;flex-direction:column}.job-status{margin-right:0;position:absolute;right:15px;top:15px}.job-info,.job-metrics{margin-bottom:15px;width:100%}.job-actions{justify-content:flex-start;width:100%}}@media (max-width:768px){.jobs-header{align-items:flex-start;flex-direction:column;gap:15px}.status-filters{overflow-x:auto;padding-bottom:10px;width:100%}.new-job-button{justify-content:center;width:100%}.top-navbar{flex-direction:column;padding:15px}.navbar-logo,.navbar-menu{margin-bottom:15px}.navbar-menu{width:100%}.navbar-menu ul{justify-content:space-between;width:100%}}.job-item{overflow:hidden;position:relative}.job-item:after{animation:none;background:linear-gradient(90deg,#4a6cf7,#2196f3 50%,#4a6cf7);background-size:200% 100%;content:"";height:2px;left:0;position:absolute;top:0;width:100%}.job-item.running:after{animation:flowing 2s linear infinite}@keyframes flowing{0%{background-position:100% 0}to{background-position:0 0}}.job-error{align-items:flex-start;background-color:#d32f2f1a;border-radius:6px;color:#d32f2f;display:flex;font-size:13px;margin-top:8px;padding:8px 12px;width:100%}.error-label{font-weight:600;margin-right:8px;white-space:nowrap}.error-message{flex:1 1;word-break:break-word}.job-error .error-message strong{font-weight:600;text-decoration:underline}.job-error .error-message[data-account-error=true]{font-weight:500}.queue-badge,.running-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;margin-left:10px;padding:3px 8px;vertical-align:middle}.queue-badge{background-color:#ff9800;color:#fff}.running-badge{animation:pulse 1.5s infinite;background-color:#2196f3;color:#fff}.loading-indicator{align-items:center;display:flex;flex-direction:column;height:150px;justify-content:center}.loading-indicator:before{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4a6cf7;content:"";height:40px;margin-bottom:15px;width:40px}.action-button.force-complete{background-color:#4caf50;border-color:#4caf50;color:#fff}.action-button.force-complete:hover{background-color:#388e3c;border-color:#388e3c}.action-button .icon-refresh{transition:transform .3s ease}.action-button:active .icon-refresh{transform:rotate(180deg)}.job-status.partially_completed{background-color:#ff9800}.status-badge.partially_completed{background-color:#ff9800;color:#fff}.partial-completion{background-color:#ff98001a;border-radius:4px;margin-top:8px;padding:8px}.completion-bar{background-color:#e0e0e0;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden}.completion-progress{background-color:#ff9800;border-radius:4px;height:100%}.completion-text{color:#555;font-size:12px}.debug-button{align-items:center;background-color:#9c27b0;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;margin-top:10px;padding:6px 12px;transition:all .3s ease}.debug-button:hover{background-color:#7b1fa2}.icon-debug:before{content:"🔍";margin-right:6px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;max-height:90vh;max-width:900px;overflow-y:auto;padding:0;position:relative;width:90%}.modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-title{color:#333;font-size:20px;margin:0}.modal-close{background:none;border:none;color:#777;cursor:pointer;font-size:22px;transition:color .2s ease}.modal-close:hover{color:#333}.modal-body{padding:20px}.debug-section{margin-bottom:25px}.debug-section h4{border-bottom:1px solid #eee;color:#333;font-size:16px;margin:0 0 12px;padding-bottom:8px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.info-item{display:flex;flex-direction:column}.info-label{color:#777;font-size:13px;margin-bottom:5px}.info-value{color:#333;font-size:15px;font-weight:500}.accounts-table{border-collapse:collapse;font-size:14px;margin-top:10px;width:100%}.accounts-table th{background-color:#f5f7fa;color:#555;font-weight:600;text-align:left}.accounts-table td,.accounts-table th{border-bottom:1px solid #e0e0e0;padding:10px}.accounts-table td{color:#333}.accounts-table tr:last-child td{border-bottom:none}.log-entries{background-color:#f5f7fa;border-radius:6px;color:#333;font-family:monospace;font-size:13px;margin-top:10px;max-height:300px;overflow-y:auto;padding:15px;white-space:pre-wrap}.entry{border-bottom:1px solid #e0e0e0;padding:3px 0}.entry:last-child{border-bottom:none}.status-true{color:#4caf50}.status-false{color:#f44336}.pagination-container{align-items:center;border-top:1px solid #e5e5e5;display:flex;justify-content:space-between;margin-top:20px;padding:20px 0}.pagination-info{color:#666;font-size:14px}.pagination-controls{align-items:center;display:flex;gap:5px}.pagination-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;text-align:center;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#ccc}.pagination-button:disabled{background-color:#f8f8f8;cursor:not-allowed;opacity:.5}.pagination-button.active{background-color:#007bff;border-color:#007bff;color:#fff}.pagination-button.active:hover{background-color:#0056b3;border-color:#0056b3}@media (max-width:768px){.info-grid{grid-template-columns:1fr}.accounts-table{display:block;overflow-x:auto}.pagination-container{flex-direction:column;gap:10px}.pagination-button{font-size:12px;min-width:35px;padding:6px 10px}}.otp-generator-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:30px auto;max-width:600px;padding:30px;position:relative}.otp-generator-container h2{border-bottom:1px solid #eaeaea;color:#333;font-size:22px;font-weight:600;margin:0 0 25px;padding-bottom:15px;text-align:center}.input-group{margin-bottom:20px}.input-group label{color:#444;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-group input{background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#333;font-size:15px;padding:12px 14px;transition:all .3s ease;width:100%}.input-group input:focus{background-color:#fff;border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf733;outline:none}.actions{border-bottom:1px solid #eee;border-top:1px solid #eee;justify-content:flex-start;margin-bottom:20px;padding:15px 0}.actions,.generate-btn{align-items:center;display:flex}.generate-btn{background-color:#4a6cf7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 20px;transition:background-color .3s ease}.generate-btn:before{content:"🔑";margin-right:8px}.generate-btn:hover{background-color:#3a57d5}.generate-btn:disabled{background-color:#b2dffc;cursor:not-allowed}.error-message{background-color:#ffebee;border-left:3px solid #c62828;border-radius:6px;color:#c62828;font-size:14px;margin-bottom:16px;padding:12px}.otp-result{background-color:#f8f9fa;border:1px solid #eaeaea;border-radius:8px;margin-top:25px;padding:20px}.otp-display{align-items:center;display:flex;justify-content:center;margin-bottom:20px;position:relative}.otp-display span{background:#fff;border:1px solid #eaeaea;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#333;font-family:monospace;font-size:32px;font-weight:700;letter-spacing:6px;padding:10px 15px}.copy-btn{align-items:center;background:#f1f3f5;border:1px solid #ddd;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;margin-left:12px;transition:all .2s ease;width:40px}.copy-btn:hover{background:#e9ecef;transform:scale(1.05)}.copied-message{animation:fadeOut 2s forwards;background-color:#333;border-radius:4px;color:#fff;font-size:12px;padding:5px 10px;position:absolute;right:5px;top:-32px}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}.generate-btn.loading{color:#0000;position:relative}.generate-btn.loading:after{animation:spin .8s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navigation-bar{background-color:#fff;box-shadow:0 2px 10px #0000000d;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;padding:15px 25px}.navigation-bar button{background:none;border:none;border-radius:6px;color:#555;cursor:pointer;font-size:16px;padding:10px 15px;transition:all .3s ease}.navigation-bar button:hover{background-color:#f8f9fa;color:#111827}.navigation-bar button.active{background-color:#f1f3f5;color:#111827;font-weight:500}.navigation-bar .logout-btn{background-color:#f8f9fa;margin-left:auto}@media (max-width:600px){.otp-generator-container{margin:20px;padding:20px}.otp-display span{font-size:24px;letter-spacing:4px}.actions{flex-direction:column;gap:15px}.generate-btn{justify-content:center;width:100%}.navigation-bar{flex-direction:column;padding:10px}.navigation-bar button{text-align:center;width:100%}}
/*# sourceMappingURL=main.48b061d3.css.map*/