/* ══════════════════════════════════════════════
   WEEKLY REPORT PRESENTATION — STYLE.CSS
══════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --bg:#0a0a0c;--bg2:#0f0f14;
  --glass:rgba(255,255,255,0.04);--glass-border:rgba(255,255,255,0.08);--glass-hover:rgba(255,255,255,0.07);
  --text:#f0f0f5;--text-muted:rgba(240,240,245,0.5);--text-dim:rgba(240,240,245,0.3);
  --purple:#7c3aed;--purple-light:#a78bfa;--cyan:#06b6d4;--cyan-light:#22d3ee;
  --blue:#3b82f6;--blue-light:#60a5fa;--green:#10b981;--green-light:#34d399;
  --orange:#f59e0b;--orange-light:#fbbf24;--red:#ef4444;--red-light:#f87171;--pink:#ec4899;
  --nav-h:80px;--progress-h:3px;--radius:16px;--radius-sm:10px;
  --transition:0.6s cubic-bezier(0.23,1,0.32,1);
}
html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:'Plus Jakarta Sans','Inter',sans-serif;}
#particleCanvas{position:fixed;inset:0;z-index:0;pointer-events:none;}
.progress-bar-track{position:fixed;top:0;left:0;right:0;height:var(--progress-h);background:rgba(255,255,255,0.06);z-index:1000;}
.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:0 2px 2px 0;transition:width .5s cubic-bezier(0.23,1,0.32,1);width:10%;box-shadow:0 0 12px var(--purple);}
.btn-fullscreen,.btn-overview{position:fixed;z-index:900;top:20px;width:42px;height:42px;background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;backdrop-filter:blur(12px);}
.btn-fullscreen{right:20px;}.btn-overview{right:70px;}
.btn-fullscreen svg,.btn-overview svg{width:18px;height:18px;}
.btn-fullscreen:hover,.btn-overview:hover{background:var(--glass-hover);border-color:var(--purple-light);color:var(--text);box-shadow:0 0 20px rgba(124,58,237,.3);}
.slides-wrapper{position:fixed;inset:var(--progress-h) 0 var(--nav-h) 0;z-index:10;overflow:hidden;}
.slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:40px 60px 20px;opacity:0;pointer-events:none;transform:translateX(80px);transition:opacity var(--transition),transform var(--transition);}
.slide.active{opacity:1;pointer-events:all;transform:translateX(0);}
.slide.exit-left{opacity:0;transform:translateX(-80px);transition:opacity var(--transition),transform var(--transition);}
.slide-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none;z-index:0;}
.glow-purple{background:radial-gradient(circle,var(--purple) 0%,transparent 70%);top:-100px;left:-100px;}
.glow-blue{background:radial-gradient(circle,var(--blue) 0%,transparent 70%);bottom:-100px;right:-50px;}
.glow-cyan{background:radial-gradient(circle,var(--cyan) 0%,transparent 70%);top:-80px;right:-80px;}
.glow-green{background:radial-gradient(circle,var(--green) 0%,transparent 70%);bottom:-80px;left:50%;}
.glow-red{background:radial-gradient(circle,var(--red) 0%,transparent 70%);top:-80px;left:30%;}
.slide-content{position:relative;z-index:1;width:100%;max-width:1200px;height:100%;display:flex;flex-direction:column;gap:24px;}
.slide-content.slide-center{align-items:center;justify-content:center;text-align:center;gap:20px;}
.slide-header{display:flex;align-items:flex-start;gap:20px;}
.slide-number{font-size:64px;font-weight:800;line-height:1;color:var(--glass-border);letter-spacing:-2px;flex-shrink:0;}
.slide-header-text{display:flex;flex-direction:column;gap:4px;padding-top:8px;}
.slide-tag{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--cyan-light);}
.slide-title{font-size:clamp(26px,3.5vw,40px);font-weight:800;line-height:1.15;color:var(--text);}
.gradient-text{background:linear-gradient(135deg,var(--purple-light),var(--cyan-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
/* ─── SLIDE 01 TITLE ─── */
.tag-badge{display:inline-flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--glass-border);border-radius:100px;padding:8px 18px;font-size:13px;color:var(--text-muted);backdrop-filter:blur(8px);}
.tag-dot{width:8px;height:8px;border-radius:50%;background:var(--green-light);animation:pulse-dot 2s infinite;flex-shrink:0;}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,.5);}50%{box-shadow:0 0 0 6px rgba(52,211,153,0);}}
.hero-title{font-size:clamp(40px,7vw,90px);font-weight:900;line-height:1.05;letter-spacing:-3px;}
.hero-subtitle{font-size:clamp(14px,1.5vw,18px);color:var(--text-muted);line-height:1.7;max-width:540px;}
.hero-meta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.meta-card{display:flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;padding:10px 16px;font-size:13px;color:var(--text-muted);backdrop-filter:blur(10px);transition:all .3s;}
.meta-card:hover{border-color:var(--purple-light);color:var(--text);background:var(--glass-hover);}
.meta-card svg{width:15px;height:15px;flex-shrink:0;stroke:var(--purple-light);}
.scroll-hint{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:13px;margin-top:8px;}
.scroll-arrow{width:32px;height:32px;border:1px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:bounce-x 1.5s infinite;}
.scroll-arrow svg{width:14px;height:14px;}
@keyframes bounce-x{0%,100%{transform:translateX(0);}50%{transform:translateX(5px);}}
/* ─── SLIDE 02 STATS ─── */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.stat-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:24px 20px;display:flex;flex-direction:column;gap:4px;transition:all .3s;position:relative;overflow:hidden;backdrop-filter:blur(10px);}
.stat-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent,var(--glass-border));opacity:0;transition:opacity .3s;}
.stat-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.15);box-shadow:0 20px 60px rgba(0,0,0,.4);}
.stat-card:hover::before{opacity:1;}
.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;}
.stat-icon svg{width:20px;height:20px;}
.stat-primary .stat-icon{background:rgba(124,58,237,.2);} .stat-primary .stat-icon svg{stroke:var(--purple-light);}
.stat-green .stat-icon{background:rgba(16,185,129,.2);} .stat-green .stat-icon svg{stroke:var(--green-light);}
.stat-orange .stat-icon{background:rgba(245,158,11,.2);} .stat-orange .stat-icon svg{stroke:var(--orange-light);}
.stat-purple .stat-icon{background:rgba(124,58,237,.15);} .stat-purple .stat-icon svg{stroke:var(--purple-light);}
.stat-value{font-size:48px;font-weight:900;line-height:1;letter-spacing:-2px;display:inline;}
.stat-unit{font-size:22px;font-weight:700;display:inline;color:var(--text-muted);}
.stat-primary .stat-value{color:var(--purple-light);} .stat-green .stat-value{color:var(--green-light);} .stat-orange .stat-value{color:var(--orange-light);} .stat-purple .stat-value{color:var(--purple-light);}
.stat-label{font-size:13px;color:var(--text-muted);font-weight:500;margin-top:4px;}
.stat-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;margin-top:6px;width:fit-content;}
.stat-badge.up{background:rgba(52,211,153,.15);color:var(--green-light);} .stat-badge.down{background:rgba(239,68,68,.15);color:var(--red-light);} .stat-badge.neutral{background:rgba(255,255,255,.08);color:var(--text-muted);}
.summary-quote{display:flex;align-items:flex-start;gap:16px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:20px 24px;backdrop-filter:blur(10px);}
.quote-line{width:4px;min-height:60px;background:linear-gradient(180deg,var(--purple),var(--cyan));border-radius:2px;flex-shrink:0;}
.summary-quote p{font-size:15px;color:var(--text-muted);line-height:1.75;} .summary-quote strong{color:var(--cyan-light);font-weight:700;}

