:root{--bg-dark:#0f172a;--bg-card:#1e293b;--primary:#8b5cf6;--primary-hover:#7c3aed;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#334155;--success:#10b981;--danger:#ef4444;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#1e1b4b 0%,#311042 100%);padding:2rem;box-shadow:0 4px 6px -1px #0000001a}.header-content{justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;display:flex}h1{background:linear-gradient(90deg,#a78bfa,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:700}main{flex:1;width:100%;max-width:1600px;margin:2rem auto;padding:0 1.5rem}.portal-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.portal-content{min-width:0}.tabs{border:1px solid var(--border);background:#1e293bb8;border-radius:12px;flex-direction:column;gap:.25rem;margin:0;padding:.5rem;display:flex;position:sticky;top:1rem}.tab-btn{color:var(--text-muted);cursor:pointer;text-align:left;white-space:normal;background:0 0;border:none;border-left:3px solid #0000;border-radius:7px;padding:.8rem .9rem;font-size:.92rem;font-weight:500;transition:all .2s}.tab-btn:hover{color:var(--text-main);background:#ffffff0d}.tab-btn.active{color:#ddd6fe;border-left-color:var(--primary);background:#8b5cf629}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 15px -3px #0000004d}.card-title{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;display:flex}.btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:500;transition:background-color .2s}.btn:hover{background-color:var(--primary-hover)}.btn-secondary{border:1px solid var(--border);color:var(--text-main);background-color:#0000}.btn-secondary:hover{background-color:#ffffff0d}.btn-danger{background-color:var(--danger)}.btn-danger:hover{background-color:#dc2626}.table-container{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--border);padding:1rem}th{color:var(--text-muted);font-weight:600}tr:last-child td{border-bottom:none}.badge{border-radius:4px;padding:.25rem .5rem;font-size:.8rem;font-weight:600;display:inline-block}.badge-success{color:var(--success);background-color:#10b98133}.badge-danger{color:var(--danger);background-color:#ef444433}.badge-warning{color:var(--warning);background-color:#f59e0b33}.badge-status{border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.badge-pendente{color:#6b7280;background:#6b728026}.badge-enviando{color:#b45309;background:#f59e0b26}.badge-enviado{color:#15803d;background:#22c55e26}.badge-erro{color:#b91c1c;background:#ef444426}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-muted);margin-bottom:.5rem;font-weight:500;display:block}input,textarea,select{background-color:var(--bg-dark);border:1px solid var(--border);width:100%;color:var(--text-main);border-radius:6px;padding:.75rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none}input:disabled{opacity:.6;cursor:not-allowed;background-color:#ffffff05}.btn:disabled{opacity:.6;cursor:not-allowed}.cookie-status{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:2rem;display:grid}.status-item{border:1px solid var(--border);background-color:#ffffff05;border-radius:8px;flex:1;padding:1rem}.status-item-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem}.status-item-value{font-size:1.1rem;font-weight:600}.actions-cell{gap:.5rem;display:flex}.list-table{table-layout:fixed;min-width:980px}.list-table th,.list-table td{vertical-align:middle;overflow-wrap:anywhere}.list-table .actions-cell{justify-content:flex-end}.modal-backdrop{z-index:90;background:#020617c2;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:min(720px,100%);max-height:calc(100vh - 2rem);padding:1.5rem;overflow-y:auto;box-shadow:0 24px 48px #00000073}.modal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.modal-form .form-group{margin:0}.modal-form .wide{grid-column:1/-1}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.categories-help{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.toast{color:#fff;z-index:100;border-radius:8px;padding:1rem 2rem;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 15px -3px #00000080}.toast-success{background-color:var(--success)}.toast-danger{background-color:var(--danger)}.inline-alert{color:var(--danger);margin-top:.5rem;font-size:.85rem;display:block}.editor-toolbar{border:1px solid var(--border);background-color:#ffffff08;border-bottom:none;border-top-left-radius:6px;border-top-right-radius:6px;flex-wrap:wrap;gap:.5rem;padding:.5rem;display:flex}.editor-btn{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background-color:#0000;border-radius:4px;align-items:center;gap:.2rem;padding:.3rem .6rem;font-size:.85rem;transition:all .2s;display:inline-flex}.editor-btn:hover{background-color:var(--primary);border-color:var(--primary)}.editor-textarea{border-top-left-radius:0;border-top-right-radius:0}.split-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:2rem;display:grid}.collection-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.collection-row{border:1px solid var(--border);background:#0f172a6b;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;padding:1rem;display:grid}.collection-row .form-group{margin:0}.collection-row .form-group.wide{grid-column:1/-1}.collection-row .actions-cell{justify-content:flex-end;align-items:end}.section-actions{justify-content:flex-end;margin-top:1.5rem;display:flex}@media (width<=960px){.portal-layout{grid-template-columns:1fr}.tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:static}.tab-btn{text-align:center;border-bottom:3px solid #0000;border-left:0}.tab-btn.active{border-left-color:#0000;border-bottom-color:var(--primary)}}@media (width<=768px){main{margin:1rem auto;padding:0 1rem}header{padding:1.25rem 1rem}h1{font-size:1.35rem}.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.card{margin-bottom:1rem;padding:1.25rem}.card-title{flex-wrap:wrap;align-items:flex-start;gap:.75rem}.cookie-status,.split-layout,.collection-row{grid-template-columns:1fr}.collection-row .form-group.wide{grid-column:auto}.section-actions{justify-content:stretch}.section-actions .btn{width:100%}.list-table,.list-table tbody,.list-table tr,.list-table td{width:100%;min-width:0;display:block}.list-table thead{display:none}.list-table tr{border:1px solid var(--border);background:#0f172a4d;border-radius:8px;margin-bottom:.75rem;padding:.5rem 1rem}.list-table td{border-bottom:1px solid #94a3b829;grid-template-columns:minmax(110px,38%) minmax(0,1fr);gap:.75rem;padding:.65rem 0;display:grid}.list-table td:last-child{border-bottom:0}.list-table td:before{content:attr(data-label);color:var(--text-muted);font-size:.82rem;font-weight:600}.list-table .actions-cell{justify-content:flex-start}.list-table .actions-cell:before{align-self:center}.modal-form{grid-template-columns:1fr}.modal-form .wide{grid-column:auto}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.preview-phone{border:1px solid var(--border);background-color:#0b141a;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-size:cover;border-radius:12px;flex-direction:column;justify-content:flex-end;min-height:250px;padding:1.5rem;display:flex}.whatsapp-bubble{color:#e9edef;white-space:pre-wrap;background-color:#005c4b;border-radius:0 8px 8px;align-self:flex-start;max-width:85%;padding:.75rem;font-size:.9rem;line-height:1.4;position:relative;box-shadow:0 1px .5px #00000021}.whatsapp-bubble:before{content:"";border-top:0 solid #0000;border-bottom:10px solid #0000;border-left:0 solid #0000;border-right:8px solid #005c4b;width:0;height:0;position:absolute;top:0;left:-8px}.whatsapp-bold{font-weight:700}.whatsapp-italic{font-style:italic}.whatsapp-strike{text-decoration:line-through}.whatsapp-mono{background-color:#0000004d;border-radius:3px;padding:.1rem .2rem;font-family:monospace}.product-filters{flex-wrap:wrap;align-items:end;gap:1rem;margin:1rem 0;display:flex}.product-filters label{margin-bottom:.5rem;display:block}.product-filters select{min-width:220px;max-width:100%}.product-filters .categories-help{margin:0}.pagination{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;font-size:.875rem;display:flex}.pagination-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}[x-cloak]{display:none!important}html,body{max-width:100%;overflow-x:hidden}.card,.table-container,.modal-panel{box-sizing:border-box;max-width:100%}@media (width<=480px){header{padding:1rem}main{margin:.5rem auto;padding:0 .5rem}.tabs{grid-template-columns:1fr}.card{padding:1rem}.pagination{flex-direction:column;align-items:stretch;gap:.5rem}.pagination-actions{justify-content:space-between}}
