.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:16px}.login-box{background:white;padding:clamp(24px,5vw,40px);border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-logo-container{text-align:center;margin-bottom:10px}.login-logo{max-width:100%;max-height:clamp(60px,10vw,80px);-o-object-fit:contain;object-fit:contain}.login-box h1{margin:0 0 10px;color:#333;text-align:center;font-size:clamp(24px,5vw,32px)}.subtitle{margin:0 0 clamp(20px,4vw,30px) 0;color:#666;text-align:center;font-size:14px}.form-group{margin-bottom:clamp(16px,3vw,20px)}.form-group input{width:100%;padding:clamp(10px,2vw,12px);border:1px solid #ddd;border-radius:6px;font-size:clamp(14px,2.5vw,16px);box-sizing:border-box;transition:border-color .3s}.btn-primary{width:100%;padding:clamp(12px,2.5vw,14px);background:#667eea;color:#fff;border:none;border-radius:6px;font-size:clamp(14px,2.5vw,16px);font-weight:600;cursor:pointer;transition:background .3s;margin-bottom:10px}.btn-primary:hover{background:#5568d3}.btn-secondary{width:100%;padding:clamp(12px,2.5vw,14px);background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:clamp(14px,2.5vw,16px);font-weight:600;cursor:pointer;transition:background .3s;margin-top:10px}.btn-secondary:hover{background:#5a6268}.btn-link{width:100%;padding:10px;background:transparent;color:#667eea;border:none;font-size:14px;cursor:pointer;text-decoration:none}.btn-link:hover{text-decoration:underline}.error-message{background:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;border-left:4px solid #c33}.success-message{background:#efe;color:#3c3;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;border-left:4px solid #3c3}@media (max-width: 480px){.login-container{padding:12px}.login-box{padding:20px}}.home-container{min-height:100vh;background:#f5f7fa}.logo-container h2{margin:0;color:#667eea;font-size:clamp(18px,4vw,24px)}@media (max-width: 480px){.company-logo{max-height:32px;max-width:150px}.top-bar{padding:12px 16px;gap:12px}.menu-item{padding:12px 16px}}.user-info{padding:30px 20px;border-bottom:1px solid #eee;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.user-info h3{margin:0 0 5px;font-size:20px}.user-info p{margin:0;font-size:14px;opacity:.9}.menu-item{padding:15px 20px;border:none;background:none;text-align:left;cursor:pointer;font-size:16px;color:#333;transition:background .3s;border-left:3px solid transparent}.menu-item:hover{background:#f5f7fa;border-left-color:#667eea}.menu-item.logout{margin-top:auto;color:#c33;border-top:1px solid #eee}.menu-item.logout:hover{background:#fee;border-left-color:#c33}.main-content{width:95%;max-width:1800px;margin:0 auto;padding:clamp(16px,4vw,40px) clamp(12px,3vw,20px)}.main-content h1{margin:0 0 clamp(20px,4vw,40px) 0;color:#333;font-size:clamp(24px,5vw,32px)}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(16px,3vw,25px)}.module-card{background:white;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all .3s;text-align:center}.module-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.card-icon{font-size:48px;margin-bottom:15px}.module-card h3{margin:0 0 10px;color:#333;font-size:20px}.module-card p{margin:0;color:#666;font-size:14px;line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.modal-header h2{margin:0;color:#333;font-size:20px}.modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.btn-cancel,.btn-save{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancel:hover{background:#e5e5e5}.control-presencia-container{min-height:100vh;background:#f5f7fa}.main-content{width:95%;max-width:1800px;margin:0 auto;padding:clamp(12px,3vw,20px)}.header-section{margin-bottom:clamp(16px,4vw,30px)}.header-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.header-title-row h1{margin:0;font-size:clamp(20px,4vw,28px);flex:1;min-width:200px}.user-selector{display:flex;align-items:center;gap:8px;flex:1;min-width:250px}.user-selector label{font-size:13px;color:#666;font-weight:500;white-space:nowrap;display:none}.user-selector select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:white;cursor:pointer;flex:1;min-width:0}@media (min-width: 768px){.user-selector label{display:block}}.user-selector select:focus{outline:none;border-color:#667eea}.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.left-column,.right-column{display:flex;flex-direction:column;gap:12px}.column-title{color:#333;font-size:22px;margin:0 0 10px;padding-bottom:10px;border-bottom:2px solid #667eea}@media (max-width: 1024px){.two-column-layout{grid-template-columns:1fr}}.back-btn{background:none;border:none;color:#667eea;font-size:16px;cursor:pointer;padding:8px 0;margin-bottom:15px;transition:color .3s}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px}@media (max-width: 480px){.action-cards{grid-template-columns:1fr}}.action-card{background:white;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all .3s;text-align:center;border:2px solid transparent}.action-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.action-card.entrada{border-color:#28a745}.action-card.entrada:hover{background:#e8f5e9}.action-card.salida{border-color:#dc3545}.action-card.salida:hover{background:#ffebee}.action-card.ausencia{border-color:#ff9800}.action-card.ausencia:hover{background:#fff3e0}.action-card.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.action-card.disabled:hover{transform:none;box-shadow:0 4px 12px #0000001a;background:white}.card-icon{font-size:40px;margin-bottom:8px}.action-card h3{margin:0;color:#333;font-size:16px}.datetime-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:12px}@media (max-width: 480px){.datetime-section{grid-template-columns:1fr}}.datetime-group{background:white;padding:15px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.datetime-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.datetime-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:16px;box-sizing:border-box}.datetime-group input:focus{outline:none;border-color:#667eea}.comments-section{background:white;padding:15px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.comments-section label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.comments-section textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box}.comments-section textarea:focus{outline:none;border-color:#667eea}.filter-section{background:white;padding:15px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.filter-section label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.filter-section select{width:100%;max-width:300px;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:white;cursor:pointer}.filter-section select:focus{outline:none;border-color:#667eea}.records-table{background:white;padding:clamp(12px,2vw,15px);border-radius:12px;box-shadow:0 2px 8px #0000001a}.tabs-header{display:flex;gap:8px;margin-bottom:16px;border-bottom:2px solid #e0e0e0;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{padding:clamp(8px,2vw,12px) clamp(12px,3vw,24px);background:none;border:none;border-bottom:3px solid transparent;font-size:clamp(13px,2.5vw,15px);font-weight:500;color:#666;cursor:pointer;transition:all .3s;margin-bottom:-2px;white-space:nowrap}.tab-button:hover{color:#667eea}.tab-button.active{color:#667eea;border-bottom-color:#667eea;font-weight:600}.records-table h2{margin:0 0 20px;color:#333;font-size:20px}.records-table-container{max-height:600px;overflow-y:auto;overflow-x:auto}.records-table table{width:100%;border-collapse:collapse;font-size:clamp(12px,2vw,14px)}.records-table th{background:#f8f9fa;padding:clamp(8px,2vw,12px);text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6;font-size:clamp(11px,2vw,13px);white-space:nowrap}.records-table td{padding:clamp(8px,2vw,12px);border-bottom:1px solid #dee2e6}@media (max-width: 768px){.records-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.records-table th,.records-table td{padding:8px 6px}.badge,.time-badge,.hours-badge{font-size:10px;padding:3px 8px}}.ausencia-row{background-color:#e8f5e9!important}.ausencia-row:hover{background-color:#c8e6c9!important}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge.entrada{background:#d4edda;color:#155724}.badge.salida{background:#f8d7da;color:#721c24}.time-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.time-badge-blue{background:#d1ecf1;color:#0c5460}.time-badge-orange{background:#ffe8cc;color:#856404}.hours-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.hours-badge.under-hours{background:#f8d7da;color:#721c24}.hours-badge.complete-hours{background:#d4edda;color:#155724}.hours-badge.pending-badge{background:#dc3545;color:#fff;animation:pulse-pending 2s infinite}@keyframes pulse-pending{0%,to{opacity:1}50%{opacity:.7}}.pendiente-row{background-color:#fff3cd!important}.pendiente-row:hover{background-color:#ffe8a1!important}.no-records{text-align:center;color:#666;padding:40px 20px;font-size:16px}.btn-delete-record{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;opacity:.7}.btn-delete-record:hover{opacity:1;background:#fee;transform:scale(1.1)}.modal-body{padding:20px}.close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.close-btn:hover{background:#f5f5f5;color:#333}.drop-zone{border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .3s;background:#fafafa;min-height:200px;display:flex;align-items:center;justify-content:center}.avatar-preview{max-width:100%;max-height:200px;border-radius:8px;-o-object-fit:contain;object-fit:contain}.btn-save{background:#667eea;color:#fff}.btn-save:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.kpis-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}@media (max-width: 600px){.kpis-section{grid-template-columns:1fr}.kpi-card{padding:12px}.kpi-content h3{font-size:10px}.kpi-value{font-size:18px}}.kpi-card{background:white;padding:15px;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;gap:12px}.kpi-icon{font-size:32px;flex-shrink:0}.kpi-content{flex:1;min-width:0}.kpi-content h3{margin:0 0 3px;color:#666;font-size:11px;font-weight:500;white-space:nowrap}.kpi-value{margin:0;color:#667eea;font-size:20px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;color:#333;font-size:22px}.modal-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .3s}.modal-body{padding:25px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;box-sizing:border-box;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-footer{padding:20px 25px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.btn-cancel,.btn-submit{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover:not(:disabled){background:#e0e0e0}.btn-submit{background:#667eea;color:#fff}.btn-submit:hover:not(:disabled){background:#5568d3}.btn-cancel:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed}.delete-modal{max-width:450px}.delete-modal .modal-header h2{color:#dc3545;font-size:24px}.delete-warning{font-size:18px;color:#333;margin:0 0 15px;font-weight:500}.delete-info{font-size:15px;color:#666;margin:0}.btn-delete-confirm{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s;background:#dc3545;color:#fff}.btn-delete-confirm:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.confirm-modal{max-width:500px}.confirm-modal .modal-header h2{color:#667eea;font-size:24px}.confirm-question{font-size:18px;color:#333;margin:0 0 25px;font-weight:500;text-align:center}.confirm-details{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:10px}.confirm-detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e0e0e0}.confirm-detail-row:last-child{border-bottom:none;padding-bottom:0}.confirm-detail-row:first-child{padding-top:0}.detail-label{font-weight:600;color:#666;font-size:15px}.detail-value{font-size:16px;color:#333;font-weight:500}.detail-value.badge{padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase}.detail-value.badge.entrada{background:#d4edda;color:#155724}.detail-value.badge.salida{background:#f8d7da;color:#721c24}.detail-value.badge.ausencia{background:#fff3cd;color:#856404}.btn-confirm-registration{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s;background:#667eea;color:#fff}.btn-confirm-registration:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.action-cards,.form-row{grid-template-columns:1fr}.modal-content{width:95%}.confirm-detail-row{flex-direction:column;align-items:flex-start;gap:8px}}.calendar-container{padding:10px 0}.calendar-grid{display:flex;flex-direction:column;gap:2px;background:#e0e0e0;border-radius:8px;overflow:hidden}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);background:#667eea;color:#fff;font-weight:600;text-align:center;font-size:12px}.calendar-header span{padding:10px 4px}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.calendar-day{background:white;min-height:80px;padding:6px;display:flex;flex-direction:column;gap:4px}.calendar-day.empty{background:#f5f5f5}.calendar-day.has-records{background:#fafbff}.day-number{font-weight:600;font-size:14px;color:#333}.day-badges{display:flex;flex-direction:column;gap:3px;flex:1}.calendar-badge-group{display:flex;flex-direction:column;gap:2px}.calendar-badge{display:inline-block;padding:3px 6px;border-radius:10px;font-size:10px;font-weight:600;text-align:center;white-space:nowrap}.calendar-badge-blue{background:#d1ecf1;color:#0c5460}.calendar-badge-red{background:#fff3cd;color:#856404}.calendar-badge-green{background:#d4edda;color:#155724}.calendar-badge-warning{background:#dc3545;color:#fff}.calendar-badge-button{border:none;cursor:pointer;transition:all .3s ease;padding:3px 6px}.calendar-badge-button:hover{background:#c82333!important;transform:scale(1.05);box-shadow:0 2px 8px #dc354566}.calendar-legend{display:flex;gap:20px;justify-content:center;margin-top:16px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.legend-color{width:16px;height:16px;border-radius:4px}.legend-color.blue{background:#d1ecf1;border:1px solid #0c5460}.legend-color.red{background:#fff3cd;border:1px solid #856404}.legend-color.green{background:#d4edda;border:1px solid #155724}.legend-color.warning{background:#dc3545}@media (max-width: 768px){.calendar-day{min-height:60px;padding:4px}.day-number{font-size:12px}.calendar-badge{font-size:8px;padding:2px 4px}.calendar-header span{padding:8px 2px;font-size:10px}.calendar-legend{gap:10px}.legend-item{font-size:10px}}@media (max-width: 480px){.calendar-day{min-height:50px;padding:2px}.day-number{font-size:10px}.calendar-badge{font-size:7px;padding:1px 3px}.calendar-header span{padding:6px 1px;font-size:9px}}.gestion-usuarios-container{min-height:100vh;background:#f5f7fa}.top-bar{background:white;box-shadow:0 2px 8px #0000001a;padding:15px 20px;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:100}.menu-btn{background:none;border:none;cursor:pointer;padding:8px}.hamburger{display:flex;flex-direction:column;gap:4px}.hamburger span{display:block;width:25px;height:3px;background:#333;border-radius:2px;transition:.3s}.logo-container{flex:1;display:flex;justify-content:center;align-items:center}.company-logo{max-height:40px;max-width:200px;-o-object-fit:contain;object-fit:contain}.logo-container h2{margin:0;color:#667eea;font-size:24px}.spacer{width:41px}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:200;animation:fadeIn .3s}.menu-sidebar{position:absolute;left:0;top:0;bottom:0;width:min(300px,85vw);background:white;box-shadow:2px 0 12px #0003;animation:slideIn .3s;display:flex;flex-direction:column}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.menu-nav{flex:1;padding:20px 0;display:flex;flex-direction:column}.menu-item{background:none;border:none;padding:15px 20px;text-align:left;cursor:pointer;font-size:16px;color:#333;transition:all .3s;border-left:4px solid transparent}.menu-item:hover{background:#f5f7ff;border-left-color:#667eea}.menu-item.logout{margin-top:auto;color:#dc3545}.menu-item.logout:hover{background:#fff0f0;border-left-color:#dc3545}.main-content{width:95%;max-width:1800px;margin:0 auto;padding:clamp(8px,2vw,15px)}@media (max-width: 480px){.main-content{width:100%;padding:8px}}.header-section{margin-bottom:clamp(12px,3vw,15px)}.header-section h1{font-size:clamp(16px,4vw,24px);margin:5px 0}.two-column-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(12px,2vw,15px);margin-top:10px}.left-column,.right-column{display:flex;flex-direction:column;gap:10px}.column-title{color:#333;font-size:clamp(16px,3vw,20px);margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid #667eea}@media (max-width: 768px){.two-column-layout{grid-template-columns:1fr}.users-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table table{min-width:640px}.users-table th,.users-table td{font-size:12px;padding:8px 6px;white-space:nowrap}.table-avatar,.table-avatar-placeholder{width:30px;height:30px;font-size:12px}.action-buttons{flex-wrap:wrap;gap:4px}}@media (max-width: 480px){.top-bar{padding:8px 10px;gap:10px}.company-logo{max-width:120px;max-height:32px}.spacer{width:28px}.menu-btn{padding:4px}.hamburger span{width:22px;height:2px}}.back-btn{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;padding:5px 0;margin-bottom:8px;transition:color .3s}.user-form,.modal-form{background:white;padding:clamp(10px,3vw,15px);border-radius:12px;box-shadow:0 2px 8px #0000001a}.form-group input,.form-group select{width:100%;padding:clamp(6px,2vw,10px);border:1px solid #ddd;border-radius:6px;font-size:clamp(13px,3vw,14px);box-sizing:border-box;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.dropzone{border:2px dashed #ddd;border-radius:8px;padding:clamp(12px,4vw,20px);text-align:center;cursor:pointer;transition:all .3s;background:#fafafa;min-height:clamp(80px,35vw,120px);display:flex;align-items:center;justify-content:center}.dropzone:hover{border-color:#667eea;background:#f0f4ff}.dropzone.dragging{border-color:#667eea;background:#e0e7ff}.dropzone-content{pointer-events:none}.dropzone-content p:first-child{font-size:32px;margin:0 0 8px}.dropzone-content p:last-child{color:#666;font-size:13px;margin:0}.avatar-preview{position:relative;width:100px;height:100px;margin:0 auto}.avatar-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.remove-avatar{position:absolute;top:-8px;right:-8px;background:#f44336;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .3s}.remove-avatar:hover{background:#d32f2f}.btn-submit{width:100%;padding:10px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.search-section{background:white;padding:clamp(8px,2vw,12px);border-radius:clamp(8px,2vw,12px);box-shadow:0 2px 8px #0000001a}.search-input{width:100%;padding:clamp(8px,2vw,10px);border:1px solid #ddd;border-radius:6px;font-size:clamp(13px,3vw,14px);box-sizing:border-box}.search-input:focus{outline:none;border-color:#667eea}.users-table{background:white;padding:clamp(10px,3vw,15px);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.users-table h2{margin:0 0 12px;color:#333;font-size:18px}.users-table table{width:100%;border-collapse:collapse}.users-table thead{background:#f5f7fa}.users-table th{padding:10px;text-align:left;font-weight:600;font-size:13px;color:#333;border-bottom:2px solid #667eea}.users-table td{padding:10px;font-size:13px;border-bottom:1px solid #eee}.users-table tr:hover{background:#f9fafb}.table-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block}.table-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.badge.admin{background:#667eea;color:#fff}.badge.user{background:#e0e7ff;color:#4c51bf}.status{font-size:13px;font-weight:500}.status.enabled{color:#28a745}.status.disabled{color:#dc3545}.action-buttons{display:flex;gap:6px}.btn-edit,.btn-toggle{background:none;border:1px solid #ddd;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s}.btn-edit:hover{background:#e3f2fd;border-color:#2196f3}.btn-toggle:hover{background:#f5f7fa;border-color:#667eea}.no-users{text-align:center;padding:30px 15px;color:#999;font-size:14px}.error-message{background:#fee;color:#c33;padding:10px 15px;border-radius:6px;margin-bottom:12px;border-left:3px solid #c33;font-size:13px}.success-message{background:#efe;color:#3c3;padding:10px 15px;border-radius:6px;margin-bottom:12px;border-left:3px solid #3c3;font-size:13px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:clamp(8px,3vw,20px)}.modal-content{background:white;border-radius:clamp(8px,2vw,12px);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.edit-modal{max-width:800px}@media (max-width: 480px){.modal-content{max-width:100%;margin:0;border-radius:0;max-height:100vh}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(12px,3vw,20px);border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:clamp(16px,4vw,20px);color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;transition:color .3s;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#333}.modal-form{padding:clamp(12px,3vw,20px);box-shadow:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}@media (max-width: 480px){.modal-actions{flex-direction:column;gap:8px}.modal-actions .btn-submit,.btn-cancel{width:100%}.users-table h2{font-size:16px}.no-users{padding:20px 10px;font-size:13px}}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px;padding-top:15px;border-top:1px solid #eee}.btn-cancel{padding:10px 20px;background:#f5f7fa;color:#333;border:1px solid #ddd;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-cancel:hover{background:#e0e4e9}.modal-actions .btn-submit{width:auto;margin-top:0;padding:10px 20px}.edit-avatar-btn{margin-top:15px;padding:8px 16px;background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:6px;cursor:pointer;font-size:13px;transition:all .3s}.edit-avatar-btn:hover{background:rgba(255,255,255,.3);border-color:#fff9}.avatar-modal{max-width:500px}.drop-zone{border:2px dashed #ccc;border-radius:8px;padding:clamp(20px,6vw,40px);text-align:center;cursor:pointer;transition:all .3s;background:#fafafa;min-height:clamp(120px,40vw,200px);display:flex;align-items:center;justify-content:center}.drop-zone-content p{margin:5px 0;color:#666}.drop-zone-content p:first-child{font-size:48px;margin-bottom:10px}.drop-zone .avatar-preview{max-width:100%;max-height:200px;border-radius:8px;-o-object-fit:contain;object-fit:contain;position:static;width:auto;height:auto;margin:0}.datos-empresa-container{min-height:100vh;background:#f5f7fa}.main-content{width:95%;max-width:1800px;margin:0 auto;padding:clamp(10px,2vw,15px)}.header-section{margin-bottom:clamp(10px,2vw,15px)}.back-btn{background:none;border:none;color:#667eea;font-size:clamp(14px,2.5vw,16px);cursor:pointer;padding:8px 0;margin-bottom:10px;transition:color .3s}.back-btn:hover{color:#5568d3}.header-section h1{margin:0;color:#333;font-size:clamp(20px,4vw,24px)}.error-message{background:#fee;color:#c33;padding:8px 12px;border-radius:6px;margin-bottom:8px;border-left:3px solid #c33}.success-message{background:#efe;color:#3c3;padding:8px 12px;border-radius:6px;margin-bottom:8px;border-left:3px solid #3c3}.empresa-form{background:white;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:clamp(12px,3vw,20px)}.form-section h2{margin:0 0 10px;color:#333;font-size:clamp(16px,3vw,18px);padding-bottom:6px;border-bottom:2px solid #667eea}@media (max-width: 600px){.form-row,.images-row{grid-template-columns:1fr}}.form-group{margin-bottom:10px}.form-group label{display:block;margin-bottom:4px;color:#333;font-weight:500;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box;font-family:inherit}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.images-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.image-group label{display:block;margin-bottom:4px;color:#333;font-weight:500;font-size:14px}.drop-zone{border:2px dashed #ccc;border-radius:8px;padding:15px;text-align:center;cursor:pointer;transition:all .3s;background:#fafafa;min-height:120px;display:flex;align-items:center;justify-content:center}.drop-zone:hover{border-color:#667eea;background:#f5f7ff}.drop-zone.dragging{border-color:#667eea;background:#e8ecff}.drop-zone-content p{margin:3px 0;color:#666;font-size:13px}.drop-zone-content p:first-child{font-size:32px;margin-bottom:5px}.image-preview{max-width:100%;max-height:120px;-o-object-fit:contain;object-fit:contain;border-radius:8px}.form-actions{display:flex;gap:10px;margin-top:10px}.btn-cancel{flex:1;padding:10px;background:white;color:#667eea;border:2px solid #667eea;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancel:hover:not(:disabled){background:#f5f7ff;transform:translateY(-1px)}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-submit{flex:1;padding:10px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-submit:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.sidebar-logo{padding:20px;text-align:center}.sidebar-logo img{max-width:80%;max-height:80px;-o-object-fit:contain;object-fit:contain}.user-info{padding:30px 20px;text-align:center;border-bottom:1px solid #eee;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.avatar-container{position:relative;display:inline-block;margin-bottom:15px}.avatar{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid white;display:block}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:white;color:#667eea;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.edit-avatar-icon{position:absolute;bottom:0;right:0;width:28px;height:28px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;box-shadow:0 2px 6px #0003;transition:all .3s;border:2px solid #667eea}.edit-avatar-icon:hover{transform:scale(1.1);box-shadow:0 3px 8px #0000004d}.user-info h3{margin:0 0 5px;font-size:18px}.user-info p{margin:0;opacity:.9;font-size:14px}@media (max-width: 768px){.empresa-form{padding:16px}.drop-zone{padding:12px;min-height:100px}.drop-zone-content p:first-child{font-size:24px}}.publicaciones-container{min-height:100vh;background-color:#f4f7f6;display:flex;flex-direction:column}.top-bar{position:relative;display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:#fff;box-shadow:0 2px 10px #0000000d}.back-btn{background:none;border:none;color:#667eea;font-size:16px;cursor:pointer;padding:8px 15px;border-radius:8px;transition:all .3s ease}.back-btn:hover{background-color:#f0f4f8}.title-container{position:absolute;left:50%;transform:translate(-50%)}.title-container h2{margin:0;color:#2c3e50;font-size:20px}.main-content{flex:1;padding:10px 24px;max-width:1400px;margin:0 auto;width:100%;overflow:hidden;display:flex;flex-direction:column}.pub-dashboard{display:flex;gap:24px;flex:1;min-height:0;align-items:stretch}.pub-dashboard-full{width:100%}.history-horizontal-section{background:white;padding:15px 24px 5px;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.history-horizontal-scroll{overflow-x:auto;overflow-y:hidden;padding:10px 0;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.history-horizontal-scroll::-webkit-scrollbar{height:6px}.history-horizontal-scroll::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.history-grid-row-major{display:grid;grid-template-rows:repeat(3,185px);grid-auto-flow:column;gap:20px;height:600px;overflow-x:auto;overflow-y:hidden;padding:0 4px 5px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;scroll-snap-type:x mandatory}.history-card-mini{height:185px;width:415px;flex-shrink:0!important;background:white;border:1px solid #e2e8f0;border-radius:16px;padding:18px 18px 20px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000000d;box-sizing:border-box}.history-card-mini:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014;border-color:#3b82f6}.history-card-body-wrapper{display:flex;gap:16px;align-items:center;padding:4px 0}.history-card-avatar-col{flex-shrink:0}.card-avatar-preview{width:64px;height:64px;border-radius:12px;overflow:hidden;background:#f1f5f9;border:2px solid #f8fafc;box-shadow:0 4px 12px #00000014;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.card-avatar-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-avatar-preview.not-published{filter:grayscale(1);opacity:.6}.avatar-placeholder{font-size:24px;color:#94a3b8}.history-card-main-info{flex:1;min-width:0}.history-card-main-info h4{margin:0 0 6px;font-size:15px;font-weight:700;color:#1e293b;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.history-card-header{display:flex;justify-content:space-between;align-items:center;width:100%}.history-card-header .date{font-size:11px;font-weight:600;color:#94a3b8}.badge-status{font-size:9px;font-weight:800;padding:2px 8px;border-radius:100px;text-transform:uppercase;border-width:1px;border-style:solid}.badge-status.published{background:#dcfce7;color:#166534;border-color:#bcf0da}.badge-status.scheduled{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.badge-status.draft{background:#ffedd5;color:#9a3412;border-color:#fed7aa}.history-card-body{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.history-card-body h4{font-size:14px;font-weight:700;color:#1e293b;line-height:1.4;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.history-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:20px;width:100%}.version-bubbles{display:flex;gap:6px;flex-shrink:0}.v-bubble{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:1px solid #e2e8f0;background:white;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#64748b;transition:all .2s}.v-bubble.published{background:#22c55e;color:#fff;border-color:#16a34a}.v-bubble.scheduled{background:#3b82f6;color:#fff;border-color:#2563eb}.v-bubble:hover{border-color:#3b82f6;color:#3b82f6}.btn-view-card{flex-shrink:0;padding:6px 14px;background:white;border:1px solid #cbd5e1;border-radius:8px;font-size:12px;font-weight:700;color:#334155;transition:all .2s;white-space:nowrap}.btn-view-card:hover{background:#f1f5f9;border-color:#3b82f6;color:#3b82f6}.search-box-container{position:relative;width:100%;max-width:300px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#94a3b8}.search-input-mini{width:100%;padding:8px 12px 8px 36px;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;background:#f8fafc;transition:all .2s}.search-input-mini:focus{outline:none;border-color:#3b82f6;background:white;box-shadow:0 0 0 3px #3b82f61a}.status-filter-chips{display:flex;gap:8px}.filter-chip{padding:6px 14px;border-radius:100px;border:1px solid #e2e8f0;background:white;font-size:12px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-chip:hover{border-color:#cbd5e1;background:#f8fafc}.filter-chip.active{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f640}.config-modal{max-width:500px}.config-section h4{font-size:14px;font-weight:700;color:#334155;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.config-input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;transition:all .2s;background:#f8fafc}.config-input:focus{outline:none;border-color:#3b82f6;background:white;box-shadow:0 0 0 3px #3b82f61a}.settings-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}.settings-btn:hover{background:white;color:#3b82f6;border-color:#3b82f6;transform:rotate(45deg)}.mt-6{margin-top:15px}.btn-create-ia{display:flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:none;border-radius:100px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 10px 25px -5px #2563eb66;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-create-ia:hover{transform:scale(1.05);box-shadow:0 15px 30px -10px #2563eb99}.btn-create-ia .icon{font-size:20px}.form-panel-full{background:white;border-radius:24px;border:1px solid #e2e8f0;padding:25px 35px;box-shadow:0 20px 25px -5px #0000000d;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.form-header-with-back{margin-bottom:20px}.btn-back-minimal{background:transparent;border:none;color:#3b82f6;font-weight:600;font-size:14px;padding:0;margin-bottom:16px;cursor:pointer}.form-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1;min-height:0}.form-submit-container{margin-top:20px;display:flex;justify-content:center}.btn-generate-full{padding:16px 60px;background:#1e293b;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-generate-full:hover:not(:disabled){background:#0f172a;transform:translateY(-2px)}.btn-generate-full:disabled{opacity:.7;cursor:not-allowed}.spinner-mini{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.animate-fadeIn{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.history-panel{flex:1;display:flex;flex-direction:column;background:white;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;min-height:0}.history-scroll-container{flex:1;overflow-y:auto;padding:0 24px 24px}.form-panel{flex:1;display:flex;flex-direction:column;background:white;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;min-height:0;overflow-y:auto}.history-scroll-container::-webkit-scrollbar,.form-panel::-webkit-scrollbar{width:6px}.history-scroll-container::-webkit-scrollbar-thumb,.form-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media (max-width: 1024px){.pub-dashboard{flex-direction:column;height:auto;overflow:visible}.main-content{height:auto;overflow:visible}}.coming-soon-card{background:white;border-radius:15px;padding:50px;text-align:center;box-shadow:0 10px 30px #0000000d;margin-top:50px}.coming-soon-card .card-icon{font-size:60px;margin-bottom:20px}.coming-soon-card h2{color:#2c3e50;margin-bottom:15px}.coming-soon-card p{color:#7f8c8d;font-size:18px;max-width:600px;margin:0 auto}.form-section{margin-bottom:clamp(12px,3vw,15px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:10px;min-height:0}.form-group label{display:block;margin-bottom:4px;color:#333;font-weight:500;font-size:13px}.form-group input:not([type=checkbox]),.form-group textarea,.form-group select{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;box-sizing:border-box;font-family:inherit;background-color:#fff;transition:border-color .3s}.form-group input:not([type=checkbox]):focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-actions{display:flex;gap:10px;margin-top:20px;border-top:1px solid #eee;padding-top:20px;justify-content:flex-end}.btn-cancel{padding:0 20px;height:44px;background:white;color:#667eea;border:2px solid #667eea;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}.btn-cancel:hover{background:#f5f7ff;transform:translateY(-1px)}.btn-submit{padding:0 20px;height:44px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}.btn-small{height:32px!important;padding:0 12px!important;font-size:12px!important;border-radius:4px!important}.btn-submit:hover{background:#5568d3;transform:translateY(-1px)}.btn-submit svg{width:20px;height:20px;flex-shrink:0}.header-no-margin h1,.header-no-margin p{margin:0!important}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite}button:disabled{opacity:.7;cursor:not-allowed}.revision-card-layout{display:flex;flex-direction:column;height:100%}.revision-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;flex:1;min-height:0;overflow:hidden}.editor-column{display:flex;flex-direction:column;min-height:0}.editor-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.visual-editor-box,.html-editor-box{width:100%;flex:1;background:white;border:1px solid #e2e8f0;border-radius:12px;padding:20px;font-size:14px;line-height:1.6;overflow-y:auto;color:#334155;min-height:0;height:0;flex-basis:0;box-sizing:border-box}.visual-editor-box h1,.visual-editor-box h2,.visual-editor-box h3{margin-top:1.5em;margin-bottom:.5em;color:#0f172a}.visual-editor-box p{margin-bottom:1em}.visual-editor-box ul,.visual-editor-box ol{padding-left:25px;margin-bottom:1em;list-style-position:outside}.visual-editor-box ul{list-style-type:disc}.visual-editor-box ol{list-style-type:decimal}.visual-editor-box li{margin-bottom:.5em;padding-left:5px}.html-editor-box{font-family:Fira Code,monospace;resize:none}.field-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:700;margin-bottom:8px;display:block}.premium-input{border:1px solid #e2e8f0;border-radius:8px;padding:10px 15px;transition:all .2s}.premium-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tab-switcher{background:#f1f5f9;padding:3px;border-radius:8px;display:flex;gap:2px}.tab-btn{padding:4px 12px;font-size:11px;font-weight:600;border-radius:6px;color:#64748b;background:transparent;border:none;cursor:pointer;transition:all .2s}.tab-btn.active{background:white;color:#667eea;box-shadow:0 2px 4px #0000000d}.regenerate-text-btn{margin-top:10px;background:#f8fafc;color:#667eea;border:1px dashed #667eea;padding:10px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.regenerate-text-btn:hover{background:#f1f5f9;border-style:solid}.upload-team-image-btn{margin-top:10px;background:#f0fdf4;color:#16a34a;border:1px dashed #16a34a;padding:10px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.upload-team-image-btn:hover{background:#dcfce7;border-style:solid}.media-column{display:flex;flex-direction:column;gap:24px;overflow-y:auto;padding-right:4px;min-height:0}.media-column::-webkit-scrollbar{width:4px}.media-column::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.image-preview-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:15px;min-height:0}.editor-column .image-preview-card{overflow:hidden;display:flex;flex-direction:column}.image-container{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#e2e8f0}.preview-image-large,.generated-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background-color:#0f172a}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.image-container:hover .image-overlay{opacity:1}.regenerate-img-btn{background:white;color:#334155;border:none;padding:8px 16px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0000001a}.actions-card{background:white;border:1px solid #f1f5f9;border-radius:16px;padding:15px}.btn-save-draft,.btn-publish-now{width:100%;padding:12px;border-radius:10px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s}.btn-save-draft{background:#e0e7ff;color:#4338ca;border:1px solid #c7d2fe}.btn-save-draft:hover:not(:disabled){background:#c7d2fe}.btn-save-draft:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.btn-publish-now{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);color:#fff;border:none;box-shadow:0 4px 12px #6366f14d;position:relative;overflow:hidden}.btn-publish-now:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#9333ea 100%);transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}.btn-publish-now:active:not(:disabled){transform:translateY(0)}.btn-publish-now:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.btn-cancel-revision{width:100%;background:transparent;border:none;color:#94a3b8;font-size:12px;font-weight:600;padding:8px;cursor:pointer}.btn-view-live{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);color:#fff;font-size:10px;font-weight:800;padding:6px 14px;border-radius:8px;border:none;cursor:pointer;box-shadow:0 4px 10px #2563eb33;text-transform:uppercase;letter-spacing:.02em;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-view-live:hover{transform:translateY(-1px);box-shadow:0 6px 15px #2563eb4d;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.btn-view-live:active{transform:translateY(0)}.btn-cancel-revision.orange-text{background:#f97316;color:#fff;border:none;border-radius:10px;padding:12px;font-weight:700;box-shadow:0 4px 12px #f9731633;transition:all .2s}.btn-cancel-revision.orange-text:hover{background:#ea580c;transform:translateY(-1px);box-shadow:0 6px 16px #f973164d}.regenerate-text-btn.w-full{width:100%}.loading-spinner{width:14px;height:14px;border:2px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1024px){.revision-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:white;width:100%;max-width:500px;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-content.publish-modal-extra-large{max-width:1100px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:24px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:18px;font-weight:700;color:#0f172a;margin:0}.close-modal{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer;transition:color .2s}.close-modal:hover{color:#64748b}.modal-body{padding:24px}.modal-desc{font-size:14px;color:#64748b;margin-bottom:24px;line-height:1.5}.platform-list{display:flex;flex-direction:column;gap:12px}.platform-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px;background:#f8fafc;border:1px solid #f1f5f9;transition:all .2s}.platform-item.active{background:#eff6ff;border-color:#bfdbfe}.platform-info{display:flex;align-items:center;gap:12px}.platform-icon{font-size:20px}.platform-label{font-size:14px;font-weight:600;color:#334155}.platform-item.active .platform-label{color:#1d4ed8}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#3b82f6}input:focus+.slider{box-shadow:0 0 1px #3b82f6}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.warning-box{margin-top:16px;padding:12px;background:#fff7ed;border:1px solid #ffedd5;border-radius:8px;color:#9a3412;font-size:12px;font-weight:500;text-align:center}.modal-footer{padding:20px 24px;background:#f8fafc;display:flex;gap:12px;justify-content:flex-end}.btn-modal-cancel{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;color:#64748b;background:white;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s}.btn-modal-cancel:hover{background:#f1f5f9;color:#475569}.btn-modal-publish{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;cursor:pointer;box-shadow:0 4px 12px #2563eb33;transition:all .2s}.publish-modal-grid{display:grid;grid-template-columns:1fr 1.8fr;gap:24px}.publish-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px;display:flex;flex-direction:column}.modal-card-header{height:60px;margin-bottom:24px;display:flex;flex-direction:column;justify-content:center}.card-title-modal{font-size:14px;font-weight:800;color:#1e293b;margin:0 0 4px;text-transform:uppercase;letter-spacing:.025em;line-height:1.2}.modal-desc-mini{font-size:11px;color:#64748b;margin:0;line-height:1.4}.platform-list,.schedule-list,.schedule-list-complex{display:flex;flex-direction:column;gap:12px;margin:0;padding:0}.platform-item,.schedule-platform-row{height:56px;display:flex;align-items:center;padding:0 16px;background:white;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s;box-sizing:border-box;margin:0!important}.platform-item.active,.schedule-platform-row.active{border-color:#3b82f6;background:#f0f7ff}.platform-list,.schedule-list-complex{display:flex;flex-direction:column}.platform-item,.platform-row-content{display:flex;align-items:center;justify-content:space-between;width:100%}.platform-main-info-mini,.platform-info{display:flex;align-items:center;gap:12px;justify-content:flex-start}.platform-label-mini,.platform-label{font-size:13px;font-weight:600;color:#334155;margin:0}.platform-row-controls{display:flex;align-items:center;gap:12px}.schedule-inputs{display:flex;gap:8px}.schedule-inputs input{padding:6px 10px;border:1px solid #cbd5e1;border-radius:8px;font-size:12px;background:white;width:120px}.schedule-inputs input[type=time]{width:80px}.row-blocked{opacity:.4;background:#f1f5f9!important;cursor:not-allowed;pointer-events:none}.card-title-modal{font-size:14px;font-weight:800;color:#1e293b;margin-bottom:4px;text-transform:uppercase;letter-spacing:.025em}.modal-desc-mini{font-size:11px;color:#64748b;margin-bottom:20px}.disabled-area{opacity:.4;pointer-events:none;filter:grayscale(1)}.flex-1{flex:1}@media (max-width: 1024px){.publish-modal-grid{grid-template-columns:1fr}.schedule-layout-horizontal{flex-direction:column}.schedule-selectors-sidebar{width:100%}}.btn-view-live-new{display:flex;align-items:center;gap:8px;background-color:#fff;color:#1e293b;border:1px solid #e2e8f0;padding:6px 14px;border-radius:99px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.btn-view-live-new:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px #0000000d}.btn-view-live-new svg{color:#3b82f6}.platforms-link-modal{display:flex;flex-direction:column;align-items:center;gap:30px;padding:20px 0}.platform-icons-row{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.platform-link-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100px}.platform-link-item.disabled{filter:grayscale(1);opacity:.3;cursor:not-allowed;pointer-events:none}.platform-link-icon-wrapper{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;background:white;transition:all .3s ease;border:2px solid transparent}.platform-link-item:not(.disabled):hover .platform-link-icon-wrapper{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 20px #00000026}.platform-link-item.wordpress .platform-link-icon-wrapper{color:#21759b}.platform-link-item.linkedin .platform-link-icon-wrapper{color:#0077b5}.platform-link-item.facebook .platform-link-icon-wrapper{color:#1877f2}.platform-link-item.instagram .platform-link-icon-wrapper{color:#e1306c}.platform-link-item.x .platform-link-icon-wrapper{color:#000}.platform-link-item.instagram .platform-link-icon-wrapper svg{fill:url(#instagram-gradient)}.platform-link-name{font-size:12px;font-weight:700;color:#475569;text-align:center}.modal-platforms-desc{text-align:center;color:#64748b;font-size:14px;max-width:400px;line-height:1.5}.btn-modal-publish:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #2563eb4d}.btn-modal-publish:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.version-nav-btn-main{background:#ffffff;border:1px solid #e2e8f0;color:#64748b;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.version-nav-btn-main:hover:not(:disabled){background:#f8fafc;color:#3b82f6;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.version-nav-btn-main:disabled{opacity:.3;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8}.scheduled-badge-mini{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;margin-top:10px;margin-left:auto;margin-right:auto;box-shadow:0 2px 4px #fbbf241a;animation:fadeInBadge .3s ease-out}.hourglass-icon{font-size:12px;animation:rotateHourglass 2s infinite ease-in-out}@keyframes fadeInBadge{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateHourglass{0%{transform:rotate(0)}40%{transform:rotate(180deg)}to{transform:rotate(180deg)}}.rrss-tabs-container{border-bottom:2px solid #e2e8f0;margin-bottom:18px;padding-top:3px;padding-bottom:3px}.rrss-tabs{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.rrss-tabs::-webkit-scrollbar{display:none}.rrss-tab-btn{background:white;border:1px solid #cbd5e1;border-radius:99px;padding:8px 18px;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:6px;box-shadow:0 1px 2px #0000000d}.rrss-tab-btn:hover{background-color:#f8fafc;color:#1e293b;border-color:#94a3b8;transform:translateY(-1px)}.rrss-tab-btn.active{background-color:#3b82f6;border-color:#2563eb;color:#fff;box-shadow:0 4px 12px #3b82f633}.config-modal-redesigned .modal-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;max-height:70vh;overflow-y:auto}@media (max-width: 900px){.config-modal-redesigned{width:95vw!important}.config-modal-redesigned .modal-body{grid-template-columns:1fr!important;max-height:60vh}}.preview-eye-btn{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);color:#fff;border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #dc274340}.preview-eye-btn:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 4px 8px #dc274366}.mockup-wp{background:white;border-radius:8px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-align:left}.mockup-wp-header h1{font-size:24px;font-weight:800;color:#1a1a1a;margin:0 0 10px;line-height:1.25}.mockup-wp-meta{font-size:12px;color:#757575;margin-bottom:20px}.mockup-wp-image{width:100%;height:auto;max-height:380px;-o-object-fit:contain;object-fit:contain;border-radius:6px;margin-bottom:20px;background-color:#f8fafc}.mockup-wp-content{font-size:15px;line-height:1.6;color:#333}.mockup-wp-content p{margin-bottom:16px}.mockup-wp-tags{margin-top:24px;border-top:1px solid #eee;padding-top:16px;font-size:13px;color:#555;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.wp-tag-pill{background:#f0f2f5;padding:3px 8px;border-radius:4px;font-size:11px;color:#3b82f6;font-weight:600}.mockup-li{background:white;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;text-align:left}.mockup-li-header{display:flex;padding:12px 16px;gap:8px}.mockup-li-avatar{width:48px;height:48px;border-radius:50%;background:#0a66c2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.mockup-li-user-info h3{font-size:14px;font-weight:600;color:#000000e6;margin:0}.mockup-li-user-info p{font-size:12px;color:#0009;margin:0;line-height:1.3}.mockup-li-body{padding:0 16px 12px;font-size:14px;color:#000000e6;line-height:1.42}.mockup-li-text{white-space:pre-wrap}.mockup-li-tags{color:#0a66c2;font-weight:600;margin-top:8px;margin-bottom:0}.mockup-li-image{width:100%;height:auto;max-height:380px;-o-object-fit:contain;object-fit:contain;background-color:#f8fafc}.mockup-li-actions{border-top:1px solid #f3f2ef;display:flex;justify-content:space-around;padding:4px 8px}.mockup-li-actions button{background:transparent;border:none;font-size:13px;font-weight:600;color:#0009;padding:10px 8px;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:4px}.mockup-li-actions button:hover{background:rgba(0,0,0,.05)}.mockup-fb{background:white;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 1px 2px #0000001a;font-family:Segoe UI,Helvetica,Arial,sans-serif;overflow:hidden;text-align:left}.mockup-fb-header{display:flex;padding:12px 16px;gap:8px}.mockup-fb-avatar{width:40px;height:40px;border-radius:50%;background:#1877f2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.mockup-fb-user-info h3{font-size:15px;font-weight:600;color:#050505;margin:0}.mockup-fb-user-info p{font-size:13px;color:#65676b;margin:0}.mockup-fb-body{padding:4px 16px 12px;font-size:15px;color:#050505;line-height:1.33}.mockup-fb-text{white-space:pre-wrap}.mockup-fb-tags{color:#1877f2;margin-top:8px;margin-bottom:0}.mockup-fb-image{width:100%;height:auto;max-height:380px;-o-object-fit:contain;object-fit:contain;background-color:#f8fafc}.mockup-fb-actions{border-top:1px solid #ced0d4;margin:0 12px;display:flex;justify-content:space-around;padding:4px 0}.mockup-fb-actions button{background:transparent;border:none;font-size:14px;font-weight:600;color:#65676b;padding:8px 12px;cursor:pointer;border-radius:4px;flex:1}.mockup-fb-actions button:hover{background:rgba(0,0,0,.05)}.mockup-x{background:black;color:#fff;border-radius:12px;padding:12px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-align:left}.mockup-x-header{display:flex;gap:12px;align-items:center}.mockup-x-avatar{width:40px;height:40px;border-radius:50%;background:#15181c;border:1px solid #333;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.mockup-x-user-names{display:flex;gap:4px;align-items:center;font-size:15px}.mockup-x-user-names .display-name{font-weight:700;color:#f7f9f9}.mockup-x-user-names .username,.mockup-x-user-names .dot,.mockup-x-user-names .time{color:#71767b}.mockup-x-body{margin-left:52px;margin-top:-12px}.mockup-x-text{font-size:15px;line-height:1.4;color:#e7e9ea;white-space:pre-wrap}.mockup-x-tags{color:#1d9bf0;margin-top:4px;margin-bottom:12px}.mockup-x-image{width:100%;height:auto;max-height:380px;-o-object-fit:contain;object-fit:contain;border-radius:16px;border:1px solid #2f3336;margin-top:12px;background-color:#15181c}.mockup-x-actions{display:flex;justify-content:space-between;margin-left:52px;margin-top:12px;padding-right:20px}.mockup-x-actions button{background:transparent;border:none;color:#71767b;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:4px}.mockup-x-actions button:hover{color:#1d9bf0}.mockup-ig{background:white;border-radius:8px;border:1px solid #dbdbdb;box-shadow:0 1px 2px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;text-align:left}.mockup-ig-header{display:flex;align-items:center;padding:12px;gap:10px}.mockup-ig-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.mockup-ig-header .username{font-size:14px;font-weight:600;color:#262626;flex:1}.mockup-ig-header .dots{color:#8e8e8e;cursor:pointer}.mockup-ig-image{width:100%;height:auto;max-height:400px;-o-object-fit:contain;object-fit:contain;background-color:#fafafa}.mockup-ig-actions{display:flex;justify-content:space-between;padding:12px 14px}.mockup-ig-actions .left-actions{display:flex;gap:16px;font-size:20px;cursor:pointer}.mockup-ig-actions .bookmark{font-size:20px;cursor:pointer}.mockup-ig-body{padding:0 14px 14px;font-size:14px;color:#262626;line-height:1.4}.mockup-ig-body p{margin:0 0 6px}.mockup-ig-tags{color:#00376b;margin-top:4px;margin-bottom:0}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}input:where([type=text]):focus,input:where(:not([type])):focus,input:where([type=email]):focus,input:where([type=url]):focus,input:where([type=password]):focus,input:where([type=number]):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=month]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=time]):focus,input:where([type=week]):focus,select:where([multiple]):focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.fixed{position:fixed}.relative{position:relative}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-amber-100{--tw-border-opacity: 1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-1\.5{padding:.375rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#0a66c2\]{--tw-text-opacity: 1;color:rgb(10 102 194 / var(--tw-text-opacity, 1))}.text-\[\#1877f2\]{--tw-text-opacity: 1;color:rgb(24 119 242 / var(--tw-text-opacity, 1))}.text-\[\#e4405f\]{--tw-text-opacity: 1;color:rgb(228 64 95 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.opacity-50{opacity:.5}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1440px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 20px;--spacing-xl: 32px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--font-size-base)}#root{min-height:100vh}@media (max-width: 768px){:root{--spacing-lg: 16px;--spacing-xl: 24px;--font-size-xl: 20px;--font-size-2xl: 28px}}@media (max-width: 480px){:root{--spacing-lg: 12px;--spacing-xl: 20px;--font-size-xl: 18px;--font-size-2xl: 24px}}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:text-slate-600:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}}