/* ─── SLIDE 03 SPLIT + PROGRESS ─── */
.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1;min-height:0;}
.split-left,.split-right{display:flex;flex-direction:column;gap:16px;overflow:hidden;}
.progress-list{display:flex;flex-direction:column;gap:14px;}
.progress-item{display:flex;flex-direction:column;gap:6px;}
.progress-header{display:flex;align-items:center;justify-content:space-between;}
.progress-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text);}
.progress-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.dot-green{background:var(--green-light);} .dot-blue{background:var(--blue-light);} .dot-purple{background:var(--purple-light);} .dot-orange{background:var(--orange-light);} .dot-red{background:var(--red-light);}
.progress-pct{font-size:14px;font-weight:700;color:var(--text);}
.progress-track{height:8px;background:rgba(255,255,255,.07);border-radius:4px;overflow:hidden;}
.progress-fill{height:100%;border-radius:4px;width:0;transition:width 1.2s cubic-bezier(0.23,1,0.32,1);}
.fill-green{background:linear-gradient(90deg,var(--green),var(--green-light));box-shadow:0 0 10px rgba(52,211,153,.4);}
.fill-blue{background:linear-gradient(90deg,var(--blue),var(--blue-light));box-shadow:0 0 10px rgba(96,165,250,.4);}
.fill-purple{background:linear-gradient(90deg,var(--purple),var(--purple-light));box-shadow:0 0 10px rgba(167,139,250,.4);}
.fill-orange{background:linear-gradient(90deg,var(--orange),var(--orange-light));box-shadow:0 0 10px rgba(251,191,36,.4);}
.fill-red{background:linear-gradient(90deg,var(--red),var(--red-light));box-shadow:0 0 10px rgba(248,113,113,.4);}
.progress-meta{font-size:11px;color:var(--text-dim);}
.summary-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:24px;backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:16px;height:100%;}
.summary-card-title{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);}
.donut-wrapper{display:flex;justify-content:center;}
.donut-chart{width:160px;height:160px;transform:rotate(-90deg);}
.donut-bg{fill:none;stroke:rgba(255,255,255,.06);stroke-width:14;}
.donut-seg{fill:none;stroke-width:14;stroke-linecap:round;}
.seg-green{stroke:var(--green-light);} .seg-blue{stroke:var(--blue-light);} .seg-orange{stroke:var(--orange-light);}
.donut-label-num{font-size:20px;font-weight:900;fill:var(--text);text-anchor:middle;transform:rotate(90deg);transform-origin:60px 60px;}
.donut-label-txt{font-size:9px;font-weight:600;fill:var(--text-muted);text-anchor:middle;transform:rotate(90deg);transform-origin:60px 60px;letter-spacing:2px;text-transform:uppercase;}
.legend-list{display:flex;flex-direction:column;gap:8px;}
.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);}
.legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0;}
/* ─── SLIDE 04 ACHIEVEMENTS ─── */
.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;flex:1;}
.achievement-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px;transition:all .3s;backdrop-filter:blur(10px);}
.achievement-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.14);box-shadow:0 16px 40px rgba(0,0,0,.3);}
.ach-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;}
.ach-icon svg{width:22px;height:22px;}
.ach-green{background:rgba(16,185,129,.15);} .ach-green svg{stroke:var(--green-light);}
.ach-blue{background:rgba(59,130,246,.15);} .ach-blue svg{stroke:var(--blue-light);}
.ach-purple{background:rgba(124,58,237,.15);} .ach-purple svg{stroke:var(--purple-light);}
.ach-orange{background:rgba(245,158,11,.15);} .ach-orange svg{stroke:var(--orange-light);}
.ach-cyan{background:rgba(6,182,212,.15);} .ach-cyan svg{stroke:var(--cyan-light);}
.ach-pink{background:rgba(236,72,153,.15);} .ach-pink svg{stroke:var(--pink);}
.ach-title{font-size:14px;font-weight:700;color:var(--text);}
.ach-desc{font-size:12px;color:var(--text-muted);line-height:1.6;flex:1;}
.ach-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:5px;background:rgba(255,255,255,.06);color:var(--text-dim);width:fit-content;}

