:root{--bg: #181817;--card: #1E1E1E;--input-bg: #252525;--text: #E0E0E0;--muted: #9E9E9E;--border: #2A2A2A;--blue: #2962FF;--blue-dim: rgba(41, 98, 255, .15);--accent: #2962FF;--accent-dim: rgba(41, 98, 255, .15);--accent-glow: rgba(41, 98, 255, .3);--accent-text: #60a5fa;--accent-border: rgba(41, 98, 255, .4);--green: #00C853;--amber: #FFAB00;--red: #CF6679;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--radius: 8px;--font-display: "Barlow Condensed", "Inter", system-ui, sans-serif;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;color-scheme:dark;position:relative}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;background-image:url(/bg-satellite.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:.7;z-index:0;pointer-events:none}body:after{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;background:linear-gradient(to bottom,rgba(24,24,23,0) 0%,rgba(24,24,23,.4) 25%,rgba(24,24,23,.8) 45%,var(--bg) 65%);z-index:0;pointer-events:none}#root{position:relative;z-index:1}a{color:inherit;text-decoration:none}button,select,input,textarea{font-family:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.container{max-width:1400px;margin:0 auto;padding:40px 24px 64px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0000004d}.row{display:flex;gap:16px;align-items:stretch}.col{flex:1}.hstack{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.p-14{padding:14px}.p-18{padding:20px}.mt-14{margin-top:16px}.kpi{padding:20px 24px}.kpi .label{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.kpi .value{font-size:32px;font-weight:700;margin-top:8px;color:#fff;letter-spacing:-.03em;font-family:var(--font-display)}.kpi .sub{font-size:13px;color:var(--muted);margin-top:6px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;border:1px solid var(--border);background:var(--input-bg);font-size:11px;color:var(--text);font-weight:600}.pill{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:8px 14px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .2s ease}.pill:hover{background:var(--input-bg);color:var(--text);border-color:#555}.pill.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-text);box-shadow:0 0 0 1px var(--accent)}.btn{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;color:var(--text);font-size:13px}.btn:hover{background:var(--input-bg);border-color:#666}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.btn.primary:hover{filter:brightness(.85)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{background:#ffffff0d;color:var(--text)}.small{font-size:13px;color:var(--muted);font-weight:500}.h1{font-size:24px;font-weight:700;margin:0;letter-spacing:-.02em;color:#fff}.h2{font-size:18px;font-weight:600;margin:0;color:var(--text)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:16px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:middle}.table th{text-align:left;color:var(--muted);font-size:11px;letter-spacing:.05em;font-weight:700;text-transform:uppercase;background:var(--input-bg)}.table td{color:var(--text);font-weight:500}.mini{font-size:12px;color:#666}.drawer-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:999}.drawer{width:min(520px,92vw);height:100%;background:var(--bg);border-left:1px solid var(--border);padding:32px;overflow:auto;box-shadow:-8px 0 32px #00000080}.input{width:100%;border:1px solid var(--border);border-radius:8px;padding:12px 14px;outline:none;font-size:14px;transition:border-color .15s;background:var(--input-bg);color:var(--text)}.input:focus{border-color:var(--accent);background:var(--bg)}.input::-moz-placeholder{color:#555}.input::placeholder{color:#555}textarea.input{min-height:120px;resize:vertical}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.container{padding:20px 12px 40px}.kpi .value{font-size:24px}.kpi{padding:14px 16px}.h1{font-size:20px}.h2{font-size:16px}.table th,.table td{padding:10px 8px;font-size:12px}.btn{padding:8px 12px;font-size:12px}.drawer{width:min(520px,95vw);padding:20px}.mobile-hide{display:none!important}.mobile-only{display:block!important}.page-section{padding:16px;margin-bottom:16px}}@media(min-width:769px)and (max-width:1024px){.container{padding:30px 16px 48px}.kpi .value{font-size:28px}}.mobile-only{display:none}.section-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.section-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000080,0 0 30px var(--accent-dim);border-color:#ffffff1a!important}.page-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.page-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.page-header h2{font-size:22px;font-weight:700;color:#fff;margin:0}.page-header .subtitle{font-size:13px;color:var(--muted);margin-top:2px}.page-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-label{display:block;font-size:13px;color:var(--muted);font-weight:500;margin-bottom:8px}.btn.secondary{background:var(--input-bg);border-color:#444;color:var(--muted)}.btn.secondary:hover{background:#333;color:var(--text)}.alert{border-radius:var(--radius);padding:12px 16px;font-size:13px;margin-bottom:16px}.alert.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.alert.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80}.alert.info{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent-text)}.stat-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;font-family:var(--font-display);letter-spacing:-.01em}.stat-chip.blue{background:#3b82f626;color:#60a5fa}.stat-chip.green{background:#22c55e26;color:#4ade80}.stat-chip.amber{background:#f59e0b26;color:#fbbf24}.stat-chip.pink{background:#ec489926;color:#f472b6}.stat-chip.purple{background:#8b5cf626;color:#a78bfa}.stat-chip.red{background:#ef444426;color:#f87171}.stat-chip.slate{background:#94a3b826;color:#cbd5e1}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes skeleton{0%,to{opacity:.4}50%{opacity:.7}}@keyframes chartDraw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.animate-in{animation:fadeSlideUp .5s ease-out both;opacity:0}.animate-fade{animation:fadeIn .6s ease-out both;opacity:0}.animate-skeleton{animation:skeleton 1.5s ease-in-out infinite}.animate-delay-1{animation-delay:.05s}.animate-delay-2{animation-delay:.1s}.animate-delay-3{animation-delay:.15s}.animate-delay-4{animation-delay:.2s}.animate-delay-5{animation-delay:.25s}.animate-delay-6{animation-delay:.3s}.animate-delay-7{animation-delay:.35s}.animate-delay-8{animation-delay:.4s}.kpi-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.kpi-card:hover{transform:scale(1.03);box-shadow:0 8px 24px #0006,inset 0 0 0 1px var(--glow-color, #333);border-color:var(--glow-color, #333)!important}.kpi-card:hover .kpi-icon{box-shadow:0 4px 20px var(--glow-color, rgba(255, 255, 255, .3));transition:box-shadow .2s ease}@keyframes uploadArrow{0%{transform:translateY(8px);opacity:0}30%{opacity:1}70%{opacity:1}to{transform:translateY(-14px);opacity:0}}@keyframes eyeBlink{0%,30%,to{transform:scaleY(1)}15%{transform:scaleY(.1)}}@keyframes clockTick{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes personPopIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes barGrow{0%{transform:scaleY(0)}80%{transform:scaleY(1.05)}to{transform:scaleY(1)}}@keyframes targetClick{0%{transform:scale(1)}20%{transform:scale(.6)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes targetRipple{0%{transform:scale(0);opacity:.9}to{transform:scale(1.5);opacity:0}}.kpi-card:hover .icon-upload-arrow{animation:uploadArrow .7s ease-out both}.kpi-card:hover .icon-eye{animation:eyeBlink 1s ease;transform-origin:center center}.kpi-card:hover .icon-clock-hand{animation:clockTick .8s ease-in-out forwards;transform-origin:24px 24px}.kpi-card:hover .icon-person-side{animation:personPopIn .4s cubic-bezier(.34,1.56,.64,1) both}.kpi-card:hover .icon-person-left{animation-delay:.1s;transform-origin:center center}.kpi-card:hover .icon-person-right{animation-delay:.2s;transform-origin:center center}.kpi-card:hover .icon-bar{animation:barGrow .6s ease-out both;transform-origin:bottom center}.kpi-card:hover .icon-target-click{animation:targetClick .5s ease;transform-origin:center center}.kpi-card:hover .icon-ripple{animation:targetRipple .8s ease-out both;transform-origin:center center}@keyframes boltFlash{0%,to{opacity:0;transform:scale(.5)}15%{opacity:1;transform:scale(1.2)}30%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}70%{opacity:1;transform:scale(1)}85%{opacity:.6;transform:scale(.9)}}.vs-icon:hover .vs-bolt{animation:boltFlash .7s ease both;transform-origin:center center}@keyframes calcDigit{0%,90%{opacity:0}to{opacity:1}}.calc-section:hover .calc-d1{animation:calcDigit .1s ease .1s both}.calc-section:hover .calc-d2{animation:calcDigit .1s ease .25s both}.calc-section:hover .calc-d3{animation:calcDigit .1s ease .4s both}.calc-section:hover .calc-d4{animation:calcDigit .1s ease .55s both}.calc-section:hover .calc-d5{animation:calcDigit .1s ease .7s both}@keyframes slicePull{0%{transform:translate(0) rotate(0);opacity:.85}30%{transform:translate(4px,-4px) rotate(5deg);opacity:.85}to{transform:translate(30px,-30px) rotate(15deg);opacity:0}}.pizza-section:hover .pizza-slice{animation:slicePull .6s ease-in both;transform-origin:24px 24px}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(.95)}45%{transform:scale(1.1)}60%{transform:scale(1)}to{transform:scale(1)}}.heart-section:hover .heart-icon{animation:heartBeat .8s ease both}.week-bar:hover{transform:scaleY(1.08) translateY(-2px);filter:brightness(1.2)}@keyframes podiumJump{0%{transform:translateY(0)}8%{transform:translateY(-7px)}16%{transform:translateY(0)}22%{transform:translateY(-6px)}30%{transform:translateY(0)}36%{transform:translateY(-5px)}44%{transform:translateY(0)}50%{transform:translateY(-4px)}58%{transform:translateY(0)}64%{transform:translateY(-3px)}72%{transform:translateY(0)}80%{transform:translateY(-2px)}88%{transform:translateY(0)}to{transform:translateY(0)}}.podium-section:hover .podium-winner{animation:podiumJump 2s ease both}@keyframes radarReceive{0%{opacity:0;transform:translate(4px) translateY(-2px)}15%{opacity:.9;transform:translate(2px) translateY(-1px)}70%{opacity:.8;transform:translate(-14px) translateY(6px)}90%{opacity:.3;transform:translate(-18px) translateY(8px)}to{opacity:0;transform:translate(-20px) translateY(10px)}}.section-card:hover .radar-waves{animation:radarReceive 1.4s ease both}@keyframes arrowHit{0%{opacity:0;transform:translate(28px,-22px)}40%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes targetShake{0%{transform:translate(0) rotate(0)}15%{transform:translate(-2px,1px) rotate(-2deg)}30%{transform:translate(2px,-1px) rotate(2deg)}45%{transform:translate(-1px) rotate(-1deg)}60%{transform:translate(1px) rotate(1deg)}75%{transform:translate(-.5px) rotate(0)}to{transform:translate(0) rotate(0)}}.target-section:hover .target-arrow{animation:arrowHit .35s cubic-bezier(.12,0,.39,0) both}.target-section:hover .target-board{animation:targetShake .6s ease .14s both}@keyframes progressFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.comparison-row{transition:background .15s ease}.comparison-row:hover{background:#ffffff08}.donut-hover{transition:transform .3s ease}.donut-hover:hover{transform:rotate(10deg) scale(1.08)}.insight-card{transition:transform .2s ease,box-shadow .2s ease}.insight-card:hover{transform:scale(1.04);box-shadow:0 4px 16px #0000004d}@keyframes numberPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.number-pop{animation:numberPop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes ringPulse{0%,to{filter:drop-shadow(0 0 0px transparent)}50%{filter:drop-shadow(0 0 8px var(--ring-color, #3b82f6))}}.ring-pulse{animation:ringPulse 1s ease-in-out .6s both}.production-mix{transition:transform .2s ease,box-shadow .2s ease}.production-mix:hover{transform:scale(1.04);box-shadow:0 0 20px #f9731640,0 0 20px #0ea5e940}@media(prefers-reduced-motion:reduce){.animate-in,.animate-fade,.number-pop,.ring-pulse{animation:none;opacity:1;transform:none}.kpi-card:hover,.donut-hover:hover,.insight-card:hover,.production-mix:hover{transform:none}}