.meta-connect-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.meta-connect-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, #e5e7eb);border-top:3px solid var(--primary-color, #1d3b32);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.meta-connect-loading p{color:var(--text-secondary, #6b7280);font-size:1rem}.meta-connect-success .connection-info{margin-bottom:2rem}.meta-connect-success .connection-info .status-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600}.meta-connect-success .connection-info .status-indicator.connected{color:#10b981}.meta-connect-success .connection-info .status-indicator.connected .status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.meta-connect-success .connection-info .account-details h4{color:var(--text-primary, #1f2937);margin-bottom:1rem;font-size:1.25rem}.meta-connect-success .connection-info .account-details .account-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.meta-connect-success .connection-info .account-details .account-stats .stat-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-primary, #f8fafc);border-radius:.5rem;border:1px solid var(--border-color, #e5e7eb)}.meta-connect-success .connection-info .account-details .account-stats .stat-item .stat-icon{font-size:1.5rem;flex-shrink:0}.meta-connect-success .connection-info .account-details .account-stats .stat-item .stat-content{flex:1}.meta-connect-success .connection-info .account-details .account-stats .stat-item .stat-content .stat-label{display:block;color:var(--text-secondary, #6b7280);font-size:.875rem;margin-bottom:.25rem}.meta-connect-success .connection-info .account-details .account-stats .stat-item .stat-content .stat-value{display:block;color:var(--text-primary, #1f2937);font-weight:600;font-size:1.125rem}.meta-connect-success .connection-info .account-details .connected-pages{margin-top:1.5rem}.meta-connect-success .connection-info .account-details .connected-pages h5{color:var(--text-primary, #1f2937);margin-bottom:.75rem;font-size:1rem;font-weight:600}.meta-connect-success .connection-info .account-details .connected-pages .pages-list{display:flex;flex-direction:column;gap:.5rem}.meta-connect-success .connection-info .account-details .connected-pages .pages-list .page-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary, #ffffff);border-radius:.375rem;border:1px solid var(--border-color, #e5e7eb)}.meta-connect-success .connection-info .account-details .connected-pages .pages-list .page-item .page-icon{font-size:1.25rem;flex-shrink:0}.meta-connect-success .connection-info .account-details .connected-pages .pages-list .page-item .page-info{flex:1}.meta-connect-success .connection-info .account-details .connected-pages .pages-list .page-item .page-info .page-name{display:block;color:var(--text-primary, #1f2937);font-weight:500;margin-bottom:.125rem}.meta-connect-success .connection-info .account-details .connected-pages .pages-list .page-item .page-info .page-category{display:block;color:var(--text-secondary, #6b7280);font-size:.875rem}.meta-connect-success .connection-actions{display:flex;justify-content:flex-end;gap:1rem}.meta-connect-setup .connect-header{text-align:center;margin-bottom:2rem}.meta-connect-setup .connect-header .status-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;font-weight:600}.meta-connect-setup .connect-header .status-indicator.disconnected{color:#dc2626}.meta-connect-setup .connect-header .status-indicator.disconnected .status-dot{width:8px;height:8px;background:#dc2626;border-radius:50%}.meta-connect-setup .connect-header h4{color:var(--text-primary, #1f2937);margin-bottom:.5rem;font-size:1.5rem}.meta-connect-setup .connect-header p{color:var(--text-secondary, #6b7280);line-height:1.5;max-width:500px;margin:0 auto}.meta-connect-setup .error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;margin-bottom:1.5rem}.meta-connect-setup .error-message .error-icon{font-size:1.125rem}.meta-connect-setup .connect-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.meta-connect-setup .connect-options .connect-oauth{padding:1rem 2rem;font-size:1.125rem;font-weight:600}.meta-connect-setup .connect-options .divider{display:flex;align-items:center;text-align:center;margin:.5rem 0}.meta-connect-setup .connect-options .divider:before,.meta-connect-setup .connect-options .divider:after{content:"";flex:1;height:1px;background:var(--border-color, #e5e7eb)}.meta-connect-setup .connect-options .divider span{padding:0 1rem;color:var(--text-secondary, #6b7280);font-size:.875rem}.meta-connect-setup .manual-connect-form{padding:1.5rem;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;margin-bottom:2rem}.meta-connect-setup .manual-connect-form .form-group{margin-bottom:1.5rem}.meta-connect-setup .manual-connect-form .form-group label{display:block;color:var(--text-primary, #1f2937);font-weight:500;margin-bottom:.5rem}.meta-connect-setup .manual-connect-form .form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.375rem;font-size:1rem;transition:border-color .15s ease}.meta-connect-setup .manual-connect-form .form-group input:focus{outline:none;border-color:var(--primary-color, #1d3b32);box-shadow:0 0 0 3px #1d3b321a}.meta-connect-setup .manual-connect-form .form-group .form-help{display:block;color:var(--text-secondary, #6b7280);font-size:.875rem;margin-top:.5rem;line-height:1.4}.meta-connect-setup .manual-connect-form .form-actions{display:flex;gap:1rem;justify-content:flex-end}@media(max-width:768px){.meta-connect-setup .manual-connect-form .form-actions{flex-direction:column}}.meta-connect-setup .connect-benefits{background:var(--bg-primary, #f8fafc);padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-color, #e5e7eb)}.meta-connect-setup .connect-benefits h5{color:var(--text-primary, #1f2937);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.meta-connect-setup .connect-benefits ul{list-style:none;padding:0;margin:0}.meta-connect-setup .connect-benefits ul li{color:var(--text-secondary, #6b7280);margin-bottom:.5rem;line-height:1.4}.meta-connect-setup .connect-benefits ul li:last-child{margin-bottom:0}.btn-primary,.btn-secondary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s ease;text-decoration:none;border:2px solid transparent;white-space:nowrap}.btn-primary:disabled,.btn-secondary:disabled,.btn-outline:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.campaign-creator .creator-header{text-align:center;margin-bottom:2rem}.campaign-creator .creator-header h3{color:var(--text-primary, #1f2937);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.campaign-creator .creator-header p{color:var(--text-secondary, #6b7280);font-size:1.125rem;line-height:1.5}.campaign-creator .validation-errors{background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;padding:1rem;margin-bottom:2rem}.campaign-creator .validation-errors h4{color:#991b1b;margin-bottom:.75rem;font-size:1rem;font-weight:600}.campaign-creator .validation-errors ul{list-style:none;padding:0;margin:0}.campaign-creator .validation-errors ul li{color:#991b1b;margin-bottom:.5rem;font-size:.9375rem}.campaign-creator .validation-errors ul li:last-child{margin-bottom:0}.campaign-creator .validation-errors ul li:before{content:"• ";font-weight:700}.campaign-creator .campaign-form .form-section{background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.campaign-creator .campaign-form .form-section h4{color:var(--text-primary, #1f2937);margin-bottom:1.25rem;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.campaign-creator .campaign-form .form-section .form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.campaign-creator .campaign-form .form-section .form-row{grid-template-columns:1fr 1fr}}.campaign-creator .campaign-form .form-section .form-group{margin-bottom:1rem}.campaign-creator .campaign-form .form-section .form-group:last-child{margin-bottom:0}.campaign-creator .campaign-form .form-section .form-group label{display:block;color:var(--text-primary, #1f2937);font-weight:500;margin-bottom:.5rem;font-size:.9375rem}.campaign-creator .campaign-form .form-section .form-group input,.campaign-creator .campaign-form .form-section .form-group select,.campaign-creator .campaign-form .form-section .form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.375rem;font-size:1rem;transition:border-color .15s ease;background:var(--bg-secondary, #ffffff);color:var(--text-primary, #1f2937)}.campaign-creator .campaign-form .form-section .form-group input:focus,.campaign-creator .campaign-form .form-section .form-group select:focus,.campaign-creator .campaign-form .form-section .form-group textarea:focus{outline:none;border-color:var(--primary-color, #1d3b32);box-shadow:0 0 0 3px #1d3b321a}.campaign-creator .campaign-form .form-section .form-group input::placeholder,.campaign-creator .campaign-form .form-section .form-group select::placeholder,.campaign-creator .campaign-form .form-section .form-group textarea::placeholder{color:var(--text-muted, #9ca3af)}.campaign-creator .campaign-form .form-section .form-group textarea{resize:vertical;min-height:80px}.campaign-creator .campaign-form .form-section .form-group small{display:block;color:var(--text-secondary, #6b7280);font-size:.875rem;margin-top:.25rem}.campaign-creator .campaign-form .form-section .form-group .form-help{color:var(--text-muted, #9ca3af);font-size:.875rem;margin-top:.5rem;line-height:1.4}.campaign-creator .campaign-form .platform-section{margin-bottom:1.5rem}.campaign-creator .campaign-form .platform-section:last-child{margin-bottom:0}.campaign-creator .campaign-form .platform-section .platform-header{margin-bottom:1rem}.campaign-creator .campaign-form .platform-section .platform-header .platform-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;font-size:1rem}.campaign-creator .campaign-form .platform-section .platform-header .platform-toggle input[type=checkbox]{width:auto;margin:0}.campaign-creator .campaign-form .platform-section .platform-header .platform-toggle .platform-icon{font-size:1.25rem}.campaign-creator .campaign-form .platform-section .platform-header .platform-toggle .platform-name{color:var(--text-primary, #1f2937)}.campaign-creator .campaign-form .platform-section .pages-selection{margin-left:2rem;padding:1rem;background:var(--bg-primary, #f8fafc);border-radius:.5rem;border:1px solid var(--border-color, #e5e7eb)}.campaign-creator .campaign-form .platform-section .pages-selection>label{display:block;color:var(--text-secondary, #6b7280);font-size:.9375rem;margin-bottom:.75rem;font-weight:500}.campaign-creator .campaign-form .platform-section .pages-selection .pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.campaign-creator .campaign-form .platform-section .pages-selection .pages-grid .page-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.375rem;cursor:pointer;transition:all .15s ease}.campaign-creator .campaign-form .platform-section .pages-selection .pages-grid .page-option:hover{border-color:var(--primary-color, #1d3b32);box-shadow:0 2px 4px #0000000d}.campaign-creator .campaign-form .platform-section .pages-selection .pages-grid .page-option input[type=checkbox]{width:auto;margin:0}.campaign-creator .campaign-form .platform-section .pages-selection .pages-grid .page-option .page-info{flex:1}.campaign-creator .campaign-form .platform-section .pages-selection .pages-grid .page-option .page-info .page-name{display:block;color:var(--text-primary, #1f2937);font-weight:500;margin-bottom:.125rem;font-size:.9375rem}.campaign-creator .campaign-form .platform-section .pages-selection .pages-grid .page-option .page-info .page-category{display:block;color:var(--text-secondary, #6b7280);font-size:.875rem}.campaign-creator .campaign-form .checkbox-option{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.campaign-creator .campaign-form .checkbox-option input[type=checkbox]{width:auto;margin:0;margin-top:.125rem}.campaign-creator .campaign-form .checkbox-option .checkbox-label{color:var(--text-primary, #1f2937);line-height:1.5}.campaign-creator .campaign-form .campaign-summary .summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.campaign-creator .campaign-form .campaign-summary .summary-grid .summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-primary, #f8fafc);border-radius:.375rem;border:1px solid var(--border-color, #e5e7eb)}.campaign-creator .campaign-form .campaign-summary .summary-grid .summary-item .summary-label{color:var(--text-secondary, #6b7280);font-weight:500;font-size:.9375rem}.campaign-creator .campaign-form .campaign-summary .summary-grid .summary-item .summary-value{color:var(--text-primary, #1f2937);font-weight:600;text-align:right}.campaign-creator .campaign-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}@media(max-width:768px){.campaign-creator .campaign-form .form-actions{flex-direction:column}}.campaign-creator .campaign-form .form-actions .loading-spinner.small{width:16px;height:16px;border-width:2px;border-color:transparent transparent white white;animation:spin 1s linear infinite}.btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s ease;text-decoration:none;border:2px solid transparent;white-space:nowrap}.btn-primary:disabled,.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-primary .btn-icon,.btn-outline .btn-icon{font-size:1rem}.btn-primary{background:var(--primary-color, #1d3b32);color:#fff;border-color:var(--primary-color, #1d3b32)}.btn-primary:hover:not(:disabled){background:var(--primary-color-dark, #0f1f19);border-color:var(--primary-color-dark, #0f1f19);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-primary, #1f2937);border-color:var(--border-color, #e5e7eb)}.btn-outline:hover:not(:disabled){background:var(--bg-primary, #f8fafc);border-color:var(--text-secondary, #6b7280)}@media(max-width:768px){.campaign-creator .campaign-form .form-section .form-row{grid-template-columns:1fr}.campaign-creator .campaign-form .platform-section .pages-selection{margin-left:0}.campaign-creator .campaign-form .platform-section .pages-selection .pages-grid{grid-template-columns:1fr}}.social-publisher .publisher-header{text-align:center;margin-bottom:2rem}.social-publisher .publisher-header h3{color:var(--text-primary, #1f2937);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.social-publisher .publisher-header p{color:var(--text-secondary, #6b7280);font-size:1.125rem;line-height:1.5}.social-publisher .publish-form .form-section{background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.social-publisher .publish-form .form-section h4{color:var(--text-primary, #1f2937);margin-bottom:1.25rem;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.social-publisher .publish-form .form-section .form-group{margin-bottom:1rem}.social-publisher .publish-form .form-section .form-group:last-child{margin-bottom:0}.social-publisher .publish-form .form-section .form-group label{display:block;color:var(--text-primary, #1f2937);font-weight:500;margin-bottom:.5rem;font-size:.9375rem}.social-publisher .publish-form .form-section .form-group input,.social-publisher .publish-form .form-section .form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.375rem;font-size:1rem;transition:border-color .15s ease;background:var(--bg-secondary, #ffffff);color:var(--text-primary, #1f2937)}.social-publisher .publish-form .form-section .form-group input:focus,.social-publisher .publish-form .form-section .form-group textarea:focus{outline:none;border-color:var(--primary-color, #1d3b32);box-shadow:0 0 0 3px #1d3b321a}.social-publisher .publish-form .form-section .form-group input::placeholder,.social-publisher .publish-form .form-section .form-group textarea::placeholder{color:var(--text-muted, #9ca3af)}.social-publisher .publish-form .form-section .form-group textarea{resize:vertical;min-height:100px}.social-publisher .publish-form .form-section .form-group small{display:block;color:var(--text-secondary, #6b7280);font-size:.875rem;margin-top:.25rem}.social-publisher .publish-form .platform-section{margin-bottom:1.5rem}.social-publisher .publish-form .platform-section:last-child{margin-bottom:0}.social-publisher .publish-form .platform-section .platform-header{margin-bottom:1rem}.social-publisher .publish-form .platform-section .platform-header .platform-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;font-size:1rem}.social-publisher .publish-form .platform-section .platform-header .platform-toggle input[type=checkbox]{width:auto;margin:0}.social-publisher .publish-form .platform-section .platform-header .platform-toggle .platform-icon{font-size:1.25rem}.social-publisher .publish-form .platform-section .platform-header .platform-toggle .platform-name{color:var(--text-primary, #1f2937)}.social-publisher .publish-form .platform-section .accounts-selection{margin-left:2rem;padding:1rem;background:var(--bg-primary, #f8fafc);border-radius:.5rem;border:1px solid var(--border-color, #e5e7eb)}.social-publisher .publish-form .platform-section .accounts-selection>label{display:block;color:var(--text-secondary, #6b7280);font-size:.9375rem;margin-bottom:.75rem;font-weight:500}.social-publisher .publish-form .platform-section .accounts-selection .accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.social-publisher .publish-form .platform-section .accounts-selection .accounts-grid .account-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.375rem;cursor:pointer;transition:all .15s ease}.social-publisher .publish-form .platform-section .accounts-selection .accounts-grid .account-option:hover{border-color:var(--primary-color, #1d3b32);box-shadow:0 2px 4px #0000000d}.social-publisher .publish-form .platform-section .accounts-selection .accounts-grid .account-option input[type=checkbox]{width:auto;margin:0}.social-publisher .publish-form .platform-section .accounts-selection .accounts-grid .account-option .account-info{display:flex;align-items:center;gap:.75rem;flex:1}.social-publisher .publish-form .platform-section .accounts-selection .accounts-grid .account-option .account-info .account-icon{font-size:1.25rem;flex-shrink:0}.social-publisher .publish-form .platform-section .accounts-selection .accounts-grid .account-option .account-info .account-details{flex:1}.social-publisher .publish-form .platform-section .accounts-selection .accounts-grid .account-option .account-info .account-details .account-name{display:block;color:var(--text-primary, #1f2937);font-weight:500;margin-bottom:.125rem;font-size:.9375rem}.social-publisher .publish-form .platform-section .accounts-selection .accounts-grid .account-option .account-info .account-details .account-type{display:block;color:var(--text-secondary, #6b7280);font-size:.875rem}.social-publisher .publish-form .publish-results{background:var(--bg-primary, #f8fafc);border:1px solid var(--border-color, #e5e7eb);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.social-publisher .publish-form .publish-results h4{color:var(--text-primary, #1f2937);margin-bottom:1.25rem;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.social-publisher .publish-form .publish-results .results-section{margin-bottom:1.5rem}.social-publisher .publish-form .publish-results .results-section:last-child{margin-bottom:0}.social-publisher .publish-form .publish-results .results-section h5{color:var(--text-primary, #1f2937);margin-bottom:.75rem;font-size:1rem;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.integration-card--google-ads{border-left:3px solid #2196f3;padding:1.5rem;background:#edefed;transition:box-shadow,transform,border-color .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.integration-card--google-ads{transition-duration:.01ms}}.integration-card--google-ads .integration-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.integration-card--google-ads .integration-card__header-text h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#374151}.integration-card--google-ads .integration-card__header-text .integration-card__description{margin:0;font-size:.875rem;color:#4a5568}.integration-card--google-ads .integration-card__status{align-self:flex-start;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;border:1px solid transparent;transition:background-color,color,border-color .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.integration-card--google-ads .integration-card__status{transition-duration:.01ms}}.integration-card--google-ads .integration-card__status.is-connected{background-color:#d0e5f7;color:#fff;border-color:#0c7cd5}.integration-card--google-ads .integration-card__status.is-disconnected{background-color:#f3f4f6;color:#4a5568;border-color:#e5e7eb}.integration-card--google-ads .integration-card__details{margin-top:1rem;margin-bottom:1rem;font-size:.875rem;color:#374151}.integration-card--google-ads .integration-card__details p{margin:0 0 .25rem}.integration-card--google-ads .integration-card__details p strong{font-weight:600;color:#4a5568}.integration-card--google-ads .integration-card__error{margin-top:.5rem;padding:.5rem .75rem;border-radius:.5rem;background-color:#f5e8e9;color:#a71d2a;font-size:.8125rem}.integration-card--google-ads .integration-card__actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}.integration-card--google-ads .integration-card__actions .btn{transition:background-color,color,box-shadow,transform .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.integration-card--google-ads .integration-card__actions .btn{transition-duration:.01ms}}.integration-card--google-ads .integration-card__actions .btn:disabled{opacity:.7;cursor:not-allowed}.integration-card--google-ads:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.integration-card--linkedin-ads{position:relative;padding:1.5rem;border-radius:.5rem;border-left:3px solid #2196f3;background:#edefed;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.integration-card--linkedin-ads{transition-duration:.01ms}}.integration-card--linkedin-ads .integration-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.integration-card--linkedin-ads .integration-card__header-text h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#374151}.integration-card--linkedin-ads .integration-card__header-text .integration-card__description{margin:0;font-size:.875rem;color:#4a5568}.integration-card--linkedin-ads .integration-card__status{align-self:flex-start;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;border:1px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.integration-card--linkedin-ads .integration-card__status{transition-duration:.01ms}}.integration-card--linkedin-ads .integration-card__status.is-connected{background-color:#d0e5f7;color:#fff;border-color:#0c7cd5}.integration-card--linkedin-ads .integration-card__status.is-disconnected{background-color:#f3f4f6;color:#4a5568;border-color:#e5e7eb}.integration-card--linkedin-ads .integration-card__status.is-error{background-color:#f5e8e9;color:#a71d2a;border-color:#dc3545}.integration-card--linkedin-ads .integration-card__details{margin-top:1rem;margin-bottom:1rem;font-size:.875rem;color:#374151}.integration-card--linkedin-ads .integration-card__details p{margin:0 0 .25rem}.integration-card--linkedin-ads .integration-card__details p:last-child{margin-bottom:0}.integration-card--linkedin-ads .integration-card__details p strong{font-weight:600;color:#4a5568}.integration-card--linkedin-ads .integration-card__error{margin-top:.5rem;padding:.5rem .75rem;border-radius:.5rem;background-color:#f5e8e9;color:#a71d2a;font-size:.8125rem;border:1px solid #dc3545}.integration-card--linkedin-ads .integration-card__error .integration-card__error-title{font-weight:600;margin:0 0 .25rem}.integration-card--linkedin-ads .integration-card__error .integration-card__error-message{margin:0;line-height:1.4}.integration-card--linkedin-ads .integration-card__actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.integration-card--linkedin-ads .integration-card__actions .btn{transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.integration-card--linkedin-ads .integration-card__actions .btn{transition-duration:.01ms}}.integration-card--linkedin-ads .integration-card__actions .btn{cursor:pointer}.integration-card--linkedin-ads .integration-card__actions .btn:disabled{opacity:.7;cursor:not-allowed}.integration-card--linkedin-ads .integration-card__actions .btn--connect-linkedin{background-color:#2196f3;border-color:#2196f3;color:#fff}.integration-card--linkedin-ads .integration-card__actions .btn--connect-linkedin:hover:not(:disabled){background-color:#0d87e9;border-color:#0c82df;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.integration-card--linkedin-ads .integration-card__actions .btn--connect-linkedin:active:not(:disabled){transform:translateY(0);box-shadow:none}.integration-card--linkedin-ads .integration-card__actions .btn--disconnect-linkedin{background-color:#fff;color:#4a5568;border-color:#e5e7eb}.integration-card--linkedin-ads .integration-card__actions .btn--disconnect-linkedin:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.integration-card--linkedin-ads .integration-card__actions .btn--disconnect-linkedin:active:not(:disabled){transform:translateY(0);box-shadow:none}.integration-card--linkedin-ads:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.integration-card--linkedin-ads:focus-visible{outline:2px solid #a07525;outline-offset:2px;border-radius:.25rem}.integration-card--tiktok-ads{position:relative;padding:1.5rem;border-radius:.5rem;border-left:3px solid #ec407a;background:#f5ece8;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.integration-card--tiktok-ads{transition-duration:.01ms}}.integration-card--tiktok-ads .integration-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.integration-card--tiktok-ads .integration-card__header-text h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#374151}.integration-card--tiktok-ads .integration-card__header-text .integration-card__description{margin:0;font-size:.875rem;color:#4a5568}.integration-card--tiktok-ads .integration-card__status{align-self:flex-start;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;border:1px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.integration-card--tiktok-ads .integration-card__status{transition-duration:.01ms}}.integration-card--tiktok-ads .integration-card__status.is-connected{background:radial-gradient(circle at left top,#26fff8,#f16e9a);color:#fff;border-color:#e2175b}.integration-card--tiktok-ads .integration-card__status.is-disconnected{background-color:#f3f4f6;color:#4a5568;border-color:#e5e7eb}.integration-card--tiktok-ads .integration-card__status.is-error{background-color:#f5e8e9;color:#a71d2a;border-color:#dc3545}.integration-card--tiktok-ads .integration-card__details{margin-top:1rem;margin-bottom:1rem;font-size:.875rem;color:#374151}.integration-card--tiktok-ads .integration-card__details p{margin:0 0 .25rem}.integration-card--tiktok-ads .integration-card__details p:last-child{margin-bottom:0}.integration-card--tiktok-ads .integration-card__details p strong{font-weight:600;color:#4a5568}.integration-card--tiktok-ads .integration-card__error{margin-top:.5rem;padding:.5rem .75rem;border-radius:.5rem;background-color:#f5e8e9;color:#a71d2a;font-size:.8125rem;border:1px solid #dc3545}.integration-card--tiktok-ads .integration-card__error .integration-card__error-title{font-weight:600;margin:0 0 .25rem}.integration-card--tiktok-ads .integration-card__error .integration-card__error-message{margin:0;line-height:1.4}.integration-card--tiktok-ads .integration-card__info{margin-top:1rem;font-size:.875rem;color:#374151}.integration-card--tiktok-ads .integration-card__info h4{margin-bottom:.5rem;font-size:1rem;font-weight:600;color:#4a5568}.integration-card--tiktok-ads .integration-card__info p{margin:0 0 .25rem}.integration-card--tiktok-ads .integration-card__info p:last-child{margin-bottom:0}.integration-card--tiktok-ads .integration-card__actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.integration-card--tiktok-ads .integration-card__actions .btn{transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.integration-card--tiktok-ads .integration-card__actions .btn{transition-duration:.01ms}}.integration-card--tiktok-ads .integration-card__actions .btn{cursor:pointer}.integration-card--tiktok-ads .integration-card__actions .btn:disabled{opacity:.7;cursor:not-allowed}.integration-card--tiktok-ads .integration-card__actions .btn--connect-tiktok{background:linear-gradient(135deg,#00f2ea,#ec407a);border-color:#7699b2;color:#fff}.integration-card--tiktok-ads .integration-card__actions .btn--connect-tiktok:hover:not(:disabled){background:linear-gradient(135deg,#00c9c3,#e81b60);border-color:#e2175b;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.integration-card--tiktok-ads .integration-card__actions .btn--connect-tiktok:active:not(:disabled){transform:translateY(0);box-shadow:none}.integration-card--tiktok-ads .integration-card__actions .btn--disconnect-tiktok{background-color:#fff;color:#4a5568;border-color:#e5e7eb}.integration-card--tiktok-ads .integration-card__actions .btn--disconnect-tiktok:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.integration-card--tiktok-ads .integration-card__actions .btn--disconnect-tiktok:active:not(:disabled){transform:translateY(0);box-shadow:none}.integration-card--tiktok-ads:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.integration-card--tiktok-ads:focus-visible{outline:2px solid #a07525;outline-offset:2px;border-radius:.25rem}.atracao-page{--bg-primary: #f5f3ed;--bg-secondary: #ffffff;--border-color: #e5e7eb;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--shadow-color: rgb(0 0 0 / .1)}[data-theme=dark] .atracao-page{--bg-primary: #0f172a;--bg-secondary: #111827;--border-color: #374151;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-muted: #9ca3af;--shadow-color: rgb(0 0 0 / .3)}.atracao-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .3s,color .3s}@media(min-width:1024px){.atracao-page{display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto auto 1fr;grid-template-areas:"header header" "tabs tabs" "content sidebar"}}.page-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.page-loading .loading-content{text-align:center;max-width:400px;padding:3rem}.page-loading .loading-content .loading-icon{font-size:4rem;margin-bottom:2rem;animation:pulse 2s infinite}.page-loading .loading-content .loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid #1d3b32;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}.page-loading .loading-content .loading-spinner.large{width:60px;height:60px;border-width:6px}.page-loading .loading-content h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.page-loading .loading-content p{color:var(--text-secondary);font-size:1rem;line-height:1.5}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-color)}.loading-state .loading-spinner,.error-state .loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid #1d3b32;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state .error-icon,.error-state .error-icon{font-size:3rem;margin-bottom:1rem}.loading-state h3,.error-state h3{color:#dc3545;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.loading-state p,.error-state p{color:var(--text-secondary);margin-bottom:1.5rem;max-width:400px;line-height:1.6}.page-header{grid-area:header;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:2rem;box-shadow:0 1px 2px #0000000d}.page-header .header-main{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}@media(min-width:768px){.page-header .header-main{flex-direction:row;align-items:flex-start;justify-content:space-between}}.page-header .header-main .header-info{flex:1}.page-header .header-main .header-info h1{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}@media(max-width:767px){.page-header .header-main .header-info h1{font-size:1.75rem}}.page-header .header-main .header-info h1 .page-icon{font-size:2.5rem}.page-header .header-main .header-info .page-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;max-width:600px}.page-header .header-main .header-info .page-description strong{color:#1d3b32;font-weight:600}.page-header .header-main .header-actions{display:flex;gap:.75rem;flex-shrink:0}@media(max-width:767px){.page-header .header-main .header-actions{width:100%}.page-header .header-main .header-actions .btn-outline,.page-header .header-main .header-actions .btn-primary{flex:1}}.page-header .quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem}.page-header .quick-stats .stat-item{background:var(--bg-primary);padding:1.5rem;border-radius:.5rem;text-align:center;border:1px solid var(--border-color)}.page-header .quick-stats .stat-item .stat-label{display:block;color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem;font-weight:500}.page-header .quick-stats .stat-item .stat-value{display:block;color:#1d3b32;font-size:1.5rem;font-weight:700}.page-tabs{grid-area:tabs;display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow-x:auto;-ms-overflow-style:none}.page-tabs::-webkit-scrollbar{display:none}@supports (scrollbar-width: none){.page-tabs{scrollbar-width:none}}.page-tabs .tab-button{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;font-size:.9375rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.page-tabs .tab-button{transition-duration:.01ms}}.page-tabs .tab-button .tab-icon{font-size:1.125rem}.page-tabs .tab-button:hover{background:var(--bg-primary);color:var(--text-primary)}.page-tabs .tab-button.active{color:#1d3b32;border-bottom-color:#1d3b32;background:var(--bg-primary);font-weight:600}.page-tabs .tab-button:disabled{opacity:.5;cursor:not-allowed}.page-content{grid-area:content;display:flex;flex-direction:column;overflow:hidden}@media(min-width:1024px){.page-content{flex-direction:row}}.page-content .content-area{flex:1;padding:2rem;overflow-y:auto}@media(min-width:1024px){.page-content .content-area{padding:3rem}}.atracao-component{background:var(--bg-secondary);border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--border-color);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.atracao-component{transition-duration:.01ms}}.atracao-component:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.atracao-component .component-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary))}.atracao-component .component-header .header-icon{font-size:2rem;flex-shrink:0}.atracao-component .component-header .header-content{flex:1}.atracao-component .component-header .header-content h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.atracao-component .component-header .header-content p{color:var(--text-secondary);margin:0;line-height:1.5}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:2rem}.metrics-grid .metric-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-primary);border-radius:.5rem;border:1px solid var(--border-color);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.metrics-grid .metric-card{transition-duration:.01ms}}.metrics-grid .metric-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#1d3b32}.metrics-grid .metric-card.success:before{background:#28a745}.metrics-grid .metric-card.info:before{background:#17a2b8}.metrics-grid .metric-card.warning:before{background:#ffc107}.metrics-grid .metric-card.primary:before{background:#1d3b32}.metrics-grid .metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.metrics-grid .metric-card .metric-icon{font-size:2rem;flex-shrink:0;opacity:.8}.metrics-grid .metric-card .metric-content{flex:1}.metrics-grid .metric-card .metric-content .metric-label{display:block;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.metrics-grid .metric-card .metric-content .metric-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;display:block}.atracao-media-paga-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;padding:2rem;align-items:stretch}@media(max-width:767px){.atracao-media-paga-grid{grid-template-columns:1fr;padding:1.5rem;gap:1.5rem}}.atracao-media-paga-grid__col{display:flex;flex-direction:column;min-height:100%}.platform-section{padding:2rem;border-top:1px solid var(--border-color)}.platform-section h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.platform-section .platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.platform-section .platform-grid .platform-btn{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);cursor:pointer;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.platform-section .platform-grid .platform-btn{transition-duration:.01ms}}.platform-section .platform-grid .platform-btn .platform-icon{font-size:1.5rem;flex-shrink:0}.platform-section .platform-grid .platform-btn .platform-info{flex:1}.platform-section .platform-grid .platform-btn .platform-info .platform-name{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.platform-section .platform-grid .platform-btn .platform-info .platform-desc{display:block;font-size:.875rem;color:var(--text-secondary)}.platform-section .platform-grid .platform-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.platform-section .platform-grid .platform-btn.meta{border-color:#1877f2}.platform-section .platform-grid .platform-btn.meta:hover{background:#1877f2;color:#fff}.platform-section .platform-grid .platform-btn.meta:hover .platform-info .platform-name,.platform-section .platform-grid .platform-btn.meta:hover .platform-info .platform-desc{color:#fff}.platform-section .platform-grid .platform-btn.google{border-color:#4285f4}.platform-section .platform-grid .platform-btn.google:hover{background:#4285f4;color:#fff}.platform-section .platform-grid .platform-btn.google:hover .platform-info .platform-name,.platform-section .platform-grid .platform-btn.google:hover .platform-info .platform-desc{color:#fff}.platform-section .platform-grid .platform-btn.tiktok{border-color:#000}.platform-section .platform-grid .platform-btn.tiktok:hover{background:#000;color:#fff}.platform-section .platform-grid .platform-btn.tiktok:hover .platform-info .platform-name,.platform-section .platform-grid .platform-btn.tiktok:hover .platform-info .platform-desc{color:#fff}.platform-section .platform-grid .platform-btn.linkedin{border-color:#0077b5}.platform-section .platform-grid .platform-btn.linkedin:hover{background:#0077b5;color:#fff}.platform-section .platform-grid .platform-btn.linkedin:hover .platform-info .platform-name,.platform-section .platform-grid .platform-btn.linkedin:hover .platform-info .platform-desc{color:#fff}.ai-section{padding:2rem;background:linear-gradient(135deg,#1d3b32,#a07525);color:#fff;margin:2rem;border-radius:.75rem}.ai-section .ai-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.ai-section .ai-header .ai-icon{font-size:2rem;flex-shrink:0}.ai-section .ai-header .ai-content{flex:1}.ai-section .ai-header .ai-content h4{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.ai-section .ai-header .ai-content p{margin:0;opacity:.9;line-height:1.5}.ai-section .btn-ai{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.ai-section .btn-ai{transition-duration:.01ms}}.ai-section .btn-ai:hover{background:#fff3;transform:translateY(-1px)}.ai-section .btn-ai .btn-icon{font-size:1.125rem}.criativos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:2rem}.criativos-grid .criativo-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.criativos-grid .criativo-card{transition-duration:.01ms}}.criativos-grid .criativo-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.criativos-grid .criativo-card .criativo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.criativos-grid .criativo-card .criativo-header .criativo-tipo{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.criativos-grid .criativo-card .criativo-header .criativo-tipo.video{background:#f59e0b;color:#fff}.criativos-grid .criativo-card .criativo-header .criativo-tipo.imagem{background:#10b981;color:#fff}.criativos-grid .criativo-card .criativo-header .criativo-tipo.texto{background:#3b82f6;color:#fff}.criativos-grid .criativo-card .criativo-header .criativo-status{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.criativos-grid .criativo-card .criativo-header .criativo-status.ativo{background:#dcfce7;color:#166534}.criativos-grid .criativo-card .criativo-header .criativo-status.pausado{background:#fef3c7;color:#92400e}.criativos-grid .criativo-card .criativo-header .criativo-status.inativo{background:#fee2e2;color:#991b1b}.criativos-grid .criativo-card h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.75rem;line-height:1.4}.criativos-grid .criativo-card .criativo-metrics{display:flex;gap:1rem}.criativos-grid .criativo-card .criativo-metrics .metric-item{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.criativos-grid .criativo-card .criativo-metrics .metric-item .metric-label{color:var(--text-secondary)}.criativos-grid .criativo-card .criativo-metrics .metric-item .metric-value{color:var(--text-primary);font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.empty-state p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem}.ctr-method{padding:2rem;border-top:1px solid var(--border-color)}.ctr-method h4{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.ctr-method .method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.ctr-method .method-grid .method-step{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-primary);border-radius:.5rem;border:1px solid var(--border-color)}.ctr-method .method-grid .method-step .step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#1d3b32;color:#fff;border-radius:50%;font-weight:600;flex-shrink:0;font-size:.875rem}.ctr-method .method-grid .method-step .step-content{flex:1}.ctr-method .method-grid .method-step .step-content h5{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.ctr-method .method-grid .method-step .step-content p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.4}.calendar-section{padding:2rem}.calendar-section .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.calendar-section .calendar-header h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.calendar-section .calendar-header .calendar-controls{display:flex;align-items:center;gap:1rem}.calendar-section .calendar-header .calendar-controls .current-period{color:var(--text-primary);font-weight:500;font-size:.9375rem}.calendar-section .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border-color);border-radius:.75rem;overflow:hidden}@media(max-width:767px){.calendar-section .calendar-grid{grid-template-columns:1fr}}.calendar-section .calendar-grid .calendar-day{background:var(--bg-secondary);min-height:120px}.calendar-section .calendar-grid .calendar-day .day-header{background:var(--bg-primary);padding:.5rem;font-weight:600;font-size:.875rem;color:var(--text-primary);text-align:center;border-bottom:1px solid var(--border-color)}.calendar-section .calendar-grid .calendar-day .day-content{padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.calendar-section .calendar-grid .calendar-day .day-content .content-item{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;display:flex;justify-content:space-between;align-items:center}.calendar-section .calendar-grid .calendar-day .day-content .content-item.story{background:#a07525;color:#fff}.calendar-section .calendar-grid .calendar-day .day-content .content-item.post{background:#1d3b32;color:#fff}.calendar-section .calendar-grid .calendar-day .day-content .content-item .content-type{font-weight:500}.calendar-section .calendar-grid .calendar-day .day-content .content-item .content-time{opacity:.8}.suggestions-section{padding:2rem;border-top:1px solid var(--border-color)}.suggestions-section h4{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.suggestions-section .suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.suggestions-section .suggestions-grid .suggestion-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-primary);border-radius:.5rem;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.suggestions-section .suggestions-grid .suggestion-card{transition-duration:.01ms}}.suggestions-section .suggestions-grid .suggestion-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.suggestions-section .suggestions-grid .suggestion-card .suggestion-icon{font-size:1.5rem;flex-shrink:0}.suggestions-section .suggestions-grid .suggestion-card .suggestion-content{flex:1}.suggestions-section .suggestions-grid .suggestion-card .suggestion-content h5{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.suggestions-section .suggestions-grid .suggestion-card .suggestion-content p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.4}.catalog-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;padding:2rem}.catalog-options .option-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem;text-align:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.catalog-options .option-card{transition-duration:.01ms}}.catalog-options .option-card.featured{border-color:#1d3b32;border-width:2px}.catalog-options .option-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.catalog-options .option-card .option-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.catalog-options .option-card .option-header .option-icon{font-size:2.5rem}.catalog-options .option-card .option-header .option-badge{background:#1d3b32;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.catalog-options .option-card h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.catalog-options .option-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.performance-section{padding:2rem;border-top:1px solid var(--border-color)}.performance-section h4{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.performance-section .page-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-primary);border-radius:.5rem;border:1px solid var(--border-color);gap:1rem;flex-wrap:wrap}.performance-section .page-item .page-info{flex:1;min-width:200px}.performance-section .page-item .page-info h5{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.performance-section .page-item .page-info .page-url{color:#a07525;font-size:.875rem;font-family:JetBrains Mono,Fira Code,Monaco,monospace}.performance-section .page-item .page-metrics{display:flex;gap:1rem;flex-wrap:wrap}.performance-section .page-item .page-metrics .page-metric{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.performance-section .page-item .page-metrics .page-metric .metric-icon{font-size:1rem}.page-sidebar{grid-area:sidebar;background:var(--bg-secondary);border-left:1px solid var(--border-color);padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto}@media(max-width:1023px){.page-sidebar{border-left:none;border-top:1px solid var(--border-color)}}.page-sidebar .sidebar-card{background:var(--bg-primary);border-radius:.75rem;padding:2rem;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.page-sidebar .sidebar-card{transition-duration:.01ms}}.page-sidebar .sidebar-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.page-sidebar .sidebar-card h3{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.page-sidebar .sidebar-card h3 .card-icon{font-size:1.25rem}.page-sidebar .sidebar-card p{color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.page-sidebar .sidebar-card ul{color:var(--text-secondary);padding-left:1.25rem;line-height:1.6}.page-sidebar .sidebar-card ul li{margin-bottom:.5rem}.page-sidebar .sidebar-card ul li:last-child{margin-bottom:0}.page-sidebar .sidebar-card.insights{border-left:4px solid #1d3b32}.page-sidebar .sidebar-card.support{border-left:4px solid #17a2b8}.page-sidebar .sidebar-card.progress{border-left:4px solid #ffc107}.page-sidebar .sidebar-card.progress .progress-list .progress-item{margin-bottom:1rem}.page-sidebar .sidebar-card.progress .progress-list .progress-item:last-child{margin-bottom:0}.page-sidebar .sidebar-card.progress .progress-list .progress-item .progress-label{display:block;color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem;font-weight:500}.page-sidebar .sidebar-card.progress .progress-list .progress-item .progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.page-sidebar .sidebar-card.progress .progress-list .progress-item .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#1d3b32,#1d3b32);border-radius:4px;transition:width .5s}.btn-primary,.btn-secondary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;font-size:.9375rem;cursor:pointer;text-decoration:none;border:2px solid transparent;white-space:nowrap;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.btn-primary,.btn-secondary,.btn-outline{transition-duration:.01ms}}.btn-primary .btn-icon,.btn-secondary .btn-icon,.btn-outline .btn-icon{font-size:1rem}.btn-primary:disabled,.btn-secondary:disabled,.btn-outline:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary.full-width,.btn-secondary.full-width,.btn-outline.full-width{width:100%}.btn-primary:before,.btn-secondary:before,.btn-outline:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:active:before,.btn-secondary:active:before,.btn-outline:active:before{width:300px;height:300px}.btn-primary{background:#1d3b32;color:#fff;border-color:#1d3b32}.btn-primary:hover:not(:disabled){background:#1b362e;border-color:#1b362e;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#a07525;color:#fff;border-color:#a07525}.btn-secondary:hover:not(:disabled){background:#936c22;border-color:#936c22;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-outline:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-secondary);color:var(--text-primary)}.btn-outline:active:not(:disabled){background:var(--border-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.atracao-component{animation:fadeIn .6s ease-out}.metric-card{animation:slideInFromLeft .4s ease-out}.metric-card:nth-child(2){animation-delay:.1s}.metric-card:nth-child(3){animation-delay:.2s}.metric-card:nth-child(4){animation-delay:.3s}.platform-btn{animation:slideInFromRight .4s ease-out}.platform-btn:nth-child(2){animation-delay:.1s}.platform-btn:nth-child(3){animation-delay:.2s}.platform-btn:nth-child(4){animation-delay:.3s}@media(max-width:1023px){.atracao-page{grid-template-areas:"header" "tabs" "content" "sidebar";grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.page-content{flex-direction:column}.page-sidebar{order:1}}@media(max-width:767px){.page-header{padding:1.5rem}.page-header .header-main .header-info h1{font-size:1.5rem}.page-header .header-main .header-info h1 .page-icon{font-size:2rem}.page-header .header-main .header-info .page-description{font-size:1rem}.page-header .quick-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.page-header .quick-stats .stat-item{padding:.75rem}.page-header .quick-stats .stat-item .stat-value{font-size:1.25rem}.page-tabs .tab-button{min-width:120px;padding:.875rem 1rem;font-size:.875rem}.page-tabs .tab-button .tab-icon{font-size:1rem}.content-area{padding:1.5rem}.atracao-component .component-header{padding:1.5rem;flex-direction:column;text-align:center;gap:.75rem}.atracao-component .component-header .header-icon{font-size:2.5rem}.metrics-grid{grid-template-columns:1fr;padding:1.5rem;gap:.75rem}.platform-grid{grid-template-columns:1fr;gap:.75rem}.platform-grid .platform-btn{justify-content:flex-start;text-align:left}.catalog-options{grid-template-columns:1fr;gap:1rem;padding:1.5rem}.method-grid,.suggestions-grid{grid-template-columns:1fr}.calendar-header{flex-direction:column;align-items:stretch}.calendar-header .calendar-controls{justify-content:space-between}.calendar-header .calendar-controls .btn-outline{flex:1;max-width:120px}.page-item{flex-direction:column;align-items:stretch;text-align:center;gap:.75rem}.page-item .page-metrics{justify-content:center;flex-wrap:wrap}.page-sidebar{padding:1.5rem;gap:1.5rem}.page-sidebar .sidebar-card{padding:1.5rem}}@media(max-width:480px){.platform-grid .platform-btn{flex-direction:column;text-align:center;gap:.5rem;padding:1rem .75rem}.platform-grid .platform-btn .platform-info .platform-name{font-size:.875rem}.platform-grid .platform-btn .platform-info .platform-desc{font-size:.75rem}.btn-primary,.btn-secondary,.btn-outline{padding:.75rem 1rem;font-size:.875rem}.quick-stats{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .atracao-page .metric-card{box-shadow:0 1px 3px #0000004d}[data-theme=dark] .atracao-page .metric-card:hover,[data-theme=dark] .atracao-page .platform-btn:hover{box-shadow:0 4px 6px -1px #0006}[data-theme=dark] .atracao-page .atracao-component{box-shadow:0 1px 3px #0000004d}[data-theme=dark] .atracao-page .atracao-component:hover,[data-theme=dark] .atracao-page .sidebar-card:hover{box-shadow:0 4px 6px -1px #0006}[data-theme=dark] .atracao-page .btn-primary:hover:not(:disabled){box-shadow:0 4px 6px -1px #0006}[data-theme=dark] .atracao-page .btn-secondary:hover:not(:disabled){box-shadow:0 4px 6px -1px #0006}[data-theme=dark] .atracao-page .criativo-status.ativo{background:#065f46;color:#d1fae5}[data-theme=dark] .atracao-page .criativo-status.pausado{background:#78350f;color:#fef3c7}[data-theme=dark] .atracao-page .criativo-status.inativo{background:#7f1d1d;color:#fecaca}[data-theme=dark] .atracao-page .option-badge{background:#2b574a}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-spinner{animation:none!important;border:4px solid var(--border-color)!important}}@media(prefers-contrast:high){.atracao-page{--border-color: #f3f4f6}.atracao-page .metric-card,.atracao-page .platform-btn,.atracao-page .atracao-component,.atracao-page .sidebar-card,.atracao-page .btn-outline{border-width:2px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible:focus{outline:2px solid #1d3b32;outline-offset:2px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tab-button:focus,.platform-btn:focus,.btn-primary:focus,.btn-secondary:focus,.btn-outline:focus{outline:2px solid #1d3b32;outline-offset:2px}.metric-card:focus-within,.suggestion-card:focus-within,.criativo-card:focus-within{outline:2px solid #1d3b32;outline-offset:2px}.tab-button:focus-visible,.platform-btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-outline:focus-visible{outline:2px solid #1d3b32;outline-offset:2px;box-shadow:0 0 0 4px #1d3b321a}@media print{.atracao-page{background:#fff!important;color:#000!important;font-size:12pt;line-height:1.4}.atracao-page .page-header{border-bottom:2px solid black;margin-bottom:1rem}.atracao-page .page-tabs,.atracao-page .page-sidebar,.atracao-page .header-actions{display:none!important}.atracao-page .atracao-component{border:1px solid black;margin-bottom:1rem;break-inside:avoid}.atracao-page .btn-primary,.atracao-page .btn-secondary,.atracao-page .btn-outline{display:none!important}.atracao-page .metric-card,.atracao-page .platform-btn{border:1px solid black!important;box-shadow:none!important}}