/* ─── SLIDE 05 ISSUES ─── */
.section-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding-bottom:8px;}
.section-label svg{width:14px;height:14px;}
.label-red{color:var(--red-light);} .label-red svg{stroke:var(--red-light);}
.label-green{color:var(--green-light);} .label-green svg{stroke:var(--green-light);}
.label-blue{color:var(--blue-light);} .label-blue svg{stroke:var(--blue-light);}
.issue-list,.solution-list{display:flex;flex-direction:column;gap:12px;}
.issue-item{display:flex;gap:12px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:14px;backdrop-filter:blur(8px);}
.severity-high{border-left:3px solid var(--red-light);} .severity-medium{border-left:3px solid var(--orange-light);} .severity-low{border-left:3px solid var(--blue-light);}
.issue-severity{font-size:10px;font-weight:800;letter-spacing:1px;padding:3px 7px;border-radius:5px;height:fit-content;flex-shrink:0;}
.severity-high .issue-severity{background:rgba(239,68,68,.15);color:var(--red-light);}
.severity-medium .issue-severity{background:rgba(245,158,11,.15);color:var(--orange-light);}
.severity-low .issue-severity{background:rgba(59,130,246,.15);color:var(--blue-light);}
.issue-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px;}
.issue-desc{font-size:12px;color:var(--text-muted);line-height:1.6;}
.solution-item{display:flex;gap:12px;align-items:flex-start;}
.sol-check{width:28px;height:28px;border-radius:50%;background:rgba(52,211,153,.15);border:1px solid rgba(52,211,153,.3);display:flex;align-items:center;justify-content:center;color:var(--green-light);font-size:13px;font-weight:700;flex-shrink:0;}
.sol-check.in-progress{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.3);color:var(--orange-light);}
.sol-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px;}
.sol-desc{font-size:12px;color:var(--text-muted);line-height:1.6;}
/* ─── SLIDE 06 KPI ─── */
.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;flex:1;}
.kpi-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:6px;transition:all .3s;backdrop-filter:blur(10px);}
.kpi-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.3);border-color:rgba(255,255,255,.12);}
.kpi-icon-wrap{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);margin-bottom:4px;}
.kpi-icon-wrap svg{width:20px;height:20px;stroke:var(--kpi-color,#fff);}
.kpi-value{font-size:34px;font-weight:900;letter-spacing:-1px;color:var(--text);line-height:1;}
.kpi-unit{font-size:16px;font-weight:600;color:var(--text-muted);}
.kpi-label{font-size:13px;font-weight:600;color:var(--text-muted);}
.kpi-target{font-size:11px;color:var(--green-light);font-weight:500;}
.kpi-bar-wrap{height:4px;background:rgba(255,255,255,.07);border-radius:2px;overflow:hidden;margin-top:4px;}
.kpi-bar{height:100%;border-radius:2px;background:var(--bar-color,#fff);width:0;transition:width 1.3s cubic-bezier(0.23,1,0.32,1);}
/* ─── SLIDE 07 TIMELINE ─── */
.timeline-wrapper{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;}
.timeline-track{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.1),rgba(255,255,255,.05));transform:translateY(-50%);z-index:0;}
.timeline-steps{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;}
.timeline-step{display:flex;flex-direction:column;align-items:center;gap:16px;flex:1;}
.step-node{width:52px;height:52px;border-radius:50%;border:2px solid var(--glass-border);background:var(--bg2);display:flex;align-items:center;justify-content:center;position:relative;transition:all .4s;}
.step-node svg{width:20px;height:20px;}
.timeline-step.done .step-node{background:rgba(52,211,153,.15);border-color:var(--green-light);box-shadow:0 0 20px rgba(52,211,153,.3);}
.timeline-step.done .step-node svg{stroke:var(--green-light);}
.timeline-step.current .step-node{background:rgba(124,58,237,.2);border-color:var(--purple-light);box-shadow:0 0 30px rgba(124,58,237,.5);width:60px;height:60px;}
.timeline-step.current .step-node svg{stroke:var(--purple-light);}
.timeline-step.upcoming .step-node{opacity:.4;}
.timeline-step.upcoming .step-node svg{stroke:var(--text-muted);}
.pulse-ring{position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--purple-light);animation:pulse-ring 2s infinite;opacity:0;}
@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8;}100%{transform:scale(1.4);opacity:0;}}
.step-content{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;max-width:140px;}
.step-date{font-size:10px;font-weight:600;letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;}
.timeline-step.current .step-date{color:var(--purple-light);font-weight:700;}
.step-title{font-size:15px;font-weight:700;color:var(--text);}
.step-desc{font-size:11px;color:var(--text-muted);line-height:1.5;}

