.umkm-header{background:linear-gradient(135deg,#1a73e8,#1e2a38);padding:1.8rem 0 1rem;color:#fff}.umkm-header .breadcrumb a{color:#ffffffb3;text-decoration:none;font-size:.8rem}.umkm-header .breadcrumb-item.active{color:#f39c12}.umkm-header h1{font-size:1.5rem;font-weight:800;margin:.3rem 0 .1rem}.umkm-header p{font-size:.85rem;opacity:.75;margin:0}.stat-row{display:flex;gap:.8rem;padding:1rem 0;flex-wrap:wrap}.stat-card{flex:1;min-width:140px;background:#fff;border-radius:20px;padding:.6rem .9rem;border:1px solid rgba(148,163,184,.25)!important;display:flex;align-items:center;gap:.6rem;box-shadow:0 4px 32px #00000012,0 1px 4px #0000000a}.stat-card .sc-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.stat-card .sc-val{font-size:1.3rem;font-weight:800;line-height:1}.stat-card .sc-lbl{font-size:.7rem;color:#6c757d}.filter-bar{background:#fff;padding:.7rem 1rem;border:1px solid rgba(148,163,184,.25)!important;border-radius:20px;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem;box-shadow:0 4px 32px #00000012,0 1px 4px #0000000a}.filter-bar select,.filter-bar input[type=search]{font-size:.8rem;padding:.4rem .6rem;border:1px solid #cbd5e0;border-radius:6px;background:#fff;outline:none}.filter-bar input[type=search]{min-width:200px;flex-shrink:1}.filter-bar .btn-filter{background:#1a73e8;color:#fff;border:none;padding:.4rem .9rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer}.filter-bar .btn-filter:hover{background:#1557b0}.view-toggle{margin-left:auto;display:flex;gap:.3rem}.view-toggle .vt-btn{padding:.35rem .6rem;border:1px solid #cbd5e0;background:#fff;color:#64748b;border-radius:6px;font-size:.75rem;cursor:pointer;font-weight:600}.view-toggle .vt-btn.active{background:#1a73e8;color:#fff;border-color:#1a73e8}.umkm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.umkm-card{background:#fff;border-radius:20px;border:1px solid rgba(148,163,184,.25)!important;overflow:hidden;box-shadow:0 4px 32px #00000012,0 1px 4px #0000000a;transition:box-shadow .3s ease,transform .3s ease}.umkm-card:hover{transform:translateY(-3px);box-shadow:0 8px 40px #0000001a,0 2px 8px #0000000f}.umkm-card-img{height:160px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);position:relative;overflow:hidden}.umkm-card-img img{width:100%;height:100%;object-fit:cover}.umkm-card-img .badge-skala{position:absolute;top:8px;left:8px;padding:.2rem .5rem;border-radius:4px;font-size:.65rem;font-weight:700;color:#fff}.umkm-card-img .badge-verified{position:absolute;top:8px;right:8px;background:#10b981;color:#fff;padding:.15rem .4rem;border-radius:4px;font-size:.6rem;font-weight:700}.umkm-card-body{padding:.8rem}.umkm-card-body h6{font-size:.88rem;font-weight:700;margin:0 0 .4rem;color:#1e2a38}.umkm-card-body h6 a{color:inherit;text-decoration:none}.umkm-card-body h6 a:hover{color:#1a73e8}.umkm-card-body .meta{font-size:.74rem;color:#64748b;display:flex;flex-direction:column;gap:.25rem}.umkm-card-body .meta-item{display:flex;align-items:center;gap:.4rem}.umkm-card-body .meta-item .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.umkm-card-body .tags{display:flex;gap:.3rem;margin-top:.5rem;flex-wrap:wrap}.umkm-card-body .tag{background:#f0f4ff;color:#1a73e8;padding:.15rem .45rem;border-radius:4px;font-size:.65rem;font-weight:600}.umkm-card-footer{padding:.5rem .8rem;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.umkm-card-footer .karyawan{font-size:.72rem;color:#64748b}.umkm-card-footer .btn-detail{font-size:.73rem;padding:.25rem .65rem;border-radius:5px;background:#1a73e8;color:#fff;text-decoration:none;font-weight:600}.umkm-card-footer .btn-detail:hover{background:#1557b0}#umkm-map-view{height:400px;border-radius:8px;border:2px dashed #28a745;background:#f0fff4;display:none}.empty-state{text-align:center;padding:3rem 1rem}.empty-state i{font-size:3rem;color:#cbd5e0;margin-bottom:.8rem}