:root{--bg-dark: #090D16;--bg-card: rgba(17, 24, 39, .7);--bg-card-hover: rgba(31, 41, 55, .8);--bg-card-active: rgba(30, 41, 59, .9);--border-color: rgba(255, 255, 255, .08);--border-highlight: rgba(255, 255, 255, .18);--header-bg: rgba(15, 23, 42, .75);--sidebar-bg: rgba(15, 23, 42, .6);--content-bg: rgba(9, 13, 22, .4);--content-header-bg: rgba(15, 23, 42, .4);--control-bg: rgba(255, 255, 255, .05);--text-primary: #F9FAFB;--text-secondary: #9CA3AF;--text-muted: #6B7280;--accent-sales: #10B981;--accent-sales-glow: rgba(16, 185, 129, .25);--accent-kpi: #8B5CF6;--accent-kpi-glow: rgba(139, 92, 246, .25);--accent-okr: #06B6D4;--accent-okr-glow: rgba(6, 182, 212, .25);--accent-complain: #F43F5E;--accent-complain-glow: rgba(244, 63, 94, .25);--accent-milestone: #F59E0B;--accent-milestone-glow: rgba(245, 158, 11, .25);--accent-gold: #FBBF24;--accent-blue: #3B82F6;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .6);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .35s cubic-bezier(.16, 1, .3, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}html{overflow-x:hidden;max-width:100vw}*{margin:0;padding:0;box-sizing:border-box;min-width:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden;max-width:100vw;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.brand-titles h1,.metric-value{font-family:Outfit,Plus Jakarta Sans,sans-serif}.bg-glow{position:fixed;border-radius:50%;filter:blur(140px);z-index:0;pointer-events:none;opacity:.45;animation:floatGlow 12s infinite alternate ease-in-out}.bg-glow-1{width:500px;height:500px;top:-100px;left:-100px;background:radial-gradient(circle,var(--accent-kpi) 0%,transparent 70%)}.bg-glow-2{width:600px;height:600px;bottom:-150px;right:-100px;background:radial-gradient(circle,var(--accent-sales) 0%,transparent 70%);animation-delay:-4s}.bg-glow-3{width:450px;height:450px;top:40%;left:40%;background:radial-gradient(circle,var(--accent-milestone) 0%,transparent 70%);animation-delay:-8s;opacity:.25}@keyframes floatGlow{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.15)}}.app-layout{position:relative;z-index:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;max-width:100vw}.top-header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:10}.header-brand{display:flex;align-items:center;gap:16px}.brand-logo{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,#8b5cf6,#3b82f6);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #8b5cf666;position:relative;overflow:hidden}.brand-logo:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(30deg);animation:shine 4s infinite}@keyframes shine{0%{transform:translate(-100%) rotate(30deg)}20%,to{transform:translate(100%) rotate(30deg)}}.logo-icon{width:26px;height:26px;color:#fff}.brand-titles h1{font-size:1.35rem;font-weight:800;letter-spacing:.5px;background:linear-gradient(90deg,#fff,#e2e8f0 60%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{font-size:.78rem;color:var(--text-secondary);letter-spacing:.3px}.header-controls{display:flex;align-items:center;gap:16px}.time-display{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:8px 14px;border-radius:var(--radius-full);border:1px solid var(--border-color);font-size:.85rem;font-weight:600;color:#e2e8f0}.period-selector{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border-color)}.period-selector select{background:transparent;border:none;color:#f8fafc;font-family:inherit;font-weight:600;font-size:.85rem;outline:none;cursor:pointer}select{background-color:var(--bg-card);color:var(--text-primary);font-family:inherit}body:not(.light-theme) select{background-color:#111827!important;color:#f9fafb!important}body:not(.light-theme) select option{background-color:#1e293b!important;color:#fff!important;padding:8px 12px}body.light-theme select{background-color:#fff!important;color:#0f172a!important;border-color:#00000026!important}body.light-theme select option{background-color:#fff!important;color:#0f172a!important;padding:8px 12px}#branchChartFilter{background-color:#1e293b!important;color:#fff!important;border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;outline:none;cursor:pointer}.btn-ceremony{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f59e0b,#d97706,#ec4899);color:#fff;border:none;padding:9px 18px;border-radius:var(--radius-full);font-weight:700;font-size:.88rem;cursor:pointer;box-shadow:0 4px 20px #f59e0b59;transition:var(--transition-normal)}.btn-ceremony:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 25px #f59e0b80}.btn-ceremony:active{transform:translateY(0) scale(.98)}.icon-sparkle{animation:spinSparkle 3s infinite linear}@keyframes spinSparkle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-body{display:flex;flex:1;overflow:hidden}.sidebar-nav{width:270px;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--border-color);padding:20px 14px;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.nav-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:12px;padding-left:10px}.nav-list{list-style:none;display:flex;flex-direction:column;gap:8px}.nav-item{position:relative}.nav-link{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);text-align:left}.nav-link:hover{background:#ffffff0a;color:var(--text-primary);border-color:#ffffff0d}.nav-link.active{background:#ffffff14;color:var(--text-primary);border-color:#ffffff1f;box-shadow:0 4px 15px #0003}.nav-icon-wrapper{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.sales-theme{background:#10b98126;color:var(--accent-sales)}.kpi-theme{background:#8b5cf626;color:var(--accent-kpi)}.h2h-theme{background:#ec489926;color:#ec4899}.okr-theme{background:#06b6d426;color:var(--accent-okr)}.complain-theme{background:#f43f5e26;color:var(--accent-complain)}.milestone-theme{background:#f59e0b26;color:var(--accent-milestone)}.b2b-theme{background:#6366f12e;color:#818cf8}.retensi-theme{background:#f973162e;color:#f97316}.nav-link.active .nav-icon-wrapper{transform:scale(1.1)}.nav-text{display:flex;flex-direction:column;flex:1}.nav-title{font-weight:600;font-size:.92rem}.nav-badge{font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:4px;width:fit-content;margin-top:2px}.nav-badge.direct{background:#ffffff14;color:var(--text-muted)}.nav-badge.count{background:#3b82f626;color:#60a5fa}.chevron-icon{width:16px;height:16px;transition:var(--transition-fast)}.nav-item.open .chevron-icon{transform:rotate(180deg)}.sub-nav-list{list-style:none;margin-top:4px;padding-left:48px;display:none;flex-direction:column;gap:4px;position:relative}.sub-nav-list:before{content:"";position:absolute;left:28px;top:6px;bottom:6px;width:2px;background:#ffffff14;border-radius:2px}.nav-item.open .sub-nav-list{display:flex}.sub-link{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);text-align:left}.sub-link:hover{color:var(--text-primary);background:#ffffff0d}.sub-link.active{color:#fff;font-weight:700;background:#ffffff1a}.dot-indicator{width:6px;height:6px;border-radius:50%;background:#ffffff4d;transition:var(--transition-fast)}.sub-link.active .dot-indicator{background:var(--accent-okr);box-shadow:0 0 8px var(--accent-okr);transform:scale(1.4)}.sidebar-summary-card{background:#111827cc;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;margin-top:20px}.summary-card-header{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-secondary);margin-bottom:6px}.summary-icon{width:16px;height:16px;color:var(--accent-sales)}.summary-score{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:6px}.summary-progress-bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:6px}.bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px}.summary-footer{font-size:.7rem;color:var(--text-muted)}.content-viewport{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--content-bg)}.content-header-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--border-color);background:var(--content-header-bg);gap:16px}.header-path{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:700}.path-root{color:var(--text-primary)}.path-divider{width:18px;height:18px;color:var(--text-muted)}.path-sub{color:var(--accent-okr)}.sub-pills-bar{display:flex;align-items:center;gap:6px;background:#ffffff0a;padding:4px;border-radius:var(--radius-full);border:1px solid var(--border-color)}.pill-btn{padding:6px 14px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.pill-btn:hover{color:var(--text-primary)}.pill-btn.active{background:#ffffff1f;color:#fff;box-shadow:0 2px 10px #0003;font-weight:700}.content-actions{display:flex;align-items:center;gap:12px}.search-box{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid var(--border-color);padding:8px 14px;border-radius:var(--radius-full);width:260px}.search-box i{width:16px;height:16px;color:var(--text-muted)}.search-box input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.85rem;width:100%}.btn-refresh{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.btn-refresh:hover{background:#ffffff1a;color:var(--text-primary);transform:rotate(90deg)}.dynamic-container{flex:1;overflow-y:auto;padding:28px}.view-animated{animation:fadeInSlideUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:28px}.metric-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden;transition:var(--transition-normal)}.metric-card:hover{transform:translateY(-4px);border-color:var(--border-highlight);box-shadow:0 10px 30px #0000004d}.metric-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.metric-title{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.metric-icon-box{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.metric-value{font-size:1.85rem;font-weight:800;color:var(--text-primary);margin-bottom:8px}.metric-trend{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600}.trend-up{color:#34d399}.trend-down{color:#f87171}.trend-neutral{color:var(--text-muted)}.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:28px}.chart-grid-single{grid-template-columns:1fr}.chart-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.chart-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.chart-card-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.chart-wrapper{position:relative;width:100%;height:300px}.table-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;margin-bottom:28px}.custom-table{width:100%;border-collapse:collapse;margin-top:16px}.custom-table th{text-align:left;padding:12px 16px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.custom-table td{padding:14px 16px;font-size:.88rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-primary)}.custom-table tr:hover td{background:#ffffff08}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.status-on-track{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-achieved{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.status-in-progress{background:#06b6d426;color:#38bdf8;border:1px solid rgba(6,182,212,.3)}.status-at-risk{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.okr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.okr-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:var(--transition-normal)}.okr-card:hover{transform:translateY(-4px);border-color:#06b6d466;box-shadow:0 10px 25px #06b6d426}.okr-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.okr-code{font-size:.72rem;font-weight:800;color:var(--accent-okr);letter-spacing:.5px}.okr-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-top:4px}.okr-key-results{list-style:none;display:flex;flex-direction:column;gap:10px;margin:16px 0}.kr-item{font-size:.83rem;color:var(--text-secondary)}.kr-title-row{display:flex;justify-content:space-between;margin-bottom:4px}.kr-percent{font-weight:700;color:var(--text-primary)}.kr-progress{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.kr-progress-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#3b82f6);border-radius:3px}.okr-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border-color);margin-top:10px}.okr-owner{display:flex;align-items:center;gap:8px}.owner-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.owner-name{font-size:.78rem;color:var(--text-secondary)}.milestone-timeline{position:relative;padding:20px 0 20px 40px}.milestone-timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent-milestone) 0%,rgba(245,158,11,.2) 100%);border-radius:3px}.timeline-item{position:relative;margin-bottom:30px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:var(--transition-normal)}.timeline-item:hover{transform:translate(6px);border-color:#f59e0b66}.timeline-marker{position:absolute;left:-45px;top:20px;width:32px;height:32px;border-radius:50%;background:var(--bg-dark);border:3px solid var(--accent-milestone);display:flex;align-items:center;justify-content:center;color:var(--accent-milestone);box-shadow:0 0 15px #f59e0b80}.timeline-marker.done{background:var(--accent-milestone);color:#000}.timeline-date{font-size:.78rem;font-weight:700;color:var(--accent-milestone);margin-bottom:4px}.timeline-title{font-size:1.1rem;font-weight:700;margin-bottom:8px}.timeline-desc{font-size:.88rem;color:var(--text-secondary);margin-bottom:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s ease}.modal-overlay.active{display:flex}.modal-card{background:#0f172a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);width:100%;max-width:650px;padding:28px;position:relative;box-shadow:0 25px 50px -12px #000000b3;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-close{position:absolute;top:20px;right:20px;background:#ffffff14;border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.modal-close:hover{background:#fff3;color:#fff}.modal-header h3{font-size:1.3rem;color:var(--text-primary);font-weight:800;margin-bottom:6px}.modal-body{margin:20px 0;font-size:.92rem;color:var(--text-secondary);line-height:1.6}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px}.btn-secondary{background:#ffffff14;border:1px solid var(--border-color);color:#e2e8f0;padding:10px 18px;border-radius:var(--radius-full);font-weight:600;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;color:#fff;padding:10px 20px;border-radius:var(--radius-full);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px #06b6d44d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #06b6d480}.btn-hamburger{display:none}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}.red-flag-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.kpi-scorecard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.sales-scorecard-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}@media (max-width: 1480px){.sales-scorecard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 980px){.sales-scorecard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (max-width: 540px){.sales-scorecard-grid{grid-template-columns:1fr}}.scorecard-mini-box{background:#05966914;border:1px solid rgba(5,150,105,.25);border-radius:6px;padding:6px 8px;margin-bottom:8px;display:flex;flex-direction:column;gap:2px}body.light-theme .scorecard-mini-box{background:#10b98114;border-color:#10b9814d}.scorecard-mini-header{display:flex;justify-content:space-between;align-items:center}.scorecard-mini-label{color:#34d399;font-size:.68rem;font-weight:700;display:flex;align-items:center;gap:4px;white-space:nowrap}body.light-theme .scorecard-mini-label{color:#047857}.scorecard-mini-value{color:#34d399;font-family:monospace;font-weight:800;font-size:.86rem;text-align:right;letter-spacing:-.2px;white-space:nowrap}body.light-theme .scorecard-mini-value{color:#065f46}.scorecard-baseline-row{border-top:1px dashed var(--border-color);padding-top:6px;display:flex;flex-direction:column;gap:2px}.scorecard-baseline-header{display:flex;justify-content:space-between;align-items:center;font-size:.68rem;color:var(--text-secondary)}.scorecard-baseline-label{font-weight:600;color:var(--text-secondary)}.scorecard-baseline-badge{color:var(--text-muted);font-size:.68rem;font-weight:600;display:flex;align-items:center;gap:3px}.scorecard-baseline-value{color:#38bdf8;font-family:monospace;font-weight:700;font-size:.82rem;text-align:right;letter-spacing:-.2px;white-space:nowrap}body.light-theme .scorecard-baseline-value{color:#0284c7}.chart-scroll-wrapper{overflow-x:auto;overflow-y:hidden;width:100%;-webkit-overflow-scrolling:touch}.chart-scroll-wrapper .chart-wrapper{min-width:340px}@media (max-width: 1024px){.chart-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.btn-hamburger{display:flex!important;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;cursor:pointer;transition:background .2s}.top-header{position:sticky;top:0;z-index:100;flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding:8px 12px!important;background:#090d16f7!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-left-group{display:flex!important;align-items:center!important;gap:8px!important;width:100%;overflow:hidden}.header-brand{display:flex!important;align-items:center!important;gap:8px!important;flex:1;overflow:hidden}.brand-logos-container{flex-shrink:0;padding:2px 6px!important;gap:6px!important}.brand-logos-container img{height:24px!important}.brand-titles{overflow:hidden}.brand-titles h1{font-size:.85rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-subtitle{display:none!important}.header-controls{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;padding-top:6px;border-top:1px solid rgba(255,255,255,.07);width:100%}.time-display{display:none!important}.period-selector select,.btn-ceremony{padding:5px 10px!important;font-size:.75rem!important}.main-body{flex:1;flex-direction:row;overflow:hidden;position:relative}.sidebar-nav{position:fixed;top:0;left:-300px;width:280px;max-width:80vw;height:100vh;z-index:1000;background:#090d16;border-right:1px solid rgba(255,255,255,.12);box-shadow:8px 0 32px #000c;transition:left .32s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;padding:20px 14px 24px;overflow-y:auto;overflow-x:hidden}.sidebar-nav.active{left:0}.nav-section-title{display:block!important;font-size:.72rem;color:var(--accent-gold);margin-bottom:12px}.nav-list{display:flex!important;flex-direction:column!important;overflow-x:hidden!important;gap:6px;width:100%}.nav-item{width:100%}.sub-nav-list{position:static!important;background:#ffffff08!important;border:none!important;box-shadow:none!important;padding-left:14px!important;border-radius:0!important}.sidebar-summary-card{display:block!important;margin-top:auto;padding-top:16px}.content-viewport{flex:1;width:100%;max-width:100%;overflow-x:hidden!important;overflow-y:auto;display:flex;flex-direction:column}.dynamic-container{padding:12px!important;overflow-x:hidden!important;width:100%;max-width:100%}.content-header-bar{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px!important}.content-actions{width:100%}.search-box{flex:1;min-width:0}.red-flag-grid{grid-template-columns:1fr!important;gap:10px!important}.kpi-scorecard-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.metric-card{padding:10px}.metric-value{font-size:1.1rem!important}.table-card{padding:10px!important}.table-card{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.custom-table{font-size:.74rem!important;min-width:480px;width:100%}.custom-table th,.custom-table td{padding:7px 8px;white-space:nowrap}.chart-scroll-wrapper{overflow-x:auto;width:100%}.chart-scroll-wrapper .chart-wrapper,.chart-scroll-wrapper>div{min-width:340px}.view-animated>*{max-width:100%;overflow-x:hidden}}@media (max-width: 480px){.brand-titles h1{font-size:.78rem!important}.brand-logos-container img{height:22px!important}.kpi-scorecard-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.dynamic-container{padding:8px!important}}:root{--accent-b2b: #818CF8;--accent-b2b-dark: #6366F1;--accent-b2b-glow: rgba(99, 102, 241, .28)}.b2b-banner{background:linear-gradient(135deg,#6366f12e,#8b5cf61f);border:1px solid rgba(99,102,241,.35);border-radius:var(--radius-lg);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:24px}.b2b-banner-title{font-size:1.35rem;font-weight:900;background:linear-gradient(90deg,#818cf8,#a78bfa 60%,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.b2b-banner-sub{font-size:.82rem;color:var(--text-secondary);margin-top:4px}.b2b-month-select{background:#111827e6;border:1.5px solid var(--accent-b2b);color:#fff;padding:7px 14px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:700;cursor:pointer;outline:none}.b2b-achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:28px}.b2b-achievement-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden;transition:var(--transition-normal)}.b2b-achievement-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.b2b-achievement-card:hover{transform:translateY(-5px);border-color:#6366f180;box-shadow:0 12px 32px #6366f133}.b2b-card-label{font-size:.78rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.b2b-card-value{font-size:1.65rem;font-weight:900;color:var(--text-primary);font-family:Outfit,sans-serif;margin-bottom:6px}.b2b-card-trend{font-size:.78rem;font-weight:700;display:flex;align-items:center;gap:4px}.b2b-card-trend.positive{color:#34d399}.b2b-card-trend.negative{color:#f87171}.b2b-card-trend.neutral{color:#94a3b8}.b2b-chart-section{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:28px}.b2b-chart-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);padding:22px}.b2b-chart-title{font-size:1rem;font-weight:800;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.b2b-chart-title .accent{color:var(--accent-b2b)}.b2b-table-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:28px}.b2b-table-header{background:linear-gradient(90deg,#4338ca,#6366f1,#7c3aed);padding:14px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.b2b-table-header h3{font-size:1rem;font-weight:900;color:#fff;margin:0}.b2b-photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-bottom:28px}.b2b-photo-card{background:var(--bg-card);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-normal);cursor:pointer}.b2b-photo-card:hover{transform:translateY(-4px);border-color:#6366f18c;box-shadow:0 10px 28px #6366f133}.b2b-photo-placeholder{width:100%;aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#6366f112;color:var(--accent-b2b);font-size:2.2rem;gap:8px;border-bottom:1px solid rgba(99,102,241,.15)}.b2b-photo-placeholder span{font-size:.78rem;color:var(--text-muted);font-weight:600}.b2b-photo-info{padding:12px}.b2b-photo-title{font-size:.88rem;font-weight:800;color:var(--text-primary);margin-bottom:4px}.b2b-photo-meta{font-size:.74rem;color:var(--text-secondary);margin-bottom:6px}.b2b-photo-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700}.b2b-badge-product{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.b2b-badge-service{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.b2b-badge-delivery{background:#06b6d426;color:#38bdf8;border:1px solid rgba(6,182,212,.3)}.b2b-badge-resolved{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.b2b-badge-investigation{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.4)}body.light-theme .b2b-badge-investigation{background:#ef44441f;color:#dc2626;border-color:#ef444459}.b2b-highlight-positive{color:#34d399;font-weight:800}.b2b-highlight-negative{color:#f87171;font-weight:800}.b2b-highlight-neutral{color:#94a3b8;font-weight:600}.b2b-progress-wrap{height:8px;background:#6366f11f;border-radius:4px;overflow:hidden;margin-top:6px}.b2b-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#6366f1,#a78bfa)}.b2b-section-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--accent-b2b);margin-bottom:12px;display:flex;align-items:center;gap:8px}.b2b-section-label:after{content:"";flex:1;height:1px;background:#6366f140}.b2b-complain-summary{display:flex;align-items:center;gap:16px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);padding:14px 20px;margin-bottom:20px;flex-wrap:wrap}.b2b-complain-stat{text-align:center;flex:1;min-width:80px}.b2b-complain-stat-value{font-size:1.6rem;font-weight:900;color:var(--accent-b2b);font-family:Outfit,sans-serif}.b2b-complain-stat-label{font-size:.72rem;color:var(--text-muted);font-weight:600}.b2b-divider-v{width:1px;height:40px;background:#6366f133}.b2b-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#02040eeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;padding:20px}.b2b-lightbox.active{display:flex}.b2b-lightbox-content{max-width:800px;width:100%;background:#0f172a;border:1px solid rgba(99,102,241,.35);border-radius:var(--radius-lg);overflow:hidden;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1) forwards;position:relative}.b2b-lightbox-img{width:100%;max-height:480px;object-fit:contain;background:#6366f10d}.b2b-lightbox-body{padding:18px 22px}.b2b-lightbox-close{position:absolute;top:14px;right:14px;background:#6366f140;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:var(--transition-fast)}.b2b-lightbox-close:hover{background:#6366f180}@media (max-width: 1024px){.b2b-chart-section{grid-template-columns:1fr!important}}@media (max-width: 768px){.b2b-achievement-grid,.b2b-photo-gallery{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.b2b-card-value{font-size:1.2rem}.b2b-banner{padding:14px 16px}}.btn-theme-toggle{display:inline-flex;align-items:center;gap:7px;background:#ffffff0f;color:var(--text-primary);border:1px solid var(--border-color);padding:8px 14px;border-radius:var(--radius-full);font-size:.82rem;font-weight:700;cursor:pointer;transition:var(--transition-fast)}.btn-theme-toggle:hover{background:#ffffff1f;border-color:var(--border-highlight);transform:translateY(-1px)}.btn-theme-toggle:active{transform:translateY(0)}body,.top-header,.sidebar-nav,.content-viewport,.content-header-bar,.metric-card,.chart-card,.table-card,.sidebar-summary-card,.search-box,.btn-refresh,.pill-btn,.nav-link,.sub-link,.btn-theme-toggle,.modal-card{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}body.light-theme{--bg-dark: #F3F6F9;--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: #FFFFFF;--bg-card-active: #FFFFFF;--border-color: rgba(203, 213, 225, .85);--border-highlight: rgba(148, 163, 184, .85);--header-bg: rgba(255, 255, 255, .92);--sidebar-bg: rgba(255, 255, 255, .9);--content-bg: rgba(241, 245, 249, .6);--content-header-bg: rgba(255, 255, 255, .92);--control-bg: rgba(0, 0, 0, .04);--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--accent-gold: #B45309;--accent-okr: #0369A1;--accent-sales: #047857;--accent-kpi: #6D28D9;--accent-complain: #BE123C;--accent-milestone: #B45309;--accent-blue: #1D4ED8;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .05);--shadow-md: 0 4px 16px rgba(15, 23, 42, .07);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .1)}body.light-theme .bg-glow{opacity:.16;filter:blur(160px)}body.light-theme .btn-theme-toggle{background:#0000000a;color:#0f172a;border-color:#0000001a}body.light-theme .btn-theme-toggle:hover{background:#00000014;border-color:#0000002e}body.light-theme .brand-titles h1{background:linear-gradient(90deg,#0f172a,#1e293b 60%,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.light-theme .brand-logos-container{background:#00000008!important;border-color:#00000014!important}body.light-theme .time-display,body.light-theme .period-selector{background:#0000000a;border-color:#00000014;color:#1e293b}body.light-theme .period-selector select{color:#0f172a}body.light-theme select option,body.light-theme .period-selector select option{background-color:#fff!important;color:#0f172a!important}body.light-theme .nav-link{color:#475569}body.light-theme .nav-link:hover{background:#0000000a;color:#0f172a}body.light-theme .nav-link.active{background:#0000000f;color:#0f172a;border-color:#0000001a;box-shadow:0 4px 15px #0000000a}body.light-theme .nav-badge.direct{background:#0000000d;color:#64748b}body.light-theme .sub-link{color:#64748b}body.light-theme .sub-link:hover{color:#0f172a;background:#0000000a}body.light-theme .sub-link.active{color:#0f172a;background:#00000014}body.light-theme .sub-nav-list:before{background:#00000014}body.light-theme .sidebar-summary-card{background:#ffffffd9;border-color:#00000014;box-shadow:0 4px 15px #0000000a}body.light-theme .summary-progress-bar{background:#0000000f}body.light-theme .sub-pills-bar{background:#0000000a;border-color:#00000014}body.light-theme .pill-btn{color:#64748b}body.light-theme .pill-btn:hover{color:#0f172a}body.light-theme .pill-btn.active{background:#fff;color:#0f172a;box-shadow:0 2px 8px #00000014}body.light-theme .search-box{background:#0000000a;border-color:#00000014}body.light-theme .search-box input{color:#0f172a}body.light-theme .search-box input::placeholder{color:#94a3b8}body.light-theme .btn-refresh{background:#0000000a;border-color:#00000014;color:#475569}body.light-theme .btn-refresh:hover{background:#00000014;color:#0f172a}body.light-theme select.chart-filter,body.light-theme select.pill-btn,body.light-theme #salesMonthFilter,body.light-theme #branchChartFilter,body.light-theme #kpiMonthSelect,body.light-theme #kpiDeptSelect,body.light-theme #h2hMonthSelect,body.light-theme #okrMonthSelect,body.light-theme #produksiMonthSelect,body.light-theme #complainTKBMonthSelect{background:#fff!important;color:#0f172a!important;border:1px solid rgba(0,0,0,.15)!important}body.light-theme .metric-card,body.light-theme .chart-card,body.light-theme .table-card{box-shadow:0 4px 16px #0000000a}body.light-theme .custom-table th{color:#64748b;border-bottom-color:#00000014}body.light-theme .custom-table td{color:#1e293b;border-bottom-color:#0000000f}body.light-theme .custom-table tr:hover td{background:#00000005}body.light-theme .custom-table strong[style*="color:#FFF"],body.light-theme .custom-table strong[style*="color: #FFF"],body.light-theme .custom-table strong[style*="color:#FFFFFF"],body.light-theme .custom-table strong[style*="color: #FFFFFF"],body.light-theme .table-card h3[style*="color:#FFF"],body.light-theme .table-card h4[style*="color:#FFF"],body.light-theme .table-card h5[style*="color:#FFF"],body.light-theme .table-card div[style*="color:#FFF"],body.light-theme .table-card span[style*="color:#FFF"],body.light-theme .table-card p[style*="color:#FFF"]{color:#0f172a!important}body.light-theme .modal-card{background:#fff;border-color:#0000001f;color:#0f172a;box-shadow:0 20px 50px #00000026}body.light-theme .modal-header{border-bottom-color:#00000014}body.light-theme .modal-footer{border-top-color:#00000014}body.light-theme .btn-secondary{background:#0000000f;color:#334155;border-color:#0000001a}body.light-theme .btn-secondary:hover{background:#0000001a;color:#0f172a}body.light-theme .kpi-scorecard-grid>div{background:#fffffff2!important;box-shadow:0 2px 10px #0000000d!important}body.light-theme .kpi-scorecard-grid>div[style*="rgba(245, 158, 11, 0.12)"]{background:#f59e0b1f!important}body.light-theme .status-on-track{background:#10b98124!important;color:#047857!important;border-color:#10b98166!important;font-weight:800!important}body.light-theme .status-achieved{background:#8b5cf624!important;color:#6d28d9!important;border-color:#8b5cf666!important;font-weight:800!important}body.light-theme .status-in-progress{background:#06b6d424!important;color:#0369a1!important;border-color:#06b6d466!important;font-weight:800!important}body.light-theme .status-at-risk{background:#f43f5e24!important;color:#be123c!important;border-color:#f43f5e66!important;font-weight:800!important}body.light-theme [style*="#EAB308"],body.light-theme [style*="#eab308"]{color:#a16207!important}body.light-theme [style*="#F59E0B"],body.light-theme [style*="#f59e0b"]{color:#b45309!important}body.light-theme [style*="#38BDF8"],body.light-theme [style*="#38bdf8"]{color:#0284c7!important}body.light-theme [style*="#FDA4AF"],body.light-theme [style*="#fda4af"]{color:#be123c!important}body.light-theme [style*="#34D399"],body.light-theme [style*="#34d399"]{color:#047857!important}body.light-theme [style*="#9CA3AF"],body.light-theme [style*="#9ca3af"]{color:#475569!important}body.light-theme [style*="color:var(--accent-gold)"],body.light-theme [style*="color: var(--accent-gold)"]{color:#b45309!important}body.light-theme [style*="background:rgba(255, 255, 255, 0.03)"],body.light-theme [style*="background: rgba(255, 255, 255, 0.03)"]{background:#fff!important;border-color:#e2e8f0f2!important;box-shadow:0 2px 8px #0f172a0a!important}body.light-theme [style*="background:rgba(255, 255, 255, 0.08)"],body.light-theme [style*="background: rgba(255, 255, 255, 0.08)"]{background:#00000014!important}body.light-theme [style*="border-top:1px solid #F1F5F9"]{border-top-color:#00000014!important}body.light-theme thead tr[style*="background: #111827"],body.light-theme thead tr[style*="background:#111827"]{background:var(--bg-card-hover)!important;color:#0f172a!important}body.light-theme thead tr[style*="background: #111827"] th,body.light-theme thead tr[style*="background:#111827"] th{color:#0f172a!important}body.light-theme .chart-card-header[style*="rgba(79, 70, 229, 0.08)"]{background:#4f46e50f!important;border-bottom:1px solid rgba(79,70,229,.15)!important}body.light-theme .chart-card-header[style*="rgba(79, 70, 229, 0.08)"] .chart-card-title span,body.light-theme .chart-card-header[style*="rgba(79, 70, 229, 0.08)"] .chart-card-title strong{color:#0f172a!important}body.light-theme .status-pill[style*="color: #A5B4FC"],body.light-theme .status-pill[style*="color:#A5B4FC"]{color:#4338ca!important;background:#4f46e51a!important;border-color:#4f46e566!important}body.light-theme [style*="background: rgba(79, 70, 229, 0.18)"]{background:#4f46e51a!important}body.light-theme [style*="background: rgba(79, 70, 229, 0.18)"] td{color:#0f172a!important}.b2b-project-banner{background:linear-gradient(135deg,#6366f11f,#ef444414,#10b9811a);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-lg);padding:22px 26px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040}.b2b-project-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#6366f1,#ef4444)}.b2b-project-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.b2b-project-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.b2b-project-kpi-grid{grid-template-columns:1fr}}.b2b-project-kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.b2b-project-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.b2b-project-kpi-card.ontime{border-left:4px solid #10B981}.b2b-project-kpi-card.delayed{border-left:4px solid #EF4444;background:linear-gradient(135deg,rgba(239,68,68,.06) 0%,var(--bg-card) 100%)}.b2b-project-kpi-card.ratio{border-left:4px solid #6366F1}.b2b-project-kpi-card.portfolio{border-left:4px solid var(--accent-gold)}.b2b-project-kpi-value{font-size:1.85rem;font-weight:900;font-family:Outfit,sans-serif;line-height:1.2;margin:6px 0 4px}.b2b-project-kpi-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--text-secondary)}.b2b-project-kpi-sub{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px;margin-top:4px}.b2b-charts-dual{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 992px){.b2b-charts-dual{grid-template-columns:1fr}}.b2b-plangkan-box{background:linear-gradient(135deg,#ef44441a,#b91c1c0d);border:1px solid rgba(239,68,68,.35);border-radius:var(--radius-lg);padding:20px 24px;position:relative;overflow:hidden}.b2b-plangkan-box:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#ef4444}.b2b-plangkan-tag{display:inline-flex;align-items:center;gap:5px;background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4);font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:4px;text-transform:uppercase}.b2b-ontime-tag{display:inline-flex;align-items:center;gap:5px;background:#10b98129;color:#34d399;border:1px solid rgba(16,185,129,.4);font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:4px;text-transform:uppercase}.b2b-pic-pill{display:inline-flex;align-items:center;gap:4px;background:#6366f11f;color:#c7d2fe;border:1px solid rgba(99,102,241,.25);padding:2px 8px;border-radius:12px;font-size:.72rem;font-weight:700}.b2b-filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md)}.b2b-filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.b2b-filter-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 14px;border-radius:20px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .2s ease}.b2b-filter-btn:hover{background:#6366f126;color:#fff;border-color:#6366f166}.b2b-filter-btn.active{background:#4f46e5;color:#fff;border-color:#6366f1;box-shadow:0 2px 8px #4f46e559}.b2b-search-box{display:flex;align-items:center;gap:8px;background:#0003;border:1px solid var(--border-color);border-radius:20px;padding:6px 14px}.b2b-search-box input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.8rem;width:180px}body.light-theme .b2b-project-banner{background:linear-gradient(135deg,#6366f114,#ef44440a,#10b9810f);border-color:#6366f133}body.light-theme .b2b-plangkan-box{background:linear-gradient(135deg,#ef44440f,#fee2e280)}body.light-theme .b2b-plangkan-tag{background:#ef44441f;color:#dc2626;border-color:#ef44444d}body.light-theme .b2b-ontime-tag{background:#10b9811f;color:#059669;border-color:#10b9814d}body.light-theme .b2b-pic-pill{background:#6366f11a;color:#4338ca;border-color:#6366f133}body.light-theme .b2b-search-box{background:#f1f5f9}.retensi-metric-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}.retensi-metric-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.retensi-metric-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}@media (max-width: 1024px){.retensi-metric-grid-5,.retensi-metric-grid-4,.retensi-metric-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.retensi-metric-grid-5,.retensi-metric-grid-4,.retensi-metric-grid-3{grid-template-columns:1fr}}.retensi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:var(--transition-fast)}.retensi-card-orange{border-color:#f9731673;box-shadow:0 0 20px #f973161f}.retensi-card-purple{border-color:#a855f773;box-shadow:0 0 20px #a855f71f}.retensi-pills-row{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.retensi-pill-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:7px 16px;border-radius:20px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}.retensi-pill-btn:hover{background:#ffffff14;color:var(--text-primary)}.retensi-pill-btn.active{background:#f97316;color:#fff;border-color:#f97316;box-shadow:0 2px 10px #f9731659}.retensi-pill-btn-purple.active{background:#a855f7;color:#fff;border-color:#a855f7;box-shadow:0 2px 10px #a855f759}.retensi-table{width:100%;border-collapse:collapse;font-size:.88rem}.retensi-table th{padding:12px 14px;font-size:.82rem;font-weight:700;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.retensi-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-primary)}.retensi-table tbody tr:hover{background:#ffffff05}.retensi-table-purple th{border-bottom:1px solid rgba(168,85,247,.2);color:#c084fc}.retensi-table-purple td{border-bottom:1px solid rgba(168,85,247,.1)}.retensi-table-purple tbody tr:hover{background:#a855f70d}.retensi-note-box{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:14px 18px;font-size:.8rem;color:var(--text-secondary);line-height:1.55;margin-top:20px}.retensi-note-purple{background:#a855f70a;border-color:#a855f733}a.sub-link,a.pill-btn{text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}body.light-theme ::-webkit-scrollbar-thumb{background:#00000026}body.light-theme ::-webkit-scrollbar-thumb:hover{background:#0000004d}.sidebar-nav{justify-content:flex-start!important;gap:10px!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.sidebar-nav .nav-section-title{margin-bottom:6px!important;flex-shrink:0}.sidebar-nav .nav-list{width:100%}.content-header-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:12px!important;padding:12px 24px!important}.header-path{display:flex;align-items:center;gap:6px;font-size:.95rem;font-weight:700}body.light-theme .sidebar-nav{scrollbar-color:rgba(0,0,0,.15) transparent}.header-admin-btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;padding:6px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;color:var(--text-primary);background:#ffffff0f;border:1px solid var(--border-color);transition:var(--transition-fast)}.header-admin-btn:hover{background:#ffffff1f;border-color:var(--border-highlight);color:var(--text-primary)}body.light-theme .header-admin-btn{background:#0000000a;color:var(--text-primary);border-color:#0000001a}body.light-theme .header-admin-btn:hover{background:#00000014}.sales-filter-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;background:var(--bg-card);padding:14px 18px;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.sales-filter-title{font-size:.98rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:8px}.sales-filter-group{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.sales-filter-item{display:flex;align-items:center;gap:6px}.sales-filter-label{font-size:.82rem;color:var(--text-secondary);font-weight:700;display:flex;align-items:center;flex-shrink:0}.sales-filter-select{background:#111827;color:#fff;font-weight:700;border:1px solid var(--border-highlight);outline:none;padding:7px 14px;border-radius:6px;cursor:pointer}body.light-theme .sales-filter-select{background:#fff!important;color:#0f172a!important;border-color:#0000002e!important}@media (max-width: 640px){.top-header{padding:8px 10px!important;gap:8px!important}.header-left-group{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important}.header-brand{gap:8px!important;min-width:0!important;flex:1!important;overflow:hidden!important}.brand-logos-container{padding:2px 6px!important;gap:4px!important;flex-shrink:0!important}.brand-logos-container img{height:22px!important}.brand-titles h1{font-size:.8rem!important;letter-spacing:.2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}.header-controls{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;width:100%!important;padding-top:6px!important;flex-wrap:nowrap!important;overflow:hidden!important}.period-selector{flex:1!important;min-width:0!important;padding:5px 8px!important;gap:4px!important;border-radius:var(--radius-full)!important}.period-selector select{width:100%!important;min-width:0!important;font-size:.76rem!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.header-btn-text{display:none!important}.btn-theme-toggle{padding:6px 8px!important;min-width:34px!important;width:34px!important;height:32px!important;justify-content:center!important;flex-shrink:0!important;border-radius:var(--radius-full)!important;gap:0!important}.btn-ceremony{padding:6px 8px!important;min-width:34px!important;width:34px!important;height:32px!important;justify-content:center!important;flex-shrink:0!important;gap:0!important}.header-admin-btn{padding:6px 8px!important;min-width:34px!important;width:34px!important;height:32px!important;justify-content:center!important;flex-shrink:0!important;border-radius:var(--radius-full)!important;gap:0!important;font-size:.9rem!important}.sub-pills-bar{overflow-x:auto!important;white-space:nowrap!important;max-width:100%!important;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding:4px 6px!important;scrollbar-width:none}.sub-pills-bar::-webkit-scrollbar{display:none}.sub-pills-bar .pill-btn{flex-shrink:0!important;white-space:nowrap!important;font-size:.76rem!important;padding:5px 12px!important}.sales-filter-bar{flex-direction:column!important;align-items:stretch!important;padding:12px!important;gap:10px!important}.sales-filter-title{font-size:.88rem!important}.sales-filter-group{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}.sales-filter-item{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.sales-filter-select{flex:1!important;min-width:0!important;width:auto!important;padding:6px 10px!important;font-size:.78rem!important}.content-header-bar{padding:8px 10px!important;gap:8px!important}.search-box input{font-size:.8rem!important}}