/* ─── SLIDE 08 RENCANA ─── */
.checklist{display:flex;flex-direction:column;gap:10px;}
.check-item{display:flex;gap:12px;align-items:flex-start;padding:10px 14px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:all .3s;}
.check-item:hover{border-color:rgba(255,255,255,.12);transform:translateX(4px);}
.check-box{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--glass-border);background:var(--glass);flex-shrink:0;margin-top:1px;}
.check-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px;}
.check-meta{font-size:11px;color:var(--text-dim);}
.priority-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:20px;backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:10px;height:100%;}
.priority-title{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);padding-bottom:6px;}
.priority-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:rgba(255,255,255,.03);}
.p-badge{font-size:11px;font-weight:800;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.p-high .p-badge{background:rgba(239,68,68,.15);color:var(--red-light);}
.p-med .p-badge{background:rgba(245,158,11,.15);color:var(--orange-light);}
.p-low .p-badge{background:rgba(59,130,246,.15);color:var(--blue-light);}
.p-text{font-size:13px;font-weight:600;color:var(--text);flex:1;}
.p-status{font-size:10px;font-weight:700;padding:3px 8px;border-radius:5px;}
.s-critical{background:rgba(239,68,68,.15);color:var(--red-light);}
.s-high{background:rgba(245,158,11,.15);color:var(--orange-light);}
.s-med{background:rgba(59,130,246,.15);color:var(--blue-light);}
.s-low{background:rgba(52,211,153,.15);color:var(--green-light);}
.priority-divider{height:1px;background:var(--glass-border);}
.priority-meta{display:flex;flex-direction:column;gap:6px;}
.pm-item{display:flex;align-items:center;justify-content:space-between;}
.pm-label{font-size:12px;color:var(--text-dim);} .pm-val{font-size:12px;font-weight:600;color:var(--text);}
/* ─── SLIDE 09 TIM ─── */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;flex:1;}
.team-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:14px;transition:all .3s;backdrop-filter:blur(10px);}
.team-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.14);}
.team-card.featured{border-color:rgba(124,58,237,.4);box-shadow:0 0 30px rgba(124,58,237,.1);}
.team-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0;}
.av-1{background:linear-gradient(135deg,#7c3aed,#06b6d4);}
.av-2{background:linear-gradient(135deg,#059669,#0891b2);}
.av-3{background:linear-gradient(135deg,#db2777,#7c3aed);}
.av-4{background:linear-gradient(135deg,#d97706,#059669);}
.av-5{background:linear-gradient(135deg,#2563eb,#7c3aed);}
.av-6{background:linear-gradient(135deg,#dc2626,#d97706);}
.team-info{flex:1;min-width:0;}
.team-name{font-size:14px;font-weight:700;color:var(--text);}
.team-role{font-size:11px;color:var(--text-dim);margin-bottom:6px;}
.team-tasks{display:flex;gap:4px;flex-wrap:wrap;}
.task-chip{font-size:10px;font-weight:600;padding:2px 7px;border-radius:5px;}
.chip-done{background:rgba(52,211,153,.15);color:var(--green-light);}
.chip-prog{background:rgba(59,130,246,.15);color:var(--blue-light);}
.chip-pend{background:rgba(245,158,11,.15);color:var(--orange-light);}
.team-score{font-size:22px;font-weight:900;color:var(--text);flex-shrink:0;}
.team-score span{font-size:12px;font-weight:600;color:var(--text-muted);}
/* ─── SLIDE 10 CTA ─── */
.cta-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.3);border-radius:100px;padding:8px 18px;font-size:13px;color:var(--green-light);}
.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--green-light);animation:pulse-dot 2s infinite;}
.cta-title{font-size:clamp(32px,5vw,64px);font-weight:900;line-height:1.1;letter-spacing:-2px;}
.cta-subtitle{font-size:16px;color:var(--text-muted);line-height:1.7;max-width:560px;}
.cta-stats{display:flex;align-items:center;gap:32px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:20px 32px;backdrop-filter:blur(12px);}
.cta-stat{text-align:center;}
.cs-num{font-size:28px;font-weight:900;color:var(--text);line-height:1;}
.cs-lbl{font-size:12px;color:var(--text-muted);margin-top:4px;}
.cta-divider{width:1px;height:40px;background:var(--glass-border);}
.cta-buttons{display:flex;gap:12px;}
.btn-primary{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;border:none;cursor:pointer;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px rgba(124,58,237,.5);}
.btn-primary svg{width:18px;height:18px;flex-shrink:0;}
.btn-secondary{display:flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--glass-border);color:var(--text);padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;cursor:pointer;}
.btn-secondary:hover{background:var(--glass-hover);border-color:rgba(255,255,255,.15);transform:translateY(-2px);}
.btn-secondary svg{width:18px;height:18px;flex-shrink:0;}
.contact-info{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;}
.contact-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);}
.contact-item svg{width:15px;height:15px;stroke:var(--purple-light);flex-shrink:0;}

/* ─── SLIDE 10 GALLERY ─── */
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.gallery-info{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-muted);}
.gallery-info svg{width:16px;height:16px;stroke:var(--cyan-light);}
.gallery-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}

.view-toggle{display:flex;background:var(--glass);border:1px solid var(--glass-border);border-radius:8px;overflow:hidden;}
.view-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .25s;}
.view-btn svg{width:15px;height:15px;}
.view-btn.active{background:rgba(124,58,237,.25);color:var(--purple-light);}
.view-btn:hover:not(.active){color:var(--text);background:var(--glass-hover);}

.btn-upload{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;padding:8px 16px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s;border:none;font-family:inherit;}
.btn-upload:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(124,58,237,.45);}
.btn-upload svg{width:15px;height:15px;flex-shrink:0;}

.btn-clear-gallery{display:inline-flex;align-items:center;gap:6px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:var(--red-light);padding:8px 14px;border-radius:9px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit;}
.btn-clear-gallery:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5);transform:translateY(-2px);}
.btn-clear-gallery svg{width:14px;height:14px;}

