body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.admin-panel{background:#f8fafc;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.admin-sidebar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:2px 0 10px #0000001a;color:#fff;height:100vh;overflow-y:auto;padding:2rem 0;position:fixed;width:280px}.admin-header{border-bottom:1px solid #fff3;margin-bottom:2rem;padding:0 2rem 2rem}.admin-header h2{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.admin-user{font-size:.9rem;margin:0;opacity:.9}.role-badge{background:#fff3;display:inline-block;font-size:.7rem;margin-left:.5rem;padding:.2rem .6rem}.admin-nav{padding:0 1rem}.nav-item{border-radius:8px;color:#ffffffe6;display:block;font-weight:500;margin-bottom:.5rem;padding:.8rem 1rem;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.nav-item.active{background:#fff3;color:#fff;font-weight:600}.admin-quick-stats{display:flex;flex-direction:column;gap:1rem;margin:2rem 1rem}.quick-stat{background:#ffffff1a;border-radius:8px;padding:1rem;text-align:center}.stat-number{display:block;font-size:1.8rem;font-weight:700;margin-bottom:.2rem}.stat-label{font-size:.8rem;opacity:.8}.admin-actions{margin-top:auto;padding:1rem}.admin-content{background:#f8fafc;flex:1 1;margin-left:280px;padding:2rem}.admin-access-denied{align-items:center;background:#f8fafc;display:flex;justify-content:center;min-height:100vh}.access-denied-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:400px;padding:3rem;text-align:center}.access-denied-card h2{color:#e53e3e;margin-bottom:1rem}.admin-loading,.admin-stats-loading,.management-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}.admin-stats{margin:0 auto;max-width:1200px}.stats-header{margin-bottom:2rem;text-align:center}.stats-header h1{color:#1a202c;font-size:2.5rem;margin-bottom:.5rem}.stats-subtitle{color:#64748b;font-size:1.1rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;gap:1rem;padding:2rem;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card.primary{border-left:4px solid #667eea}.stat-card.secondary{border-left:4px solid #764ba2}.stat-card.accent{border-left:4px solid #ed8936}.stat-card.success{border-left:4px solid #48bb78}.stat-icon{font-size:2.5rem;opacity:.8}.stat-content h3{color:#1a202c;font-size:2rem;margin:0 0 .2rem}.stat-content p{color:#64748b;font-weight:500;margin:0 0 .5rem}.stat-detail{color:#a0aec0;font-size:.8rem}.role-distribution{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:2rem}.role-distribution h2{color:#1a202c;margin-bottom:1.5rem}.role-card,.role-cards{display:flex;gap:1rem}.role-card{align-items:center;border-radius:8px;flex:1 1;padding:1.5rem}.role-card.role-super-admin{background:#fed7d7}.role-card.role-brand-admin{background:#faf089}.role-card.role-user{background:#c6f6d5}.role-badge,.role-info h4{font-size:1.5rem}.role-info h4{margin:0 0 .2rem}.role-info p{font-size:.8rem;font-weight:500;margin:0;opacity:.8}.quick-actions,.system-health{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:2rem}.health-indicators{display:flex;gap:2rem}.health-item{align-items:center;display:flex;gap:.5rem}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.online{background:#48bb78}.action-buttons{display:flex;gap:1rem}.action-btn{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:all .2s ease}.action-btn.primary{background:#667eea;color:#fff}.action-btn.secondary{background:#e2e8f0;color:#64748b}.action-btn.accent{background:#ed8936;color:#fff}.management-header{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:2rem}.management-header h1{color:#1a202c;font-size:2rem;margin-bottom:.5rem}.management-subtitle{color:#64748b;margin-bottom:1rem}.management-stats{display:flex;gap:1rem}.stat-badge{background:#e2e8f0;border-radius:20px;color:#64748b;font-size:.85rem;font-weight:500;padding:.5rem 1rem}.management-actions{margin-top:1rem}.users-table{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left}.users-table th{background:#f7fafc;color:#4a5568;font-weight:600}.user-info{gap:.8rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#667eea;border-radius:50%;color:#fff;font-weight:600;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column}.user-name{color:#1a202c;font-weight:600}.user-email{color:#64748b;font-size:.85rem}.role-badge{border:none;border-radius:12px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.3rem .8rem}.role-badge.super-admin{background:#fed7d7;color:#c53030}.role-badge.brand-admin{background:#faf089;color:#d69e2e}.role-badge.user{background:#c6f6d5;color:#38a169}.brand-count{background:#e2e8f0;border-radius:12px;color:#64748b;font-size:.8rem;padding:.3rem .8rem}.last-login{color:#64748b;font-size:.85rem}.brands-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.brand-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.75rem;transition:transform .2s ease,box-shadow .2s ease}.brand-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.brand-card.inactive{opacity:.7}.brand-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.25rem;position:relative}.brand-info{flex:1 1;margin-right:1rem;min-width:0;overflow:hidden}.brand-name{font-size:1.3rem;font-weight:700;line-height:1.3;margin:0 0 .3rem}.brand-id,.brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-id{background:#f8fafc;border-radius:4px;color:#94a3b8;display:inline-block;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.7rem;margin:0;padding:.2rem .5rem}.brand-status{align-self:flex-start;flex-shrink:0}.status-badge.active{background:#c6f6d5;color:#38a169}.status-badge.active,.status-badge.inactive{border-radius:12px;font-size:.75rem;font-weight:500;padding:.2rem .6rem}.status-badge.inactive{background:#fed7d7;color:#c53030}.brand-details{margin-bottom:0}.detail-row{align-items:center;margin-bottom:.75rem}.detail-label{color:#64748b;font-size:.9rem}.detail-value{color:#1a202c;font-size:.9rem}.detail-link{color:#667eea;text-decoration:none}.detail-link:hover{text-decoration:underline}.user-count{font-size:.85rem}.brand-actions{border-top:1px solid #f1f5f9;display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-small{font-size:.85rem;padding:.5rem 1rem}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a67d8}.btn-secondary{background:#e2e8f0;color:#64748b}.btn-secondary:hover{background:#cbd5e0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.modal-header h2{color:#1a202c;margin:0}.close-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.5rem;padding:.5rem}.modal-body{padding:2rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#4a5568;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;padding:.8rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.checkbox-label{display:flex}.checkbox-text{font-size:.9rem}.user-brands-section,.user-details-section{margin-bottom:2rem}.user-brands-section h3,.user-details-section h3{color:#1a202c;margin-bottom:1rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:.2rem}.detail-item label{color:#64748b;font-size:.85rem;font-weight:500}.detail-item span{color:#1a202c}.brands-list{display:flex;flex-direction:column;gap:.8rem}.brand-access-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.brand-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.brand-name{color:#1a202c;font-weight:500}.brand-role{background:#667eea;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.2rem .6rem}.access-date{color:#64748b;font-size:.8rem}.no-brands{color:#64748b;font-style:italic;padding:2rem;text-align:center}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.empty-icon{opacity:.5}.empty-state h3{color:#1a202c}.empty-state p{color:#64748b;margin-bottom:2rem}.management-error{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:3rem;text-align:center}.management-error h2{color:#e53e3e;margin-bottom:1rem}@media (max-width:768px){.admin-panel{flex-direction:column}.admin-sidebar{height:auto;position:relative;width:100%}.admin-content{margin-left:0;padding:1rem}.brands-grid,.stats-grid{grid-template-columns:1fr}.role-cards{flex-direction:column}}.webhook-management{padding:2rem}.webhooks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:2rem}.webhook-card{background:#fff;border-left:4px solid #10b981;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;transition:all .3s ease}.webhook-card.inactive{border-left-color:#ef4444;opacity:.8}.webhook-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.webhook-header{align-items:flex-start;display:flex;justify-content:between;margin-bottom:1rem}.webhook-info h3{color:#1f2937;font-size:1.1rem;margin:0 0 .5rem}.webhook-brand{color:#6b7280;font-size:.9rem;margin:0}.webhook-status{align-items:center;display:flex;gap:.5rem}.status-badge{font-size:.75rem}.status-badge.inactive{background:#fef2f2}.test-status{cursor:help;font-size:1.2rem}.webhook-details{margin:1rem 0}.detail-row{gap:1rem;justify-content:space-between;margin-bottom:.5rem}.detail-label{color:#374151;font-weight:500;min-width:60px}.detail-value{color:#6b7280;flex:1 1;text-align:right}.url-value{background:#f3f4f6;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.85rem;padding:.25rem .5rem;word-break:break-all}.webhook-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.btn-small{font-size:.8rem;padding:.4rem .8rem}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.empty-state{color:#6b7280}.empty-state h3{margin:0 0 1rem}.filter-section{align-items:center;display:flex;gap:.5rem}.brand-filter{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.5rem}.webhook-modal{max-width:500px}.webhook-modal .form-group{margin-bottom:1rem}.webhook-modal label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.webhook-modal input,.webhook-modal select{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.75rem;width:100%}.webhook-modal input:focus,.webhook-modal select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-help{color:#6b7280;display:block;font-size:.85rem;margin-top:.25rem}.checkbox-group{align-items:center;display:flex;gap:.5rem}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;gap:.5rem}.checkbox-label input[type=checkbox]{margin:0;width:auto!important}.checkbox-text{color:#374151;font-weight:400}.social-accounts-page{margin:0 auto;max-width:1200px;padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:.5rem}.page-header p{color:#6b7280;font-size:1rem}.alert{align-items:center;animation:slideDown .3s ease-out;border-radius:.5rem;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert-icon{flex-shrink:0;font-size:1.25rem}.alert-close{background:none;border:none;cursor:pointer;font-size:1.5rem;line-height:1;margin-left:auto;opacity:.6;transition:opacity .2s}.alert-close:hover{opacity:1}.connect-section{margin-bottom:3rem;text-align:center}.btn-connect-facebook{align-items:center;background:linear-gradient(135deg,#1877f2,#0e5fc2);border:none;border-radius:.5rem;box-shadow:0 4px 6px #1877f233;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.btn-connect-facebook:hover:not(:disabled){box-shadow:0 6px 12px #1877f24d;transform:translateY(-2px)}.btn-connect-facebook:disabled{cursor:not-allowed;opacity:.6}.facebook-icon{align-items:center;background:#fff;border-radius:50%;color:#1877f2;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5rem;font-weight:700;height:28px;justify-content:center;line-height:1;width:28px}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.accounts-section{margin-top:3rem}.accounts-section h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-state .spinner{border:3px solid #0000001a;border-top-color:#1877f2;height:32px;margin-bottom:1rem;width:32px}.empty-state{background:#f9fafb;border:2px dashed #d1d5db;border-radius:.75rem;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:#6b7280}.accounts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.account-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.account-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.account-card.inactive{background:#fef2f2;border-color:#fca5a5;opacity:.7}.account-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem;padding-top:.25rem}.account-avatar{background:#f3f4f6;border-radius:50%;flex-shrink:0;height:56px;overflow:hidden;width:56px}.account-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:#1877f2;display:flex;font-size:1.5rem;font-weight:600;height:100%;justify-content:center;width:100%}.account-info h3{color:#1a1a1a;font-size:1.125rem;font-weight:600;line-height:1.5;margin:0}.account-info .business-name{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.section-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.section-icon{font-size:1.125rem}.section-title{color:#374151;font-size:.9375rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.section-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);height:1px;margin:1.25rem 0}.platform-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.platform-badge.facebook{background:#e0f2fe;color:#0369a1}.platform-badge.instagram{background:linear-gradient(45deg,#f9a8d4,#f0abfc 50%,#ddd6fe);color:#831843}.account-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.detail-row{align-items:flex-start;display:flex;gap:.5rem}.detail-row .label{color:#6b7280;font-size:.875rem;font-weight:500;min-width:110px}.detail-row .value{color:#1a1a1a;font-size:.875rem;word-break:break-all}.detail-row.instagram-connection{background:linear-gradient(135deg,#fef3f8,#fef5fb);border:1px solid #f9a8d4;border-radius:.5rem;margin:.5rem 0;padding:.75rem}.detail-row.instagram-connection .label{color:#831843;font-weight:600}.detail-row.instagram-connection .value.instagram-username{color:#c026d3;font-size:.95rem;font-weight:600}.detail-row.instagram-permissions-only{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:.5rem;margin:.5rem 0;padding:.75rem}.detail-row.instagram-permissions-only .label{align-self:flex-start;color:#075985;font-weight:600}.detail-row.instagram-permissions-only .value{display:flex;flex-direction:column;gap:.5rem}.instagram-badge{align-items:center;background:#dcfce7;border-radius:9999px;color:#166534;display:inline-flex;font-size:.8rem;font-weight:600;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.instagram-note{color:#0c4a6e;font-size:.8rem;line-height:1.4}.permissions-list{display:flex;flex-wrap:wrap;gap:.5rem}.permission-tag{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.25rem;color:#6b7280;display:inline-block;font-size:.75rem;padding:.25rem .5rem}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.account-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;padding-top:1rem}.account-actions button{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.account-actions button:hover{background:#f9fafb;transform:translateY(-1px)}.btn-refresh{border-color:#0369a1!important;color:#0369a1}.btn-refresh:hover{background:#e0f2fe!important}.btn-disconnect{border-color:#dc2626!important;color:#dc2626}.btn-disconnect:hover{background:#fee2e2!important}@media (max-width:768px){.social-accounts-page{padding:1rem}.accounts-grid{grid-template-columns:1fr}.page-header h1{font-size:1.5rem}.btn-connect-facebook{width:100%}.account-actions{flex-direction:column}}
/*# sourceMappingURL=main.fc89fd20.css.map*/