*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f5f5;--white:#fff;--dark:#111;--gray:#d5d5d5;--gray-mid:#9a9a9a;--gold:#c9a84c;--gold-dark:#a8893a;--gold-light:#f0d98a;--sidebar-width:240px;--radius:10px;--shadow:0 2px 12px #00000012}body{background:var(--bg);color:var(--dark);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}#root{min-height:100vh;display:flex}button{cursor:pointer;border:none;outline:none;font-family:inherit}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}input{outline:none;font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray);border-radius:3px}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--gray);flex-direction:column;height:100vh;padding:0;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-logo{border-bottom:1px solid var(--gray);align-items:center;gap:10px;padding:22px 20px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--gold), var(--gold-dark));width:36px;height:36px;color:var(--white);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.logo-text{flex-direction:column;line-height:1.2;display:flex}.logo-name{color:var(--dark);letter-spacing:-.3px;font-size:14px;font-weight:700}.logo-sub{color:var(--gray-mid);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.nav-item{color:var(--gray-mid);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg);color:var(--dark)}.nav-item.active{color:var(--gold-dark);background:#c9a84c1a}.nav-item.active svg{color:var(--gold)}.sidebar-bottom{border-top:1px solid var(--gray);flex-direction:column;gap:8px;padding:16px 14px;display:flex}.btn-novidades{border:1.5px solid var(--gray);background:var(--white);color:var(--dark);border-radius:20px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;transition:border-color .15s;display:flex;position:relative}.btn-novidades:hover{border-color:var(--gold)}.badge{background:#e74c3c;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:12px}.btn-contato{color:var(--white);background:#25d366;border:none;border-radius:20px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;transition:opacity .15s;display:flex}.btn-contato:hover{opacity:.88}.topbar{background:var(--white);border-bottom:1px solid var(--gray);z-index:10;justify-content:space-between;align-items:center;padding:18px 28px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;display:flex}.back-btn{background:var(--gold);width:32px;height:32px;color:var(--white);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.back-btn:hover{background:var(--gold-dark)}.breadcrumb{align-items:baseline;gap:6px;display:flex}.breadcrumb-parent{color:var(--gray-mid);font-size:13px}.breadcrumb-sep{color:var(--gray);font-size:13px}.page-title{color:var(--dark);letter-spacing:-.4px;font-size:20px;font-weight:700}.topbar-right{align-items:center;display:flex}.user-info{border:1px solid var(--gray);background:var(--bg);border-radius:24px;align-items:center;gap:10px;padding:6px 12px;display:flex}.avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.user-details{align-items:center;gap:6px;display:flex}.user-flag{font-size:16px}.user-name{color:var(--dark);font-size:13px;font-weight:500}.add-story-page{flex-direction:column;gap:0;min-height:100%;display:flex}.asp-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.asp-back{background:var(--gold);width:28px;height:28px;color:var(--white);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.asp-back:hover{background:var(--gold-dark)}.asp-breadcrumb{align-items:center;gap:6px;font-size:13px;display:flex}.asp-bc-parent{color:var(--gray-mid);cursor:pointer;transition:color .15s}.asp-bc-parent:hover{color:var(--gold-dark)}.asp-bc-sep{color:var(--gray)}.asp-bc-current{color:var(--dark);font-weight:500}.asp-title{color:var(--dark);letter-spacing:-.4px;margin-bottom:28px;font-size:22px;font-weight:700}.asp-body{flex-direction:column;flex:1;gap:32px;display:flex}.asp-section{flex-direction:column;gap:8px;display:flex}.asp-label{color:var(--dark);font-size:15px;font-weight:700;display:block}.asp-hint{color:var(--gray-mid);font-size:12.5px}.asp-input{border:1.5px solid var(--gray);width:100%;color:var(--dark);background:var(--white);border-radius:8px;padding:12px 14px;font-size:14px;transition:border-color .15s}.asp-input:focus{border-color:var(--gold);outline:none}.asp-input::placeholder{color:var(--gray-mid)}.asp-upload-tabs{border:1.5px solid var(--gray);background:var(--white);border-radius:10px;gap:0;display:flex;overflow:hidden}.asp-upload-tab{color:var(--gray-mid);cursor:pointer;border:none;border-right:1.5px solid var(--gray);white-space:nowrap;background:0 0;flex:1;justify-content:center;align-items:center;gap:7px;padding:12px 8px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.asp-upload-tab:last-child{border-right:none}.asp-upload-tab:hover{background:var(--bg);color:var(--dark)}.asp-upload-tab.active{color:var(--gold-dark);border-bottom:2.5px solid var(--gold);background:#c9a84c12;font-weight:600}.asp-upload-content{border:1.5px solid var(--gray);background:var(--white);border-radius:10px;min-height:200px;overflow:hidden}.asp-dropzone{cursor:default;border:2px dashed #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;padding:48px 24px;transition:background .15s,border-color .15s;display:flex}.asp-dropzone.drag-over{border-color:var(--gold);background:#c9a84c0d}.asp-dz-icon{color:var(--gold);opacity:.8}.asp-dz-title{color:var(--dark);font-size:15px;font-weight:600}.asp-dz-sub{color:var(--gray-mid);text-align:center;font-size:12.5px}.asp-dz-btn{border:1.5px solid var(--gold);color:var(--gold-dark);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;margin-top:4px;padding:10px 22px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.asp-dz-btn:hover{background:var(--gold);color:var(--white)}.asp-files-list{flex-direction:column;gap:0;width:100%;padding:12px;display:flex}.asp-file-row{border-bottom:1px solid var(--bg);align-items:center;gap:12px;padding:12px 10px;transition:background .1s;display:flex}.asp-file-row:hover{background:var(--bg);border-radius:8px}.asp-file-icon{width:38px;height:38px;color:var(--gold);background:#c9a84c1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.asp-file-info{flex-direction:column;flex:1;gap:2px;display:flex}.asp-file-name{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;max-width:380px;font-size:13.5px;font-weight:500;overflow:hidden}.asp-file-size{color:var(--gray-mid);font-size:11.5px}.asp-capa-badge{background:var(--gold);color:var(--white);letter-spacing:.3px;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.asp-file-del{border:1px solid var(--gray);background:var(--white);color:#e74c3c;cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.asp-file-del:hover{color:var(--white);background:#e74c3c;border-color:#e74c3c}.asp-add-more{border:1.5px dashed var(--gray);color:var(--gray-mid);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin-top:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s;display:flex}.asp-add-more:hover{border-color:var(--gold);color:var(--gold-dark)}.asp-instagram{flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.asp-ig-icon{color:#fff;background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.asp-ig-title{color:var(--dark);font-size:16px;font-weight:700}.asp-ig-sub{color:var(--gray-mid);text-align:center;max-width:360px;font-size:13px}.asp-ig-input-wrap{width:100%;max-width:480px;position:relative}.asp-ig-link-icon{color:var(--gray-mid);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.asp-ig-input{border:1.5px solid var(--gray);width:100%;color:var(--dark);border-radius:8px;padding:11px 14px 11px 36px;font-size:13.5px;transition:border-color .15s}.asp-ig-input:focus{border-color:#e6683c;outline:none}.asp-ig-input::placeholder{color:var(--gray-mid)}.asp-ig-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f09433,#dc2743,#bc1888);border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:700;transition:opacity .15s;display:flex}.asp-ig-btn:hover{opacity:.88}.asp-galeria{flex-direction:column;gap:14px;padding:20px;display:flex}.asp-gal-hint{color:var(--gray-mid);font-size:12.5px}.asp-gal-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.asp-gal-item{border:2px solid var(--gray);cursor:pointer;background:var(--white);border-radius:10px;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.asp-gal-item:hover{border-color:var(--gold-light)}.asp-gal-item.selected{border-color:var(--gold)}.asp-gal-thumb{color:#ffffff4d;background:linear-gradient(135deg,#1a1a2e,#16213e);flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100px;display:flex;position:relative}.asp-gal-dur{color:#ffffffb3;background:#0006;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:600}.asp-gal-name{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;padding:8px 10px;font-size:11.5px;font-weight:500;overflow:hidden}.asp-gal-check{background:var(--gold);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex;position:absolute;top:6px;right:6px}.asp-celular{flex-direction:column;align-items:center;gap:14px;padding:40px 24px;display:flex}.asp-qr-wrap{border:2px solid var(--gray);width:120px;height:120px;color:var(--dark);background:var(--white);border-radius:12px;justify-content:center;align-items:center;display:flex}.asp-qr-icon{opacity:.7}.asp-cel-title{color:var(--dark);font-size:16px;font-weight:700}.asp-cel-sub{color:var(--gray-mid);text-align:center;max-width:340px;font-size:13px;line-height:1.6}.asp-cel-url{background:var(--bg);border:1.5px solid var(--gray);color:var(--gray-mid);border-radius:8px;padding:10px 18px;font-family:monospace;font-size:12.5px}.asp-todos{flex-direction:column;gap:12px;padding:16px;display:flex}.asp-todos-search{border:1.5px solid var(--gray);background:var(--bg);color:var(--gray-mid);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.asp-todos-input{color:var(--dark);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.asp-todos-input::placeholder{color:var(--gray-mid)}.asp-todos-list{flex-direction:column;gap:6px;display:flex}.asp-todos-row{border:1.5px solid var(--gray);cursor:pointer;background:var(--white);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.asp-todos-row:hover{border-color:var(--gold-light);background:var(--bg)}.asp-todos-row.selected{border-color:var(--gold);background:#c9a84c0a}.asp-todos-thumb{color:#fff6;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:32px;display:flex}.asp-todos-info{flex-direction:column;flex:1;gap:2px;display:flex}.asp-todos-name{color:var(--dark);font-size:13.5px;font-weight:500}.asp-todos-dur{color:var(--gray-mid);font-size:11.5px}.asp-todos-sel{color:var(--gold-dark);background:#c9a84c1a;border-radius:10px;padding:3px 10px;font-size:12px;font-weight:700}.asp-pages-header{align-items:center;gap:8px;display:flex}.asp-hint-btn{color:var(--gray-mid);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.asp-hint-btn:hover{color:var(--gold)}.asp-add-page{background:var(--gold);color:var(--white);cursor:pointer;border:none;border-radius:24px;align-self:flex-start;align-items:center;gap:8px;padding:11px 22px;font-size:13.5px;font-weight:600;transition:background .15s;display:flex;box-shadow:0 2px 10px #c9a84c40}.asp-add-page:hover{background:var(--gold-dark)}.asp-page-table{border:1.5px solid var(--gray);background:var(--white);border-radius:10px;overflow:hidden}.asp-page-table-head{background:var(--bg);border-bottom:1.5px solid var(--gray);color:var(--gray-mid);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:140px 1fr 44px;gap:0;padding:10px 16px;font-size:12px;font-weight:700;display:grid}.asp-page-row{border-bottom:1px solid var(--bg);flex-direction:column;gap:0;display:flex}.asp-page-row:last-child{border-bottom:none}.asp-page-row-inputs{grid-template-columns:140px 1fr 44px;align-items:center;gap:10px;padding:12px 16px;display:grid}.asp-page-type{border:1.5px solid var(--gray);background:var(--bg);color:var(--dark);cursor:pointer;appearance:auto;border-radius:7px;padding:9px 10px;font-size:13px}.asp-page-type:focus{border-color:var(--gold);outline:none}.asp-url-wrap{flex:1;position:relative}.asp-url-icon{color:var(--gray-mid);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.asp-url-input{border:1.5px solid var(--gray);width:100%;color:var(--dark);background:var(--bg);border-radius:7px;padding:9px 12px 9px 30px;font-size:13px;transition:border-color .15s}.asp-url-input:focus{border-color:var(--gold);background:var(--white);outline:none}.asp-url-input::placeholder{color:var(--gray-mid)}.asp-url-input:disabled{opacity:.5;cursor:not-allowed}.asp-page-del{width:36px;height:36px;color:var(--white);cursor:pointer;background:#e74c3c;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.asp-page-del:hover{opacity:.82}.asp-page-del:disabled{background:var(--gray);cursor:not-allowed;opacity:.5}.asp-ignore-params{color:var(--gray-mid);cursor:pointer;align-items:center;gap:8px;padding:8px 16px 12px;font-size:12.5px;display:flex}.asp-ignore-params input[type=checkbox]{width:15px;height:15px;accent-color:var(--gold);cursor:pointer}.asp-footer{border-top:1px solid var(--gray);justify-content:flex-end;align-items:center;gap:12px;margin-top:32px;padding:24px 0 8px;display:flex}.asp-btn-back{border:1.5px solid var(--gray);background:var(--white);color:var(--dark);cursor:pointer;border-radius:8px;padding:11px 24px;font-size:14px;font-weight:500;transition:border-color .15s}.asp-btn-back:hover{border-color:var(--gray-mid)}.asp-btn-back:disabled,.asp-btn-save:disabled{opacity:.6;cursor:not-allowed}.asp-spin{animation:1s linear infinite asp-spin-anim}@keyframes asp-spin-anim{to{transform:rotate(360deg)}}.asp-save-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:8px;padding:12px 16px;font-size:13.5px}.asp-upload-progress{color:var(--gray-mid);flex-direction:column;gap:6px;margin-top:8px;font-size:13px;display:flex}.asp-progress-track{background:var(--gray);border-radius:3px;height:6px;overflow:hidden}.asp-progress-fill{background:var(--gold);border-radius:3px;height:100%;transition:width .2s}.asp-btn-save{background:var(--gold);color:var(--white);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 28px;font-size:14px;font-weight:700;transition:background .15s;display:flex;box-shadow:0 2px 10px #c9a84c4d}.asp-btn-save:hover{background:var(--gold-dark)}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:14px;width:100%;max-width:480px;animation:.2s modalIn;box-shadow:0 20px 60px #0003}.modal-sm{max-width:360px}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-header h2{color:var(--dark);font-size:17px;font-weight:700}.modal-close{background:var(--bg);width:30px;height:30px;color:var(--gray-mid);border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s;display:flex}.modal-close:hover{background:var(--gray)}.modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.upload-area{border:2px dashed var(--gray);color:var(--gray-mid);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;transition:border-color .15s;display:flex}.upload-area:hover{border-color:var(--gold)}.upload-area svg{color:var(--gold)}.upload-area p{color:var(--dark);font-size:14px;font-weight:500}.upload-hint{color:var(--gray-mid);font-size:12px}.btn-upload{border:1.5px solid var(--gold);color:var(--gold-dark);background:0 0;border-radius:6px;margin-top:4px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s}.btn-upload:hover{background:var(--gold);color:var(--white)}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--dark);font-size:13px;font-weight:600}.form-group input,.form-group select{border:1.5px solid var(--gray);color:var(--dark);background:var(--white);border-radius:8px;padding:10px 12px;font-size:13.5px;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--gold);outline:none}.form-group input::placeholder{color:var(--gray-mid)}.modal-footer{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.btn-cancel{border:1.5px solid var(--gray);background:var(--white);color:var(--dark);border-radius:8px;padding:10px 20px;font-size:13.5px;font-weight:500;transition:border-color .15s}.btn-cancel:hover{border-color:var(--gray-mid)}.btn-save{background:var(--gold);color:var(--white);border:none;border-radius:8px;padding:10px 22px;font-size:13.5px;font-weight:600;transition:background .15s}.btn-save:hover{background:var(--gold-dark)}.delete-icon{color:#e74c3c;justify-content:center;padding:4px 0;display:flex}.delete-msg{text-align:center;color:var(--dark);font-size:14px;line-height:1.6}.delete-msg span{color:var(--gray-mid);font-size:12.5px}.btn-delete{color:var(--white);background:#e74c3c;border:none;border-radius:8px;padding:10px 22px;font-size:13.5px;font-weight:600;transition:background .15s}.btn-delete:hover{background:#c0392b}.aparencia-modal{width:100%;max-width:820px}.aparencia-body{grid-template-columns:1fr 1fr;gap:0;max-height:70vh;display:grid;overflow:hidden}.aparencia-left{border-right:1px solid var(--gray);flex-direction:column;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.aparencia-right{background:var(--bg);flex-direction:column;gap:14px;padding:20px 24px;display:flex}.ap-section{flex-direction:column;gap:10px;display:flex}.ap-section h4{color:var(--dark);text-transform:uppercase;letter-spacing:.5px;font-size:12.5px;font-weight:700}.position-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.pos-btn{border:1.5px solid var(--gray);background:var(--white);color:var(--gray-mid);text-align:center;border-radius:7px;padding:8px 10px;font-size:12.5px;font-weight:500;transition:all .15s}.pos-btn:hover{border-color:var(--gold);color:var(--gold-dark)}.pos-btn.active{border-color:var(--gold);color:var(--gold-dark);background:#c9a84c14;font-weight:600}.slider-row{color:var(--gray-mid);align-items:center;gap:10px;font-size:12px;display:flex}.ap-slider{accent-color:var(--gold);cursor:pointer;flex:1;height:4px}.ap-row{align-items:flex-end;gap:12px;display:flex}.ap-field{flex-direction:column;gap:5px;display:flex}.ap-field label{color:var(--gray-mid);font-size:12px;font-weight:500}.color-input-wrap{border:1.5px solid var(--gray);background:var(--bg);border-radius:7px;align-items:center;gap:8px;padding:6px 10px;display:flex}.color-picker{cursor:pointer;background:0 0;border:none;border-radius:4px;width:24px;height:24px;padding:0}.color-text{width:70px;color:var(--dark);background:0 0;border:none;font-family:monospace;font-size:12.5px}.ap-number{border:1.5px solid var(--gray);background:var(--bg);width:64px;color:var(--dark);text-align:center;border-radius:7px;padding:8px 10px;font-size:13px}.ap-text{border:1.5px solid var(--gray);background:var(--bg);color:var(--dark);border-radius:7px;width:100%;padding:8px 10px;font-size:13px}.toggle-wrap{cursor:pointer;color:var(--dark);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.toggle-list{flex-direction:column;gap:12px;display:flex}.toggle{background:var(--gray);cursor:pointer;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle.on{background:var(--gold)}.toggle-knob{background:var(--white);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle.on .toggle-knob{transform:translate(18px)}.preview-header{justify-content:space-between;align-items:center;display:flex}.preview-header h4{color:var(--dark);text-transform:uppercase;letter-spacing:.5px;font-size:12.5px;font-weight:700}.preview-toggle{border:1.5px solid var(--gray);border-radius:7px;display:flex;overflow:hidden}.preview-toggle button{background:var(--white);color:var(--gray-mid);border:none;align-items:center;padding:6px 10px;transition:all .15s;display:flex}.preview-toggle button.active{background:var(--gold);color:var(--white)}.preview-screen{flex:1;justify-content:center;align-items:center;display:flex}.preview-browser{background:var(--white);border:1.5px solid var(--gray);box-shadow:var(--shadow);border-radius:10px;width:100%;overflow:hidden}.preview-screen.mobile .preview-browser{max-width:160px}.preview-screen.desktop .preview-browser{max-width:280px}.browser-bar{background:var(--bg);border-bottom:1px solid var(--gray);align-items:center;gap:4px;padding:6px 10px;display:flex}.browser-dot{background:var(--gray);border-radius:50%;width:6px;height:6px}.browser-url{color:var(--gray-mid);background:var(--white);border:1px solid var(--gray);text-align:center;border-radius:3px;flex:1;margin-left:4px;padding:2px 6px;font-size:9px}.browser-body{min-height:160px;position:relative;overflow:hidden}.page-mock{flex-direction:column;gap:8px;padding:14px;display:flex}.page-hero{background:linear-gradient(135deg, var(--gray), #e8e8e8);border-radius:6px;height:60px}.page-line{background:var(--gray);border-radius:4px;height:8px}.page-line.short{width:60%}.widget-preview{flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute}.widget-preview.bottom-right{bottom:10px;right:10px}.widget-preview.bottom-left{bottom:10px;left:10px}.widget-preview.top-right{top:10px;right:10px}.widget-preview.top-left{top:10px;left:10px}.widget-avatar{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;box-shadow:0 3px 10px #0003}.widget-label{color:var(--dark);text-align:center;font-size:8px;font-weight:600}.aparencia-footer{border-top:1px solid var(--gray);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.stories-tab{flex-direction:column;gap:20px;display:flex}.stories-loading{color:var(--gray-mid);justify-content:center;align-items:center;gap:10px;padding:60px 20px;font-size:14px;display:flex}.spin-icon{color:var(--gold);animation:1s linear infinite spin-anim}@keyframes spin-anim{to{transform:rotate(360deg)}}.stories-error{background:var(--white);border-radius:var(--radius);color:#c0392b;border:1.5px solid #fde8e8;flex-direction:column;align-items:center;gap:14px;padding:50px 20px;font-size:14px;display:flex}.btn-retry{color:#e74c3c;cursor:pointer;background:0 0;border:1.5px solid #e74c3c;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .15s}.btn-retry:hover{color:#fff;background:#e74c3c}.thumb-video{color:#fff6;background:linear-gradient(135deg,#1a1a2e,#16213e)}.mode-switcher{gap:10px;display:flex}.mode-btn{background:var(--white);color:var(--gray-mid);border:2px solid #0000;border-color:var(--gray);border-radius:20px;align-items:center;gap:7px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.mode-btn.active{background:var(--gold);color:var(--white);border-color:var(--gold)}.mode-btn:not(.active):hover{border-color:var(--gold);color:var(--gold-dark)}.mode-btn.carrossel.active{border-color:var(--gold);color:var(--gold-dark);background:0 0}.stories-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-wrap{flex:1;min-width:200px;max-width:400px;position:relative}.search-icon{color:var(--gray-mid);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1.5px solid var(--gray);background:var(--white);width:100%;color:var(--dark);border-radius:8px;padding:10px 12px 10px 36px;font-size:13.5px;transition:border-color .15s}.search-input:focus{border-color:var(--gold)}.search-input::placeholder{color:var(--gray-mid)}.toolbar-actions{gap:10px;margin-left:auto;display:flex}.btn-add{background:var(--gold);color:var(--white);border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:background .15s;display:flex}.btn-add:hover{background:var(--gold-dark)}.btn-appearance{background:var(--white);color:var(--dark);border:1.5px solid var(--gray);border-radius:8px;align-items:center;gap:7px;padding:10px 16px;font-size:13.5px;font-weight:500;transition:border-color .15s;display:flex}.btn-appearance:hover{border-color:var(--gold)}.stories-list{flex-direction:column;gap:10px;display:flex}.empty-state{color:var(--gray-mid);background:var(--white);border-radius:var(--radius);border:1.5px dashed var(--gray);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.story-card{background:var(--white);border:1.5px solid var(--gray);border-radius:var(--radius);align-items:center;gap:16px;padding:14px 18px;transition:border-color .15s,box-shadow .15s;display:flex}.story-card:hover{border-color:var(--gold-light);box-shadow:var(--shadow)}.story-thumb{background:var(--bg);border:1px solid var(--gray);border-radius:8px;flex-shrink:0;width:56px;height:56px;overflow:hidden}.story-thumb img{object-fit:cover;width:100%;height:100%}.thumb-placeholder{width:100%;height:100%;color:var(--gold);background:linear-gradient(135deg,#f0d98a22,#c9a84c22);justify-content:center;align-items:center;display:flex}.story-info{flex:1;min-width:0}.story-title{color:var(--dark);margin-bottom:4px;font-size:15px;font-weight:600}.story-page{color:var(--gray-mid);margin-bottom:2px;font-size:12.5px}.story-cta{color:var(--gray-mid);font-size:12px}.story-actions{flex-shrink:0;gap:8px;display:flex}.action-btn{border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:opacity .15s,transform .1s;display:flex}.action-btn:hover{opacity:.85;transform:scale(1.05)}.action-btn.edit{background:var(--gold);color:var(--white)}.action-btn.delete{color:var(--white);background:#e74c3c}.pagination{flex-wrap:wrap;align-items:center;gap:12px;padding:4px 0;display:flex}.page-info,.go-to{color:var(--gray-mid);font-size:13px}.page-input{border:1.5px solid var(--gray);text-align:center;width:54px;color:var(--dark);border-radius:6px;padding:6px 8px;font-size:13px}.page-controls{gap:4px;display:flex}.page-btn{border:1.5px solid var(--gray);background:var(--white);width:30px;height:30px;color:var(--gray-mid);border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:flex}.page-btn:not(:disabled):hover{border-color:var(--gold);color:var(--gold)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.per-page-select{border:1.5px solid var(--gray);background:var(--white);color:var(--dark);cursor:pointer;border-radius:6px;padding:7px 10px;font-size:13px}.midias-tab{flex-direction:column;gap:20px;display:flex}.upload-zone{border:2px dashed var(--gray);background:var(--white);cursor:pointer;border-radius:12px;transition:border-color .15s,background .15s}.upload-zone.dragging{border-color:var(--gold);background:#c9a84c0a}.upload-zone-inner{flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.upload-cloud{width:64px;height:64px;color:var(--gold);background:#c9a84c1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.upload-title{color:var(--dark);font-size:16px;font-weight:600}.upload-sub{color:var(--gray-mid);font-size:13px}.btn-select-file{border:1.5px solid var(--gold);color:var(--gold-dark);background:0 0;border-radius:8px;align-items:center;gap:8px;margin:4px 0;padding:10px 22px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.btn-select-file:hover{background:var(--gold);color:var(--white)}.upload-info{color:var(--gray-mid);text-align:center;font-size:12px;line-height:1.7}.midias-header{justify-content:space-between;align-items:center;display:flex}.midias-header h3{color:var(--dark);font-size:15px;font-weight:600}.midias-count{color:var(--gray-mid);background:var(--bg);border:1px solid var(--gray);border-radius:20px;padding:3px 10px;font-size:12.5px}.video-grid{flex-direction:column;gap:10px;display:flex}.video-card{background:var(--white);border:1.5px solid var(--gray);border-radius:var(--radius);align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.video-card:hover{border-color:var(--gold-light);box-shadow:var(--shadow)}.video-thumb{color:#ffffff4d;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:48px;display:flex;position:relative;overflow:hidden}.processing-overlay{color:var(--white);background:#c9a84cd9;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.processing-overlay span{font-size:9px;font-weight:600}.video-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.video-name{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.video-details{color:var(--gray-mid);align-items:center;gap:6px;font-size:12px;display:flex}.dot{opacity:.4}.video-status{align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.video-actions{flex-shrink:0}.video-del{border:1.5px solid var(--gray);background:var(--white);color:#e74c3c;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.video-del:hover{color:var(--white);background:#e74c3c;border-color:#e74c3c}.storage-info{color:var(--gray-mid);background:var(--white);border:1px solid var(--gray);border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:12.5px;display:flex}.storage-bar{background:var(--bg);border-radius:3px;flex:1;height:6px;overflow:hidden}.storage-fill{background:var(--gold);border-radius:3px;height:100%}.dashboard-tab{flex-direction:column;gap:20px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card{background:var(--white);border-radius:var(--radius);border:1.5px solid var(--gray);align-items:center;gap:14px;padding:18px;transition:box-shadow .15s;display:flex}.stat-card:hover{box-shadow:var(--shadow)}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-gold .stat-icon{color:var(--gold);background:#c9a84c1f}.stat-blue .stat-icon{color:#4a90e2;background:#4a90e21f}.stat-green .stat-icon{color:#27ae60;background:#27ae601f}.stat-purple .stat-icon{color:#8e44ad;background:#8e44ad1f}.stat-info{flex-direction:column;gap:2px;display:flex}.stat-value{color:var(--dark);font-size:24px;font-weight:700;line-height:1}.stat-label{color:var(--gray-mid);font-size:12px;font-weight:500}.stat-sub{color:var(--gray-mid);font-size:11px}.dash-row{grid-template-columns:1.4fr 1fr;gap:14px;display:grid}.chart-card,.recent-card,.audience-card{background:var(--white);border-radius:var(--radius);border:1.5px solid var(--gray);padding:20px}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-header h3{color:var(--dark);font-size:14px;font-weight:600}.card-badge{color:#27ae60;background:#27ae601a;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.bar-chart{align-items:flex-end;gap:10px;height:140px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bar-fill{background:linear-gradient(180deg, var(--gold), var(--gold-dark));cursor:pointer;border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .3s}.bar-fill:hover{filter:brightness(1.1)}.bar-label{color:var(--gray-mid);font-size:11px;font-weight:500}.recent-table{border-collapse:collapse;width:100%;font-size:13px}.recent-table th{text-align:left;color:var(--gray-mid);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray);padding-bottom:10px;font-size:11px;font-weight:600}.recent-table td{border-bottom:1px solid var(--bg);vertical-align:middle;padding:10px 0}.recent-table tr:last-child td{border-bottom:none}.td-title{color:var(--dark);font-size:13px;font-weight:500}.chip{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.chip-blue{color:#4a90e2;background:#4a90e21a}.chip-green{color:#27ae60;background:#27ae601a}.td-date{color:var(--gray-mid);align-items:center;gap:5px;font-size:12px;display:flex}.audience-stats{flex-direction:column;gap:14px;display:flex}.audience-item{align-items:center;gap:12px;display:flex}.aud-label{color:var(--dark);flex-shrink:0;width:60px;font-size:13px;font-weight:500}.progress-bar{background:var(--bg);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .4s}.aud-pct{color:var(--dark);text-align:right;width:36px;font-size:13px;font-weight:600}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dash-row{grid-template-columns:1fr}}.integracao-tab{flex-direction:column;gap:20px;display:flex}.integ-card{background:var(--white);border:1.5px solid var(--gray);border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex}.integ-card-header{align-items:center;gap:14px;display:flex}.integ-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.integ-icon.nuvem{color:#4a90e2;background:#4a90e21f}.integ-icon.cf{color:#f79c00;background:#f79c001f}.integ-card-header h3{color:var(--dark);margin-bottom:2px;font-size:15px;font-weight:700}.integ-card-header p{color:var(--gray-mid);font-size:12.5px}.status-badge{border-radius:20px;flex-shrink:0;align-items:center;gap:5px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.status-badge.ok{color:#27ae60;background:#27ae601a}.status-badge.error{color:#e74c3c;background:#e74c3c1a}.integ-fields{flex-direction:column;gap:14px;display:flex}.integ-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.integ-field{flex-direction:column;gap:6px;display:flex}.integ-field label{color:var(--dark);font-size:13px;font-weight:600}.integ-field input{border:1.5px solid var(--gray);color:var(--dark);background:var(--bg);border-radius:8px;width:100%;padding:10px 12px;font-size:13.5px;transition:border-color .15s}.integ-field input:focus{border-color:var(--gold);background:var(--white);outline:none}.integ-field input::placeholder{color:var(--gray-mid)}.input-secret{position:relative}.input-secret input{padding-right:40px}.input-secret>button{color:var(--gray-mid);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.input-secret>button:hover{color:var(--dark)}.integ-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.integ-link{color:var(--gold-dark);align-items:center;gap:5px;font-size:12.5px;font-weight:500;text-decoration:none;display:flex}.integ-link:hover{text-decoration:underline}.integ-btns{gap:10px;display:flex}.btn-test{border:1.5px solid var(--gray);background:var(--white);color:var(--dark);border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:500;transition:border-color .15s;display:flex}.btn-test:hover:not(:disabled){border-color:var(--gold)}.btn-test:disabled{opacity:.6;cursor:not-allowed}.btn-save-integ{background:var(--gold);color:var(--white);border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.btn-save-integ:hover{background:var(--gold-dark)}.integ-code-box{background:var(--bg);border:1px solid var(--gray);border-radius:8px;padding:16px}.integ-code-label{color:var(--gray-mid);margin-bottom:10px;font-size:12px;font-weight:500}.integ-code{background:var(--dark);border-radius:6px;align-items:center;gap:10px;padding:12px 14px;display:flex}.integ-code code{color:var(--gold-light);word-break:break-all;flex:1;font-family:Courier New,monospace;font-size:12px}.btn-copy{color:var(--white);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;transition:background .15s}.btn-copy:hover{background:#fff3}.status-badge-wrap{margin-left:auto}.status-badge.loading{color:var(--gray-mid);background:#6464641a}.btn-icon-refresh{color:var(--gray-mid);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.btn-icon-refresh:hover:not(:disabled){color:var(--dark);background:var(--bg)}.btn-icon-refresh:disabled{opacity:.4;cursor:not-allowed}.store-info{background:var(--bg);border:1px solid var(--gray);border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.store-info-row{color:var(--dark);align-items:center;gap:8px;display:flex}.store-name{font-size:14px;font-weight:600}.integ-link-inline{color:var(--gold-dark);align-items:center;display:flex}.store-meta{color:var(--gray-mid);gap:16px;font-size:12px;display:flex}.integ-alert{border-radius:8px;align-items:flex-start;gap:9px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.integ-alert.error{color:#c0392b;background:#e74c3c14;border:1px solid #e74c3c33}.integ-alert.warning{color:#b7770d;background:#f39c1214;border:1px solid #f39c1233}.integ-alert.info{color:#2471a3;background:#4a90e214;border:1px solid #4a90e233}.integ-alert code{background:#00000014;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:12px}.widget-install-section{flex-direction:column;gap:12px;display:flex}.widget-install-header{align-items:center;gap:10px;display:flex}.section-label{color:var(--dark);font-size:13px;font-weight:600}.tag-status{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;display:flex}.tag-status.installed{color:#27ae60;background:#27ae601a}.tag-status.not-installed,.tag-status.loading{color:var(--gray-mid);background:#64646414}.installed-tag{background:var(--bg);border:1px solid var(--gray);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.tag-url{color:var(--gray-mid);word-break:break-all;flex:1;font-family:monospace;font-size:12px}.btn-remove-tag{color:#c0392b;background:#e74c3c0f;border:1px solid #e74c3c4d;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.btn-remove-tag:hover:not(:disabled){background:#e74c3c1f}.install-options{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn-install-tag{background:var(--gold);color:var(--white);border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 20px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.btn-install-tag:hover:not(:disabled){background:var(--gold-dark)}.btn-install-tag:disabled{opacity:.6;cursor:not-allowed}.install-or{color:var(--gray-mid);font-size:12.5px}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.widget-preview-tab{flex-direction:column;gap:24px;display:flex}.wp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.wp-header h2{color:var(--dark);margin-bottom:4px;font-size:17px;font-weight:700}.wp-header p{color:var(--gray-mid);font-size:13px}.wp-actions{align-items:center;gap:10px;display:flex}.device-toggle{border:1.5px solid var(--gray);border-radius:8px;display:flex;overflow:hidden}.device-toggle button{background:var(--white);color:var(--gray-mid);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.device-toggle button.active{background:var(--gold);color:var(--white)}.btn-refresh{border:1.5px solid var(--gray);background:var(--white);width:36px;height:36px;color:var(--gray-mid);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-refresh:hover{border-color:var(--gold);color:var(--gold)}.btn-open-demo{border:1.5px solid var(--gold);color:var(--gold-dark);background:0 0;border-radius:8px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.btn-open-demo:hover{background:var(--gold);color:var(--white);text-decoration:none}.wp-frame-wrap{background:var(--white);border:1.5px solid var(--gray);border-radius:12px;justify-content:center;padding:24px;display:flex}.wp-device-chrome{border:6px solid var(--dark);background:var(--dark);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000040}.wp-frame-wrap.mobile .wp-device-chrome{width:340px}.wp-frame-wrap.desktop .wp-device-chrome{border-radius:10px;width:100%;max-width:900px}.mobile-notch{background:var(--dark);justify-content:center;align-items:center;height:24px;display:flex}.mobile-notch:after{content:"";background:#000;border-radius:0 0 12px 12px;width:80px;height:14px}.mobile-home-bar{background:var(--dark);justify-content:center;align-items:center;height:20px;display:flex}.mobile-home-bar:after{content:"";background:#ffffff4d;border-radius:2px;width:100px;height:4px}.wp-browser-bar{background:#1a1a1a;align-items:center;gap:10px;padding:8px 12px;display:flex}.wp-dots{gap:5px;display:flex}.wp-dots span{background:#fff3;border-radius:50%;width:8px;height:8px}.wp-dots span:first-child{background:#ff5f57}.wp-dots span:nth-child(2){background:#febc2e}.wp-dots span:nth-child(3){background:#28c840}.wp-url-bar{color:#ffffff80;text-align:center;background:#ffffff14;border-radius:5px;flex:1;padding:5px 10px;font-size:11px}.wp-iframe{background:#fff;border:none;display:block}.wp-frame-wrap.mobile .wp-iframe{width:100%;height:600px}.wp-frame-wrap.desktop .wp-iframe{width:100%;height:520px}.wp-embed-section{background:var(--white);border:1.5px solid var(--gray);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.embed-header{color:var(--dark);align-items:center;gap:10px;display:flex}.embed-header h3{flex:1;font-size:15px;font-weight:700}.embed-badge{color:#4a90e2;background:#4a90e21a;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.embed-desc{color:var(--gray-mid);font-size:13px;line-height:1.6}.embed-desc code{background:var(--bg);border:1px solid var(--gray);color:var(--dark);border-radius:4px;padding:1px 5px;font-family:monospace;font-size:12px}.embed-code-block{background:#1a1a2e;border-radius:10px;position:relative;overflow:hidden}.embed-code-block pre{padding:20px;overflow-x:auto}.embed-code-block code{color:#a0cfff;white-space:pre;font-family:Courier New,monospace;font-size:12.5px;line-height:1.7}.embed-copy{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:background .15s;position:absolute;top:12px;right:12px}.embed-copy:hover{background:#fff3}.install-steps{background:var(--bg);border-radius:8px;padding:18px 20px}.install-steps h4{color:var(--dark);margin-bottom:12px;font-size:13px;font-weight:700}.install-steps ol{flex-direction:column;gap:8px;padding-left:20px;display:flex}.install-steps li{color:var(--gray-mid);font-size:13px;line-height:1.5}.install-steps li strong{color:var(--dark)}.install-steps code{background:var(--white);border:1px solid var(--gray);color:var(--dark);border-radius:4px;padding:1px 5px;font-family:monospace;font-size:11.5px}.produtos-tab{flex-direction:column;gap:20px;padding:24px;display:flex}.produtos-header{justify-content:space-between;align-items:flex-start;display:flex}.produtos-header h2{color:var(--dark);margin-bottom:4px;font-size:18px;font-weight:700}.produtos-header p{color:#888;font-size:13px}.btn-refresh-produtos{border:1px solid var(--gray);cursor:pointer;color:#666;background:0 0;border-radius:8px;align-items:center;padding:8px;transition:color .15s,border-color .15s;display:flex}.btn-refresh-produtos:hover{color:var(--gold);border-color:var(--gold)}.produtos-search-wrap{position:relative}.produtos-search-icon{color:#aaa;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.produtos-search{border:1px solid var(--gray);background:var(--white);width:100%;color:var(--dark);border-radius:8px;outline:none;padding:10px 14px 10px 36px;font-size:14px;transition:border-color .15s}.produtos-search:focus{border-color:var(--gold)}.produtos-error{color:#c0392b;background:#fff5f5;border:1px solid #fcc;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;font-size:13px;display:flex}.produtos-error button{color:#e74c3c;cursor:pointer;background:0 0;border:1px solid #e74c3c;border-radius:6px;margin-left:auto;padding:4px 12px;font-size:12px}.produtos-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.produto-card{background:var(--white);border:1px solid var(--gray);cursor:pointer;border-radius:10px;transition:box-shadow .15s,border-color .15s;overflow:hidden}.produto-card:hover{border-color:var(--gold);box-shadow:0 4px 16px #00000014}.produto-img{aspect-ratio:1;color:#ccc;background:#f5f5f5;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.produto-img img{object-fit:cover;width:100%;height:100%}.produto-info{padding:12px}.produto-name{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;font-weight:600;overflow:hidden}.produto-price{color:var(--gold);font-size:14px;font-weight:700}.produto-stock{color:#999;margin-top:3px;font-size:11px}.skeleton .skeleton-box{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;height:12px;margin-bottom:8px;animation:1.4s infinite shimmer}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.produtos-empty{text-align:center;color:#bbb;flex-direction:column;align-items:center;gap:12px;padding:60px 0;font-size:14px;display:flex}.produtos-load-more{justify-content:center;padding:8px 0;display:flex}.produtos-load-more button{border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;border-radius:8px;padding:10px 28px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.produtos-load-more button:hover{background:var(--gold);color:#fff}.coming-soon{color:var(--gray-mid);background:var(--white);border-radius:var(--radius);border:1.5px dashed var(--gray);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:80px 20px;display:flex}.coming-soon-icon{color:var(--gold);opacity:.7}.coming-soon h3{color:var(--dark);font-size:18px;font-weight:600}.coming-soon p{color:var(--gray-mid);font-size:14px}.main-panel{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.panel-content{flex-direction:column;flex:1;padding:0 28px 28px;display:flex}.tabs-bar{border-bottom:2px solid var(--gray);scrollbar-width:none;gap:0;margin-bottom:24px;display:flex;overflow-x:auto}.tabs-bar::-webkit-scrollbar{display:none}.tab-btn{color:var(--gray-mid);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 18px;font-size:13.5px;font-weight:500;transition:color .15s}.tab-btn:hover{color:var(--dark)}.tab-btn.active{color:var(--dark);border-bottom-color:var(--gold);font-weight:600}.tab-content{flex:1}.tab-new{background:var(--gold);color:#fff;letter-spacing:.3px;vertical-align:middle;border-radius:4px;margin-left:6px;padding:2px 5px;font-size:9px;font-weight:800;display:inline-block}.app-layout{width:100%;min-height:100vh;display:flex}