.gallery-area{flex:1;min-height:0;position:relative;overflow:hidden;}

/* Dropzone */
.gallery-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:220px;border:2px dashed rgba(255,255,255,.12);border-radius:var(--radius);background:rgba(255,255,255,.02);gap:10px;transition:all .3s;cursor:pointer;}
.gallery-dropzone.drag-over{border-color:var(--purple-light);background:rgba(124,58,237,.07);box-shadow:inset 0 0 40px rgba(124,58,237,.08);}
.dropzone-icon{width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:all .3s;}
.gallery-dropzone.drag-over .dropzone-icon{background:rgba(124,58,237,.15);border-color:var(--purple-light);transform:scale(1.05);}
.dropzone-icon svg{width:30px;height:30px;stroke:var(--text-dim);}
.gallery-dropzone.drag-over .dropzone-icon svg{stroke:var(--purple-light);}
.dropzone-title{font-size:15px;font-weight:700;color:var(--text-muted);}
.dropzone-sub{font-size:13px;color:var(--text-dim);}
.dropzone-link{color:var(--cyan-light);font-weight:700;cursor:pointer;text-decoration:underline;}
.dropzone-hint{font-size:11px;color:var(--text-dim);margin-top:2px;}

/* Gallery Grid */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;height:100%;overflow-y:auto;padding-right:4px;align-content:start;}
.gallery-grid.view-large{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;}

/* Gallery Card */
.gallery-card{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;cursor:pointer;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);transition:all .35s cubic-bezier(0.23,1,0.32,1);animation:cardFadeIn .45s ease both;}
@keyframes cardFadeIn{from{opacity:0;transform:scale(.9) translateY(10px);}to{opacity:1;transform:scale(1) translateY(0);}}
.gallery-card:hover{transform:translateY(-4px) scale(1.01);border-color:rgba(255,255,255,.2);box-shadow:0 16px 40px rgba(0,0,0,.5);}

.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.gallery-card:hover img{transform:scale(1.06);}

/* Card Overlay */
.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.15) 50%,transparent 100%);opacity:0;transition:opacity .3s;display:flex;flex-direction:column;justify-content:flex-end;padding:10px;}
.gallery-card:hover .card-overlay{opacity:1;}
.card-caption{font-size:11px;font-weight:600;color:#fff;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.8);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.card-no-caption{font-size:10px;color:rgba(255,255,255,.5);font-style:italic;}

/* Card action buttons */
.card-actions{position:absolute;top:8px;right:8px;display:flex;gap:5px;opacity:0;transition:opacity .3s;}
.gallery-card:hover .card-actions{opacity:1;}
.card-action-btn{width:28px;height:28px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);transition:all .25s;}
.card-action-btn svg{width:13px;height:13px;}
.card-btn-delete{background:rgba(239,68,68,.75);color:#fff;}
.card-btn-delete:hover{background:var(--red-light);}
.card-btn-view{background:rgba(10,10,12,.65);color:rgba(255,255,255,.9);}
.card-btn-view:hover{background:rgba(124,58,237,.8);}

/* Card gagal memuat gambar */
.gallery-card.card-error{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.25);}
.gallery-card.card-error::after{content:"Gambar tidak ditemukan";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--red-light);text-align:center;padding:10px;line-height:1.4;}

