*{box-sizing:border-box;margin:0;padding:0}body{background-color:#d3d3d3;justify-content:center;align-items:center;height:100vh;font-family:Arial,sans-serif}h1{color:#000;margin-bottom:20px;font-size:2em;font-weight:700}h2{font-size:1.5em;font-weight:700}h3{font-size:1.17em;font-weight:700}p{margin-bottom:1em}.login-container{text-align:center;background-color:#fff;border-top:5px solid red;border-radius:8px;width:300px;margin:auto;padding:40px;box-shadow:0 4px 6px #0000001a}input{border:1px solid #ccc;border-radius:4px;width:100%;margin:10px 0;padding:10px}button{color:#fff;cursor:pointer;background-color:red;border:none;border-radius:4px;width:100%;margin-top:10px;padding:10px;font-weight:700}button:hover{background-color:#c00}.admin-nav{background:#000;justify-content:center;align-items:center;gap:20px;width:100%;padding:15px;display:flex}.admin-nav a,.admin-nav button{color:#fff;cursor:pointer;background:0 0;border:none;margin:0 15px;font-weight:700;text-decoration:none}.admin-nav form{display:inline}.admin-content{background-color:#f4f4f4;justify-content:center;min-height:calc(100vh - 60px);display:flex}.admin-wrapper{min-height:calc(100vh - 60px);display:flex}.sidebar-left{background:#fff;border-right:1px solid #ddd;width:250px;padding:20px}.main-right{background:#f4f4f4;flex:1;padding:20px}.dropdown{width:100%;position:relative}.dropdown-menu{background:#fff;border:1px solid #ddd;width:100%;display:none;position:absolute;top:100%;left:0}.dropdown-menu a{color:#333;padding:10px;text-decoration:none;display:block}.btn-crear{color:#fff;cursor:pointer;background:#f53003;border:none;border-radius:4px;width:100%;padding:12px;font-weight:700}.dashboard-wrapper{align-items:flex-start;gap:30px;width:100%;max-width:1500px;margin:0;padding:30px;display:flex}.dashboard-sidebar{flex-shrink:0;width:220px}.dashboard-main-area{flex-grow:1}.btn-new-campaign{color:#fff;cursor:pointer;text-align:center;background-color:#f53003;border:none;border-radius:6px;width:100%;padding:12px;font-weight:700}.btn-new-campaign:hover{background-color:#d42a02}.dropdown-content{z-index:100;background-color:#fff;border:1px solid #ddd;border-radius:4px;min-width:100%;display:none;position:absolute;top:50px;left:0;box-shadow:0 8px 16px #0000001a}.dropdown-content a{color:#333;padding:12px;font-size:14px;text-decoration:none;display:block}.dropdown-content a:hover{color:#f53003;background-color:#f8f8f8}.table-container{background:#fff;border-radius:8px;min-height:400px;padding:25px;box-shadow:0 2px 10px #0000000d}.campañas-table{border-collapse:collapse;width:100%;margin-top:20px}.campañas-table th{text-align:left;color:#666;border-bottom:2px solid #eee;padding:12px}.text-placeholder{color:#999;font-style:italic}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-box{background:#fff;border-radius:8px;width:500px;overflow:hidden;box-shadow:0 10px 25px #0003}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.close-modal{cursor:pointer;color:#999;font-size:20px}.modal-form{padding:20px}.form-group{margin-bottom:15px}.form-group label{color:#333;margin-bottom:5px;font-size:13px;font-weight:700;display:block}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:4px;width:100%;padding:10px;font-size:14px}.modal-footer{background:#f9f9f9;justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}.btn-cancel{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:20px;padding:8px 20px}.btn-create{color:#666;cursor:pointer;background:#e3e3e0;border:none;border-radius:20px;padding:8px 20px;font-weight:700}.btn-create.active{color:#fff;background:#f53003}body.editor-mode{height:100vh;font-family:DM Sans,Inter,-apple-system,sans-serif;overflow:hidden}.editor-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.editor-sidebar{color:#fff;background:#1a1f2e;flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow:hidden}.sidebar-logo{color:#f43f04;letter-spacing:.12em;border-bottom:1px solid #252b3a;flex-shrink:0;padding:16px 18px 14px;font-size:14px;font-weight:700}.sidebar-back{color:#6b7280;border-bottom:1px solid #252b3a;flex-shrink:0;align-items:center;gap:7px;padding:10px 18px;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.sidebar-back:hover{color:#c9cdd6}.sidebar-nav-item{color:#7d8696;flex-shrink:0;align-items:center;gap:8px;padding:9px 18px;font-size:12.5px;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-nav-item:hover{color:#e5e7eb;background:#252b3a}.sidebar-divider{border:0;border-top:1px solid #252b3a;flex-shrink:0;margin:5px 0}.sidebar-section-title{color:#3d4455;text-transform:uppercase;letter-spacing:.09em;flex-shrink:0;padding:10px 18px 6px;font-size:10px;font-weight:700}.sidebar-images-area{flex:1;padding:0 12px 14px;overflow-y:auto}.sidebar-images-area::-webkit-scrollbar{width:3px}.sidebar-images-area::-webkit-scrollbar-track{background:0 0}.sidebar-images-area::-webkit-scrollbar-thumb{background:#2f3748;border-radius:2px}.btn-upload{color:#6b7280;cursor:pointer;background:#252b3a;border:1px dashed #3a4155;border-radius:5px;justify-content:center;align-items:center;gap:5px;width:100%;margin-bottom:10px;padding:7px 0;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.btn-upload:hover{color:#c9cdd6;background:#2f3748;border-color:#4b5468}.image-card{background:#252b3a;border:1px solid #2f3748;border-radius:5px;margin-bottom:6px;transition:border-color .15s;overflow:hidden}.image-card:hover{border-color:#3d4a60}.image-card img{width:100%;display:block}.image-card-footer{align-items:center;gap:5px;padding:5px 7px;display:flex}.image-card-name{color:#5a6278;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.btn-copy{color:#3d4455;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px 4px;font-size:12px;transition:color .15s}.btn-copy:hover{color:#f43f04}.sidebar-empty{text-align:center;color:#3d4455;padding:22px 0 10px;font-size:12px;line-height:1.7}.editor-pane{background:#fff;border-right:1px solid #e0ddd8;flex-direction:column;flex:1;min-width:0;display:flex}.pane-topbar{background:#faf9f7;border-bottom:1px solid #e8e6e2;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 14px;display:flex}.pane-label{color:#b0aca5;text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;font-weight:700}#html-code{resize:none;color:#2c3142;tab-size:2;background:#fff;border:none;outline:none;flex:1;padding:16px 18px;font-family:Fira Code,DM Mono,Courier New,monospace;font-size:12.5px;line-height:1.7}.preview-pane{background:#f0eeeb;flex-direction:column;flex:1;min-width:0;display:flex}.preview-topbar{background:#faf9f7;border-bottom:1px solid #e0ddd8;flex-shrink:0;align-items:center;gap:6px;height:44px;padding:0 14px;display:flex}.btn-refresh{color:#fff;cursor:pointer;background:#2e7d4f;border:none;border-radius:5px;align-items:center;gap:6px;padding:5px 13px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s}.btn-refresh:hover{background:#245f3d}.toolbar-sep{background:#e0ddd8;flex-shrink:0;width:1px;height:20px;margin:0 2px}.btn-view{color:#7a776f;cursor:pointer;background:#fff;border:1px solid #e0ddd8;border-radius:5px;align-items:center;gap:4px;padding:5px 11px;font-family:inherit;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.btn-view:hover{color:#2c2a26;background:#faf9f7}.btn-view.is-active{color:#1a1a1a;background:#f0eeeb;border-color:#ccc9c3;font-weight:700}.settings-panel{background:#fff;border:1px solid #e0ddd8;border-radius:7px;flex-shrink:0;margin:12px 14px 0;overflow:hidden}.settings-panel-header{background:#faf9f7;border-bottom:1px solid #f0eeeb;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.settings-panel-header span{color:#9a9790;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.settings-body{padding:10px 12px 12px}.settings-grid-2{grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:10px;display:grid}.field-group{flex-direction:column;gap:3px;display:flex}.field-group label{color:#b0aca5;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.field-group input{color:#1a1a1a;background:#faf9f7;border:1px solid #e0ddd8;border-radius:5px;padding:6px 9px;font-family:inherit;font-size:12px;transition:border-color .15s,background .15s}.field-group input:focus{background:#fff;border-color:#2e7d4f;outline:none}.settings-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.btn-action-outline{color:#4a4845;cursor:pointer;background:#fff;border:1px solid #d4d1cc;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:7px 0;font-family:inherit;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.btn-action-outline:hover{color:#1a1a1a;background:#faf9f7;border-color:#aaa}.btn-action-dark{color:#fff;cursor:pointer;background:#1a1f2e;border:none;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:7px 0;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s;display:flex}.btn-action-dark:hover{background:#f43f04}.btn-save-code{color:#fff;cursor:pointer;background:#f43f04;border:none;border-radius:5px;align-items:center;gap:5px;padding:5px 13px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.btn-save-code:hover{background:#d13603}#preview-iframe{background:#fff;border:1px solid #e0ddd8;border-radius:6px;flex:1;width:calc(100% - 28px);margin:12px 14px 14px;transition:width .25s;display:block}#ace-editor{border:none;flex:1}.ace_scrollbar{width:8px!important}.btn-view.btn-icon{justify-content:center;gap:0;width:32px;padding:6px 8px}.toolbar-sep{background:#e5e7eb;width:1px;height:20px;margin:0 4px}.analytics-container{background-color:#f6f6f7;min-height:100vh;padding:20px 40px}.tabs-nav{border-bottom:1px solid #d1d1d1;gap:0;width:100%;margin-bottom:25px;display:flex}.tab-link{text-align:center;color:#616161;white-space:nowrap;border-bottom:3px solid #0000;flex:1;padding:12px 10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.tab-link:hover{color:#1a1a1a;background-color:#f9fafb}.tab-link.active{color:#1a1a1a;border-bottom-color:#f53003}.shopify-grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.s-card{background:#fff;border-radius:8px;flex-direction:column;padding:20px;display:flex;box-shadow:0 1px 3px #0000001a}.s-card-header{justify-content:space-between;margin-bottom:15px;display:flex}.s-card-title{color:#1a1a1a;text-transform:none;font-size:13px;font-weight:600}.s-stat-value{color:#1a1a1a;margin-bottom:4px;font-size:20px;font-weight:700}.s-stat-delta{align-items:center;gap:4px;font-size:12px;display:flex}.delta-up{color:#008060}.delta-down{color:#d72c0d}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.chart-placeholder{color:#999;background:linear-gradient(#f9fafb 0%,#fff 100%);border:1px dashed #e1e3e5;border-radius:4px;flex-grow:1;justify-content:center;align-items:center;width:100%;min-height:150px;margin-top:10px;font-size:12px;display:flex}.s-list-item{border-bottom:1px solid #f1f1f1;justify-content:space-between;padding:10px 0;font-size:13px;display:flex}