.bbm-hero{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,119,230,.12);border-radius:14px;padding:16px 14px;margin-bottom:16px;position:relative;overflow:hidden}.bbm-content{position:relative;z-index:2}.bbm-eyebrow{font-size:10px;color:var(--wave);font-family:var(--mono);letter-spacing:.1em;margin-bottom:6px;font-weight:700}.bbm-title{font-family:var(--title-sans);font-size:20px;font-weight:800;margin-bottom:6px;line-height:1.2}.bbm-sub{font-size:12px;color:var(--muted);line-height:1.4}.tabs{display:flex;background:#fffffff2;border-bottom:1px solid var(--border);margin-bottom:16px;border-radius:10px 10px 0 0;overflow:hidden}.tab{padding:12px 14px;font-family:var(--title-sans);font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;transition:all .2s;flex:1;text-align:center}.tab.active{color:var(--wave);border-bottom-color:var(--wave)}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}.grid-kpi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.kpi-card{background:var(--ink);border:1px solid var(--border);border-radius:14px;padding:16px 14px;display:flex;flex-direction:column;gap:4px;transition:transform .2s}.kpi-card:hover{transform:translateY(-2px)}.kpi-label{font-size:9px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-family:var(--mono)}.kpi-value{font-size:18px;font-weight:800;color:var(--text);font-family:var(--title-sans)}.kpi-sub{font-size:10px;color:var(--muted)}.kpi-icon-wrap{margin-bottom:4px;color:var(--wave);display:flex;align-items:center}.filter-header{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);margin-bottom:12px;letter-spacing:.05em;font-family:var(--mono)}.filter-row{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}.filter-field{display:flex;flex-direction:column;gap:6px}.filter-field label{font-size:10px;font-weight:700;color:var(--text);text-transform:uppercase;font-family:var(--mono)}.filter-control{width:100%;padding:9px 12px;background:var(--ink2);border:1.5px solid var(--border);border-radius:10px;color:var(--text);font-family:var(--sans);font-size:13px;transition:all .2s ease;outline:none}.filter-control:focus{border-color:var(--wave);background:var(--card)}.autocomplete-list{position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--card);border:1.5px solid var(--border);border-radius:10px;margin-top:4px;max-height:200px;overflow-y:auto;display:none;box-shadow:0 8px 16px #0000001a}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);box-shadow:0 -2px 10px #0000000d;display:flex;padding:8px 0 env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;cursor:pointer;text-decoration:none;color:var(--muted);transition:color .2s,opacity .2s}.nav-item:hover{opacity:.8}.nav-icon{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center}.nav-label{font-size:9px;font-weight:600;color:inherit;font-family:var(--mono)}.nav-item.active{color:var(--wave)}.nav-item.active .nav-icon{filter:drop-shadow(0 0 5px rgba(0,119,230,.4))}.more-drawer{position:fixed;bottom:64px;left:0;right:0;z-index:150;background:var(--ink2, #ffffff);border-top:1px solid var(--border, #e0e0e0);padding:12px 16px;display:none;animation:slideUp .2s ease}.more-drawer.open{display:block}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.more-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--ink3, #f5f5f5);border:1px solid var(--border, #e0e0e0);border-radius:12px;cursor:pointer;text-decoration:none;transition:border-color .2s;color:var(--text, #333333)}.more-item:hover{border-color:var(--border2, #cccccc)}.more-item-icon{font-size:22px;display:flex;align-items:center;justify-content:center}.more-item-label{font-size:10px;color:var(--muted, #666666);font-family:var(--mono, monospace);text-align:center}.more-item.active{border-color:var(--wave);background:#0077e614}.more-item.active .more-item-icon svg{stroke:var(--wave)}.more-item.active .more-item-label{color:var(--wave);font-weight:700}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-nav{padding:6px 0 env(safe-area-inset-bottom)!important}.nav-item{padding:4px 2px!important;gap:2px!important}.bottom-nav .svg-icon{width:18px!important;height:18px!important}.nav-label{font-size:8px!important}.more-grid{grid-template-columns:repeat(3,1fr)!important}@media (min-width: 768px){.bottom-nav{display:none!important}.site-header,.topnav{position:relative!important}.desktop-nav{position:absolute!important;left:50%!important;transform:translate(-50%)!important;display:flex!important;align-items:center!important;gap:8px!important;margin-left:0!important}.desktop-nav-item{font-size:11px!important;padding:4px 8px!important}main{max-width:760px;padding:20px 16px 40px}.card{padding:20px;border-radius:18px;margin-bottom:20px}.bbm-hero{padding:24px 20px;margin-bottom:24px;border-radius:20px}.bbm-title{font-size:22px}.tabs{margin-bottom:20px}.tab{padding:14px 20px}.grid-2,.grid-3{gap:20px;margin-bottom:20px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-kpi{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.filter-row{grid-template-columns:repeat(4,1fr);gap:12px}}@media (min-width: 1024px){main{max-width:100%!important;padding:24px 40px 100px!important}.desktop-nav{gap:16px!important}.desktop-nav-item{font-size:13px!important;padding:6px 12px!important}}.tab-sub-btn.active{background:var(--ink);color:var(--wave)!important;box-shadow:0 1px 3px #00000014}.table-responsive{overflow-x:auto;margin-top:10px;border-radius:10px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:var(--ink3);color:var(--text);font-weight:700;padding:12px 14px;font-family:var(--title-sans);text-transform:uppercase;letter-spacing:.03em;font-size:10px}td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);background:var(--card)}tr:last-child td{border-bottom:none}.tr-hover:hover td{background:#0077e605}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:12px}.upi-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:14px;transition:all .2s}.upi-card:hover{border-color:var(--border2);box-shadow:0 4px 16px #00000008}.upi-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.upi-name{font-family:var(--title-sans);font-size:14px;font-weight:800;color:var(--text)}.badge{font-size:9px;font-weight:800;padding:3px 8px;border-radius:4px;font-family:var(--mono);text-transform:uppercase;display:inline-block;white-space:nowrap}.badge-active{background:#0077e61f;color:var(--wave)}.badge-inactive{background:#dc26261f;color:var(--red)}.badge-scale{background:#0055aa14;color:var(--sea)}.badge-pm{background:#ca8a041f;color:var(--yellow)}.upi-row{display:flex;gap:8px;font-size:11px;color:var(--muted);margin-bottom:6px;line-height:1.4}.upi-row span.label{font-family:var(--mono);text-transform:uppercase;font-size:9px;font-weight:700;width:90px;flex-shrink:0;color:var(--border2)}.upi-products{background:var(--ink2);padding:10px 12px;border-radius:8px;font-size:11px;color:var(--text);margin-top:8px;border:1px solid rgba(0,0,0,.02)}.upi-products summary{cursor:pointer;font-weight:700;font-family:var(--title-sans);color:var(--sea);outline:none;-webkit-user-select:none;user-select:none}.upi-products p{margin-top:6px;line-height:1.5;color:var(--muted)}.svg-icon-small{width:14px;height:14px}.top-toggle{display:flex;background:var(--ink3);padding:2px;border-radius:6px;font-size:10px;font-weight:700;font-family:var(--mono);-webkit-user-select:none;user-select:none;border:1px solid var(--border);align-self:center}.toggle-opt{padding:2px 8px;border-radius:4px;cursor:pointer;color:var(--muted);transition:all .15s ease;line-height:1.2}.toggle-opt:hover{color:var(--text)}.toggle-opt.active{background:var(--ink);color:var(--wave);box-shadow:0 1px 3px #0000001a}#upi-kpi-grid{grid-template-columns:1fr}@media (min-width: 600px){#upi-kpi-grid{grid-template-columns:1fr 1.3fr}}.detail-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#06112099;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center;padding:16px;animation:fadeIn .25s ease}.detail-modal.open{display:flex}.detail-modal-content{background:var(--ink);border:1px solid var(--border);border-radius:20px;width:100%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 25px #00000026;animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1)}.detail-modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.detail-modal-title{font-family:var(--title-sans);font-size:15px;font-weight:800;color:var(--text)}.btn-close-modal{background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted);line-height:1}.detail-modal-body{padding:20px;overflow-y:auto;flex:1}.top-list-container{display:flex;flex-direction:column;gap:12px;margin-top:10px}.top-list-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--ink);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.top-list-item:hover{border-color:var(--wave);background:#0077e60a;transform:translate(4px)}.top-rank-badge{width:26px;height:26px;border-radius:50%;background:var(--ink3);color:var(--muted);font-family:var(--mono);font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.top-list-item:nth-child(1) .top-rank-badge{background:linear-gradient(135deg,gold,orange);color:#fff}.top-list-item:nth-child(2) .top-rank-badge{background:linear-gradient(135deg,silver,gray);color:#fff}.top-list-item:nth-child(3) .top-rank-badge{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff}.top-item-content{flex:1;display:flex;flex-direction:column;gap:4px}.top-item-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:8px}.top-item-name{font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.top-item-val{font-weight:700;font-family:var(--mono);color:var(--wave);flex-shrink:0}.top-progress-bg{height:6px;background:var(--ink3);border-radius:99px;overflow:hidden;width:100%}.top-progress-bar{height:100%;background:var(--brand-grad);border-radius:99px;transition:width .8s cubic-bezier(.1,1,.1,1)}.ekspor-insight-card{background:var(--brand-grad);color:#fff!important;border-radius:18px;padding:20px;box-shadow:0 6px 20px #0055aa26;border:1px solid rgba(0,119,230,.12)}.chart-card-title{font-family:var(--title-sans);font-size:14px;font-weight:800;margin-bottom:14px;color:var(--text);display:flex;align-items:center;gap:6px}.chart-container{position:relative;width:100%;height:180px;margin-bottom:6px}@media (min-width: 768px){.span-2{grid-column:span 2}}html.dark .ekspor-insight-card{background:var(--ink2)!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:0 6px 20px #0003!important}@media (min-width: 1024px){.desktop-nav{display:none!important}}