/* Card number badge */
.card-num{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);color:rgba(255,255,255,.75);font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;}


/* ─── LIGHTBOX ─── */
.lightbox{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease;}
.lightbox.open{opacity:1;pointer-events:all;}
.lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.92);backdrop-filter:blur(16px);}
.lightbox-close{position:absolute;top:20px;right:24px;z-index:10;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;line-height:1;}
.lightbox-close:hover{background:rgba(239,68,68,.4);border-color:var(--red-light);transform:scale(1.1);}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;}
.lightbox-nav svg{width:22px;height:22px;}
.lightbox-nav:hover{background:rgba(124,58,237,.5);border-color:var(--purple-light);transform:translateY(-50%) scale(1.1);}
.lightbox-nav:disabled{opacity:.2;cursor:not-allowed;transform:translateY(-50%) scale(1);}
.lb-prev{left:24px;} .lb-next{right:24px;}
.lightbox-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:min(90vw,1100px);max-height:calc(100vh - 60px);padding:0 70px;}
.lightbox-img-wrap{position:relative;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);max-height:calc(100vh - 240px);display:flex;align-items:center;justify-content:center;}
.lightbox-img{max-width:100%;max-height:calc(100vh - 250px);object-fit:contain;display:block;border-radius:13px;transition:opacity .3s;animation:lbImgIn .4s cubic-bezier(0.23,1,0.32,1);}
@keyframes lbImgIn{from{opacity:0;transform:scale(.94);}to{opacity:1;transform:scale(1);}}
.lb-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);border-radius:13px;}
.lb-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--purple-light);border-radius:50%;animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.lightbox-meta{width:100%;display:flex;flex-direction:column;gap:8px;align-items:center;}
.lb-caption-row{display:flex;align-items:center;gap:8px;}
.lightbox-caption{font-size:14px;color:rgba(255,255,255,.7);text-align:center;line-height:1.5;font-style:italic;max-width:600px;}
.lightbox-caption.has-text{color:rgba(255,255,255,.9);font-style:normal;font-weight:500;}
.lb-edit-btn{width:28px;height:28px;border-radius:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;flex-shrink:0;}
.lb-edit-btn svg{width:13px;height:13px;}
.lb-edit-btn:hover{background:rgba(124,58,237,.4);color:#fff;border-color:var(--purple-light);}
.lb-caption-edit{display:flex;gap:8px;align-items:center;width:100%;max-width:500px;}
.lb-caption-input{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;font-size:13px;color:#fff;font-family:inherit;outline:none;transition:border-color .25s;}
.lb-caption-input:focus{border-color:var(--purple-light);}
.lb-caption-input::placeholder{color:rgba(255,255,255,.3);}
.lb-save-btn{background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .25s;white-space:nowrap;}
.lb-save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(124,58,237,.4);}
.lightbox-counter{font-size:12px;color:rgba(255,255,255,.35);letter-spacing:.5px;}
.lb-toolbar{display:flex;align-items:center;gap:8px;margin-top:2px;}
.lb-tool-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.65);padding:6px 13px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .25s;}
.lb-tool-btn:hover{background:rgba(124,58,237,.35);border-color:var(--purple-light);color:#fff;}
.lb-tool-btn svg{width:12px;height:12px;flex-shrink:0;}
.lb-tool-btn.active{background:linear-gradient(135deg,var(--purple),var(--cyan));border-color:transparent;color:#fff;}
.lb-tool-btn:disabled{opacity:.35;cursor:not-allowed;}
.lb-tool-btn:disabled:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.65);}

/* Layar pendek (proyektor/laptop 768p) — rapatkan area galeri */
@media(max-height:720px){
  .gallery-dropzone{min-height:150px;}
  .dropzone-icon{width:48px;height:48px;border-radius:14px;margin-bottom:0;}
  .dropzone-icon svg{width:22px;height:22px;}
  .dropzone-title{font-size:13px;}
  .dropzone-sub,.dropzone-hint{font-size:11px;}
  .shorts-stat{padding:10px 12px 10px 16px;gap:9px;}
  .ss-icon{width:30px;height:30px;border-radius:9px;}
  .ss-icon svg{width:14px;height:14px;}
  .ss-value{font-size:19px;}
  .ss-prefix{font-size:15px;}
  .short-row{padding:5px 8px;gap:8px;}
  .short-thumb{width:32px;height:32px;border-radius:7px;}
  .short-thumb svg{width:12px;height:12px;}
  .short-pills{margin-top:2px;}
  .shorts-panel{padding:12px 14px;gap:9px;}
  .pipe-rows{gap:6px;}
  .slide-content{gap:14px;}
}

