#merchantDashboard{margin-top:10px}.merchant-group{margin-bottom:-0px;margin-top:0}.merchant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.merchant-header h3{margin:0;font-size:20px;font-weight:700;color:#111827}.merchant-header button{border:none;background:none;color:#ff6b00;font-size:14px;font-weight:700;cursor:pointer}.merchant-slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}.merchant-slider::-webkit-scrollbar{display:none}.merchant-card{flex:0 0 285px;width:285px;background:#fff;border-radius:24px;overflow:hidden;scroll-snap-align:start;box-shadow:0 4px 14px #0000000f;cursor:pointer;transition:.25s}.merchant-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001f}.merchant-banner{position:relative;height:170px;background-size:cover;background-position:center}.merchant-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0000002e,#0000000f 28%,#0000 60%);pointer-events:none}.merchant-banner:after{display:none}.merchant-content{position:relative;padding:10px 14px 12px;background:#fff}.merchant-name{font-size:17px;font-weight:700;color:#111827;margin-bottom:8px}.merchant-loading,.merchant-error{padding:40px;text-align:center;color:#999}.merchant-empty-state{margin:16px 0;padding:20px 16px;border:1px dashed #ffd2b8;border-radius:21px;background:#fffaf7;text-align:center}.merchant-empty-state>div{width:46px;height:46px;display:grid;place-items:center;margin:auto;border-radius:15px;background:#fff0e7}.merchant-empty-state>div img{width:25px}.merchant-empty-state h3{margin-top:10px;color:#272e39;font-size:13px}.merchant-empty-state p{max-width:260px;margin:5px auto 0;color:#8a929e;font-size:9px;line-height:1.5}.merchant-logo{width:64px;height:64px;border-radius:50%;overflow:hidden;background:#e53935;border:4px solid #fff;margin-top:-46px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.merchant-logo img{width:100%;height:100%;object-fit:cover}.merchant-logo-placeholder{width:100%;height:100%;background:#d32f2f;display:flex;align-items:center;justify-content:center}.merchant-logo-placeholder span{background:#ffffff2e;color:#fff;padding:3px 8px;border-radius:999px;font-size:5px;font-weight:600;line-height:1;max-width:56px;white-space:nowrap;overflow:hidden;text-overflow:clip}.merchant-status{position:absolute;top:12px;right:12px;z-index:2;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#fff}.merchant-status.open{background:#22c55e}.merchant-status{position:absolute;top:14px;right:14px;z-index:2;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;background:#fff;color:#111}.merchant-name{margin-top:12px;font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merchant-meta{margin-top:6px;color:#666;font-size:14px}.merchant-info{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:12px;color:#666}.merchant-info div{display:flex;align-items:center;gap:4px}.merchant-info img{width:13px;height:13px;opacity:.7}.merchant-banner-wrap{position:relative}.merchant-banner{width:100%;height:180px;object-fit:cover;display:block}.merchant-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px;background:linear-gradient(to bottom,#00000040,#0000 35%,#000000a6)}.merchant-top{display:flex;justify-content:space-between;align-items:flex-start}.merchant-status{display:flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.merchant-status img{width:11px;height:11px;filter:brightness(0) invert(1)}.merchant-status.open{background:#14b84ce0;color:#fff}.merchant-status.closed{background:#5a5a5ae0;color:#fff}.merchant-distance{display:flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:999px;background:#ffffffeb;font-size:10px;font-weight:700;color:#111}.merchant-distance img{width:11px;height:11px}.merchant-bottom{color:#fff}.merchant-title{font-size:22px;font-weight:800;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.35)}.merchant-subtitle{margin-top:6px;font-size:13px;font-weight:500;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.35)}.merchant-card.compact-merchant-card{flex:0 0 285px;width:285px;max-width:calc(100vw - 58px);overflow:hidden;border:1px solid #eee8e3;border-radius:19px;background:#fff;box-shadow:0 8px 24px #2a231e13;scroll-snap-align:start;cursor:pointer;transform:none}.compact-merchant-photo{position:relative;width:100%;height:116px;overflow:hidden;background:#eee}.compact-merchant-photo>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.compact-merchant-card:active .compact-merchant-photo>img{transform:scale(1.025)}.compact-rating{position:absolute;right:9px;bottom:8px;height:24px;padding:0 8px;display:flex;align-items:center;gap:4px;border-radius:9px;background:#191c22e6;color:#fff;font-size:8px;font-weight:900;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.compact-rating img{width:11px!important;height:11px!important}.compact-closed{position:absolute;inset:0;display:grid;place-items:center;background:#191c223d;color:#fff;font-size:9px;font-weight:900}.compact-closed:after{content:"Toko tutup";padding:6px 9px;border-radius:8px;background:#191c22d1}.compact-closed{font-size:0}.compact-merchant-copy{padding:10px 11px 9px;background:#fff}.compact-title-row{display:flex;align-items:center;gap:8px}.compact-title-row>div{min-width:0;flex:1}.compact-title-row h3{margin:0;color:#252932;font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-title-row p{margin:3px 0 0;color:#9297a1;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-logo{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;overflow:hidden;border:1px solid #f0e8e2;border-radius:10px;background:#fff2e9;color:#f36b36;font-size:10px;font-weight:900}.compact-logo>img,.compact-logo .merchant-logo-placeholder{width:100%;height:100%;object-fit:cover;border:0;border-radius:0;margin:0}.compact-logo .merchant-logo-placeholder span{padding:0;color:#f36b36;background:none;font-size:9px}.compact-meta{display:flex;align-items:center;gap:7px;margin-top:9px}.compact-meta>span{height:27px;padding:0 8px;display:flex;align-items:center;gap:5px;border-radius:9px;background:#f7f6f5;color:#535964;font-size:7px;font-weight:800}.compact-meta img{width:12px!important;height:12px!important}.compact-meta i{width:1px;height:10px;background:#d5d8dc}.compact-meta small{margin-left:auto;color:#959aa3;font-size:7px;font-weight:700}.compact-plus{min-height:34px;padding:7px 10px;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(100deg,#d45b25,#f47635 60%,#ffa15f);color:#fff;font-size:8px;font-weight:850}.compact-plus img{width:13px!important;height:13px!important}.compact-logo-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#ef4444,#f97316);color:#fff;font-size:12px;font-weight:900}.compact-store-status{position:absolute;left:9px;bottom:8px;z-index:3;height:24px;padding:0 8px;display:flex;align-items:center;border-radius:9px;background:#16a34aeb;color:#fff;font-size:7px;font-weight:900;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.merchant-closed .compact-store-status{background:#202020db}.merchant-closed .compact-merchant-photo>img{filter:grayscale(1);transform:scale(1.01);opacity:.72}.merchant-closed .compact-logo{filter:grayscale(1);opacity:.72}.merchant-closed .compact-plus{filter:grayscale(1);background:#777}.merchant-closed .compact-closed{background:#14141429}.compact-merchant-card{transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.compact-merchant-card:hover{transform:translateY(-3px);box-shadow:0 12px 29px #2a231e1f}.merchant-open .compact-store-status:before{content:"";width:5px;height:5px;margin-right:5px;border-radius:50%;background:#fff;animation:merchantPulse 1.7s ease-in-out infinite}@keyframes merchantPulse{50%{opacity:.35;transform:scale(.72)}}