*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--body-color:#f1f1f1}body{color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;background:var(--body-color)!important}.shopify-frame{flex-direction:column;min-height:100vh;display:flex}.sp-nav-container{background:#f1f1f1;flex-shrink:0;padding:10px 16px;box-shadow:0 0 10px #00000075}.sp-mobile-nav{justify-content:space-between;align-items:center;display:none}.sp-mobile-title{font-size:16px;font-weight:600}.sp-hamburger{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.sp-nav-menu{justify-content:space-between;align-items:center;width:100%;display:flex}.sp-nav-links{align-items:center;gap:8px;display:flex}.sp-nav-settings button{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;width:100%;display:flex}@media (width<=768px){.sp-mobile-nav{display:flex}.sp-nav-menu{flex-direction:column;align-items:flex-start;gap:12px;padding-top:12px;display:none}.sp-nav-menu.open{display:flex}.sp-nav-links{flex-direction:column;align-items:flex-start;width:100%}.sp-nav-link,.sp-nav-settings{width:100%}}.sp-nav-logo{color:#000;border-radius:8px;padding:6px 10px;font-size:15px;font-weight:700;text-decoration:none}.sp-nav-logo:hover{color:#fff;background:#ffffff1a}.sp-nav-link{color:#000;border-radius:8px;padding:6px 12px;font-size:13px;text-decoration:none;transition:background .15s,color .15s}.sp-nav-link:hover,.sp-nav-link.active{color:#000;background:#9b9b9b2d}.sp-page{width:100%;margin:0 auto;padding:24px 24px 48px}.sp-page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sp-page-title{color:#1a1a1a;font-size:20px;font-weight:600}.sp-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.sp-btn-primary{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.sp-btn-primary:hover{color:#fff;background:#333;border-color:#333}.sp-btn-secondary{color:#1a1a1a;background:#fff;border-color:#d1d5db}.sp-btn-secondary:hover{background:#f5f5f5}.sp-btn-danger{color:#d82c0d;background:0 0;border-color:#0000}.sp-btn-danger:hover{background:#fff4f4}.sp-card{background:#fff;border:1px solid #e1e3e5;border-radius:12px;overflow:hidden}.sp-filter-bar{border-bottom:1px solid #e1e3e5;align-items:center;gap:8px;padding:8px 12px;display:flex}.sp-filter-dropdown{color:#1a1a1a;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.sp-filter-dropdown:hover{background:#fff}.sp-search{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 24 24' stroke='%236d7175' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") 10px no-repeat;border:1px solid #0000;border-radius:8px;outline:none;flex:1;min-width:0;padding:6px 12px 6px 32px;font-size:13px;transition:background .15s,border-color .15s}.sp-search::placeholder{color:#6d7175}.sp-search:focus{background-color:#fff;border-color:#1a1a1a}.sp-filter-dropdown.dropdown-toggle:after{display:none}.sp-table{border-collapse:collapse;width:100%;font-size:13px}.sp-table thead tr{border-bottom:1px solid #e1e3e5}.sp-table th{text-align:left;color:#6d7175;white-space:nowrap;background:#f7f7f7;padding:10px 16px;font-size:12px;font-weight:600}.sp-table td{border-bottom:1px solid var(--body-color);vertical-align:middle;padding:0;position:relative}.sp-table tbody tr:last-child td{border-bottom:none}.sp-table tbody tr:hover td{background:#f9fafb}.sp-variant-row td{background:#fafafa}.sp-variant-row:hover td{background:#f3f4f6!important}.sp-cell{padding:10px 16px;display:block}.sp-badge{border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.sp-badge-active{color:#0a5c2e;background:#d4edda}.sp-badge-draft{color:#7d5a00;background:#fff3cd}.sp-badge-archived{background:var(--body-color);color:#6d7175}.sp-toggle{cursor:pointer;color:#6d7175;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:inline-flex}.sp-toggle:hover{color:#1a1a1a;background:#f1f1f1}.sp-pagination{color:#6d7175;border-top:1px solid #e1e3e5;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;display:flex}.sp-pagination-pages{gap:2px;display:flex}.sp-page-btn{cursor:pointer;color:#1a1a1a;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 6px;font-size:12px;text-decoration:none;transition:all .15s;display:inline-flex}.sp-page-btn:hover:not(:disabled){background:#e4e4e4}.sp-page-btn.active{color:#fff;background:#1a1a1a;font-weight:600}.sp-page-btn:disabled{color:#c4c4c4;cursor:default}.editable-cell{cursor:text;white-space:nowrap;width:100%;min-height:40px;padding:10px 16px;display:block}.editable-cell:hover{background-color:#f9fafb;outline:1px dashed #d1d5db}.editable-input,.editable-select{width:100%;height:100%;font-size:inherit;z-index:10;background:#fff;border:1px solid #1a1a1a;outline:none;padding:0 16px;font-family:inherit;position:absolute;inset:0}.status-cell{cursor:pointer;width:100%;min-height:40px;padding:10px 16px;display:block}.sp-table .dropdown button:after,.sp-table .dropdown:before{display:none!important}.dropdown-menu{animation:.15s ease-out fadeIn;border:1px solid #e1e3e5!important;border-radius:12px!important;min-width:150px!important;padding:6px!important;box-shadow:0 4px 20px #00000014!important}.dropdown-item{color:#1a1a1a!important;border-radius:6px!important;padding:8px 12px!important;font-size:13px!important;font-weight:500!important;transition:background-color .15s,color .15s!important}.dropdown-item:hover,.dropdown-item:focus{color:#1a1a1a!important;background-color:#f1f1f1!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sp-empty{text-align:center;color:#6d7175;padding:48px 16px;font-size:13px}.sInput input{padding:7px 12px}.card-div>div{border-radius:23px}.sp-layout-grid{grid-template-columns:1fr 280px;display:grid}.sp-form-grid{grid-template-columns:1fr 1fr;display:grid}.sp-form-grid-3{grid-template-columns:1fr 1fr 1fr;display:grid}@media (width<=768px){.sp-layout-grid,.sp-form-grid,.sp-form-grid-3{grid-template-columns:1fr}.sp-mobile-col-span-1{grid-column:1/-1!important}}