/* Gallery responsive */
@media(max-width:768px){
  .gallery-toolbar{flex-direction:column;align-items:flex-start;}
  .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));}
  .gallery-grid.view-large{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));}
  .lightbox-content{padding:0 50px;}
  .lb-prev{left:8px;} .lb-next{right:8px;}
}
@media(max-width:480px){
  .btn-clear-gallery span,.btn-upload span{display:none;}
  .btn-clear-gallery,.btn-upload{padding:8px 10px;}
  .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:7px;}
  .lightbox-content{padding:0 44px;}
}


.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:100;background:rgba(10,10,12,.85);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);}
.nav-btn{display:flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;padding:10px 20px;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit;}
.nav-btn:hover{background:var(--glass-hover);border-color:rgba(255,255,255,.15);color:var(--text);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3);}
.nav-btn:active{transform:translateY(0);}
.nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:none;}
.nav-btn svg{width:16px;height:16px;}
.nav-center{display:flex;flex-direction:column;align-items:center;gap:8px;}
.slide-counter{display:flex;align-items:baseline;gap:4px;}
.counter-current{font-size:28px;font-weight:900;color:var(--text);letter-spacing:-1px;font-variant-numeric:tabular-nums;}
.counter-sep{font-size:14px;color:var(--text-dim);}
.counter-total{font-size:16px;font-weight:600;color:var(--text-muted);}
.slide-dots{display:flex;gap:6px;align-items:center;}
.dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:all .3s;}
.dot.active{width:24px;border-radius:3px;background:linear-gradient(90deg,var(--purple-light),var(--cyan-light));}
.dot:hover{background:rgba(255,255,255,.4);}
/* ─── OVERVIEW MODAL ─── */
.overview-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);z-index:800;opacity:0;pointer-events:none;transition:opacity .4s;}
.overview-backdrop.visible{opacity:1;pointer-events:all;}
.overview-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);z-index:850;background:rgba(15,15,20,.95);border:1px solid var(--glass-border);border-radius:20px;padding:28px;width:min(900px,90vw);max-height:85vh;overflow-y:auto;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(0.23,1,0.32,1);}
.overview-modal.visible{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1);}
.overview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.overview-title{font-size:20px;font-weight:800;color:var(--text);}
.overview-close{width:36px;height:36px;border-radius:8px;background:var(--glass);border:1px solid var(--glass-border);color:var(--text-muted);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;}
.overview-close:hover{background:var(--glass-hover);color:var(--text);}
.overview-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
.overview-item{border:2px solid var(--glass-border);border-radius:var(--radius-sm);padding:14px 12px;cursor:pointer;transition:all .3s;text-align:center;background:var(--glass);}
.overview-item:hover{border-color:var(--purple-light);transform:translateY(-2px);}
.overview-item.active{border-color:var(--purple-light);background:rgba(124,58,237,.1);}
.overview-item-num{font-size:20px;font-weight:900;color:var(--text);margin-bottom:4px;}
.overview-item-label{font-size:11px;color:var(--text-muted);}
/* ─── SLIDE 05 YOUTUBE SHORTS ─── */
.shorts-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.shorts-stat{display:flex;align-items:center;gap:12px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px 16px 14px 20px;backdrop-filter:blur(10px);transition:all .3s;position:relative;overflow:hidden;}
.shorts-stat::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ss-color,var(--purple-light));}
.shorts-stat:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.15);box-shadow:0 16px 40px rgba(0,0,0,.35);}
.ss-yt{--ss-color:#f87171;} .ss-blue{--ss-color:#60a5fa;} .ss-purple{--ss-color:#a78bfa;} .ss-green{--ss-color:#34d399;}
.ss-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);transition:all .3s;}
.shorts-stat:hover .ss-icon{background:rgba(255,255,255,.09);}
.ss-icon svg{width:17px;height:17px;stroke:var(--ss-color);}
.ss-body{display:flex;flex-direction:column;gap:2px;min-width:0;}
.ss-value{display:flex;align-items:baseline;gap:3px;font-size:24px;font-weight:900;line-height:1;color:var(--text);letter-spacing:-.5px;}
.ss-unit{font-size:11px;font-weight:700;color:var(--text-muted);}
.ss-prefix{font-size:18px;font-weight:900;color:var(--green-light);}
.ss-label{font-size:11px;color:var(--text-dim);white-space:nowrap;}
.ss-delta{display:inline-block;font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;margin-top:3px;width:fit-content;}
.ss-delta.up{background:rgba(52,211,153,.15);color:var(--green-light);}

.shorts-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;padding-right:3px;}
.short-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:rgba(255,255,255,.03);border:1px solid transparent;transition:all .3s;}
.short-row:hover{background:rgba(255,255,255,.06);border-color:var(--glass-border);transform:translateX(4px);}
.short-rank{font-size:11px;font-weight:900;color:var(--text-dim);width:20px;flex-shrink:0;text-align:center;}
.short-row.top1 .short-rank{color:var(--orange-light);}
.short-thumb{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.short-thumb svg{width:15px;height:15px;fill:#fff;stroke:none;opacity:.92;}
.th-1{background:linear-gradient(135deg,#ef4444,#ec4899);}
.th-2{background:linear-gradient(135deg,#7c3aed,#06b6d4);}
.th-3{background:linear-gradient(135deg,#3b82f6,#22d3ee);}
.th-4{background:linear-gradient(135deg,#10b981,#3b82f6);}
.th-5{background:linear-gradient(135deg,#f59e0b,#ef4444);}
.short-body{flex:1;min-width:0;}
.short-title{font-size:12.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.short-pills{display:flex;gap:5px;margin-top:4px;flex-wrap:wrap;}
.short-pill{font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:5px;background:rgba(255,255,255,.06);color:var(--text-muted);white-space:nowrap;}
.p-views{background:rgba(59,130,246,.16);color:var(--blue-light);}
.p-like{background:rgba(236,72,153,.16);color:#f472b6;}
.p-ret{background:rgba(16,185,129,.16);color:var(--green-light);}
.short-meter{display:flex;flex-direction:column;gap:4px;width:74px;flex-shrink:0;}
.short-meter-val{font-size:10px;font-weight:800;color:var(--text-muted);text-align:right;}
.short-meter-track{height:5px;border-radius:100px;background:rgba(255,255,255,.08);overflow:hidden;}
.shorts-fill{height:100%;border-radius:100px;width:0;background:var(--fill-color,var(--purple-light));transition:width 1s cubic-bezier(0.23,1,0.32,1);}
.shorts-panel{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:16px 18px;backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:12px;min-height:0;}
.shorts-panel.grow{flex:1;}
.pipe-rows{display:flex;flex-direction:column;gap:9px;}
.pipe-row{display:flex;align-items:center;gap:10px;}
.pipe-name{font-size:11px;font-weight:600;color:var(--text-muted);width:86px;flex-shrink:0;}
.pipe-track{flex:1;height:6px;border-radius:100px;background:rgba(255,255,255,.07);overflow:hidden;}
.pipe-count{font-size:12px;font-weight:900;color:var(--text);width:16px;text-align:right;flex-shrink:0;}
.shorts-note{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--text-dim);border-top:1px solid var(--glass-border);padding-top:9px;margin-top:2px;}
.note-val{font-weight:700;color:var(--text-muted);}
.insight-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;}
.insight-item{display:flex;gap:9px;padding:9px 11px;border-radius:var(--radius-sm);background:rgba(255,255,255,.03);border-left:2px solid var(--ins-color,var(--purple-light));}
.insight-item svg{width:13px;height:13px;stroke:var(--ins-color,var(--purple-light));flex-shrink:0;margin-top:2px;}
.ins-purple{--ins-color:#a78bfa;} .ins-blue{--ins-color:#60a5fa;} .ins-orange{--ins-color:#fbbf24;} .ins-green{--ins-color:#34d399;}
.insight-title{font-size:11.5px;font-weight:700;color:var(--text);margin-bottom:2px;}
.insight-desc{font-size:10.5px;color:var(--text-dim);line-height:1.55;}

/* ─── ANIMATE ITEMS ─── */
.animate-item{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(0.23,1,0.32,1);}
.animate-item.visible{opacity:1;transform:translateY(0);}
/* ─── RESPONSIVE ─── */
@media(max-width:1024px){
  .slide{padding:28px 32px 16px;}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .achievement-grid{grid-template-columns:repeat(2,1fr);}
  .team-grid{grid-template-columns:repeat(2,1fr);}
  .shorts-stats{grid-template-columns:repeat(2,1fr);}
  .hero-title{font-size:clamp(36px,6vw,70px);}
}
@media(max-width:768px){
  .slide{padding:20px 20px 12px;}
  .split-layout{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .kpi-grid{grid-template-columns:repeat(2,1fr);}
  .achievement-grid{grid-template-columns:repeat(2,1fr);}
  .team-grid{grid-template-columns:1fr;}
  .short-meter{display:none;}
  .timeline-steps{flex-direction:column;gap:20px;}
  .timeline-track{display:none;}
  .slide-number{font-size:40px;} .slide-title{font-size:24px;}
  .hero-title{font-size:36px;} .cta-title{font-size:30px;}
  .cta-stats{flex-direction:column;gap:12px;padding:16px;}
  .cta-divider{width:80px;height:1px;}
  .hero-meta{flex-direction:column;}
  .overview-grid{grid-template-columns:repeat(3,1fr);}
  .bottom-nav{padding:0 20px;}
}
@media(max-width:480px){
  .stats-grid{grid-template-columns:1fr;}
  .kpi-grid{grid-template-columns:1fr 1fr;}
  .achievement-grid{grid-template-columns:1fr;}
  .cta-buttons{flex-direction:column;}
  .contact-info{flex-direction:column;gap:12px;}
  .nav-btn span{display:none;}
}
::-webkit-scrollbar{width:6px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px;}