:root{--navy-950:#0a0d14;--navy-900:#12151f;--navy-850:#171b27;--petrol-800:#1c212f;--petrol-700:#262c3f;--anthracite:#1a1e29;--border:#2d3344;--border-soft:#1d212c;--text-primary:#eef1f6;--text-secondary:#a3aec0;--text-muted:#6c7686;--accent:#ea5a2b;--accent-2:#f5951f;--accent-soft:#f3a26a;--accent-gradient:linear-gradient(90deg, #f5951f 0%, #ea3a2b 100%);--accent-glow:#ea5a2b59;--green:#4caf7d;--orange:#e2a03f;--red:#e05a5a;--blue:#3987e5;--radius:10px;--font:"Segoe UI", "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font);background:var(--navy-950);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;position:relative}*{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff29 padding-box padding-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#ffffff47 padding-box padding-box}::-webkit-scrollbar-corner{background:0 0}.wallpaper{z-index:-3;background:var(--navy-950);pointer-events:none;position:fixed;inset:0;overflow:hidden}.wallpaper-layer{position:absolute;inset:-10%}.wallpaper-image{will-change:transform;background:url(/assets/wallpaper-bg-BkOC5KsW.jpg) 50%/cover no-repeat;animation:26s ease-in-out infinite wallpaper-drift}.wallpaper-beam{mix-blend-mode:screen;will-change:transform;background:conic-gradient(at 18% 12%,#0000 0deg,#f5951f38 8deg,#ea3a2b1f 18deg,#0000 46deg 360deg);animation:16s linear infinite wallpaper-sweep;inset:-25%}.wallpaper-beam.reverse{background:conic-gradient(from 180deg at 84% 88%,#0000 0deg,#f5951f29 10deg,#0000 42deg 360deg);animation:22s linear infinite wallpaper-sweep-reverse;inset:-25%}.wallpaper-glow{background:radial-gradient(45% 32% at 50% 0,#f5951f33,#0000 70%),radial-gradient(60% 45% at 85% 100%,#ea3a2b1f,#0000 70%);animation:7s ease-in-out infinite wallpaper-pulse}@keyframes wallpaper-drift{0%{transform:scale(1.04)translate(0)}25%{transform:scale(1.1)translate(-2.5%,-1.5%)}50%{transform:scale(1.16)translate(1.5%,-2.5%)}75%{transform:scale(1.1)translate(2.2%,1.2%)}to{transform:scale(1.04)translate(0)}}@keyframes wallpaper-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wallpaper-sweep-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes wallpaper-pulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.wallpaper-image,.wallpaper-beam,.wallpaper-beam.reverse,.wallpaper-glow{animation:none}}.wallpaper-paused .wallpaper-image,.wallpaper-paused .wallpaper-beam,.wallpaper-paused .wallpaper-beam.reverse,.wallpaper-paused .wallpaper-glow{animation-play-state:paused}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.28s backwards fadeInUp}.kpi-grid>*,.panel-grid>*,.panel{animation:.35s backwards fadeInUp}.kpi-grid>:first-child{animation-delay:20ms}.kpi-grid>:nth-child(2){animation-delay:60ms}.kpi-grid>:nth-child(3){animation-delay:.1s}.kpi-grid>:nth-child(4){animation-delay:.14s}.kpi-grid>:nth-child(5){animation-delay:.18s}.kpi-grid>:nth-child(6){animation-delay:.22s}.kpi-grid>:nth-child(n+7){animation-delay:.26s}.panel-grid>:first-child{animation-delay:40ms}.panel-grid>:nth-child(2){animation-delay:90ms}.panel-grid>:nth-child(3){animation-delay:.14s}.panel-grid>:nth-child(n+4){animation-delay:.19s}@media (prefers-reduced-motion:reduce){.page-transition,.kpi-grid>*,.panel-grid>*,.panel{animation:none}}a{color:inherit;text-decoration:none;transition:color .15s,opacity .15s}button{font-family:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg, var(--navy-900), var(--navy-950));border-right:1px solid var(--border-soft);flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:20px 0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--border-soft);margin-bottom:12px;padding:4px 16px 16px}.sidebar-brand-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:10px;font-weight:600}.sidebar-brand-logo{width:100%;height:auto;filter:drop-shadow(0 0 10px var(--accent-glow));display:block}.sidebar-nav{flex-direction:column;gap:2px;padding:0 10px;display:flex}.sidebar-link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background .18s,color .18s,box-shadow .18s,transform .15s;display:flex}.sidebar-link:hover{transform:translate(2px)}.sidebar-link .num{color:var(--text-muted);width:16px;font-size:10.5px}.sidebar-link:hover{background:var(--petrol-800);color:var(--text-primary)}.sidebar-link.active{background:var(--petrol-700);color:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.sidebar-footer{color:var(--text-muted);border-top:1px solid var(--border-soft);margin-top:auto;padding:12px 20px 0;font-size:10.5px}.main{flex:1;min-width:0;padding:24px 32px 60px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.page-title{text-wrap:balance;margin:0;font-size:22px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:13px}.kpi-grid{flex-wrap:wrap;gap:14px;margin-bottom:22px;display:flex}.panel .kpi-grid .kpi-card{background:var(--navy-950)}.kpi-card{background:var(--navy-900);border:1px solid var(--border-soft);border-radius:var(--radius);flex:150px;min-width:150px;max-width:240px;padding:14px 16px;transition:transform .2s,border-color .2s,box-shadow .2s}.kpi-card:hover{border-color:var(--border);transform:translateY(-3px);box-shadow:0 10px 24px #0000004d}.social-icon-chip:hover{transform:scale(1.06);background:var(--accent-soft)!important;color:var(--navy-900)!important}.kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:11px}.kpi-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.kpi-delta{margin-top:4px;font-size:12px}.kpi-delta.up{color:var(--green)}.kpi-delta.down{color:var(--red)}.panel{background:var(--navy-900);border:1px solid var(--border-soft);border-radius:var(--radius);margin-bottom:18px;padding:16px 18px}.panel-title{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-soft);text-wrap:balance;margin:0 0 12px;font-size:13px;font-weight:700}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-soft);margin:30px 0 12px;padding-bottom:8px;scroll-margin-top:58px;font-size:11px;font-weight:700}.section-label:first-child{margin-top:0}.section-nav{z-index:5;background:var(--navy-950);border-bottom:1px solid var(--border-soft);flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:8px 0;display:flex;position:sticky;top:0}.section-nav a{color:var(--text-secondary);white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:11.5px;font-weight:600;text-decoration:none;transition:color .15s,background .15s}.section-nav a:hover{color:var(--text-primary);background:var(--petrol-700)}.panel-grid{flex-wrap:wrap;gap:16px;display:flex}.panel-grid>*{flex:280px;min-width:280px;max-width:760px}.table-wrap{overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:11px}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.data-table th.sortable:hover{color:var(--text-secondary)}.data-table th.sortable:focus-visible{color:var(--text-secondary);box-shadow:inset 0 0 0 2px var(--accent-glow);border-radius:3px;outline:none}div[role=button]:focus-visible{box-shadow:0 0 0 2px var(--accent-glow);outline:none}.sort-indicator{color:var(--accent-soft);margin-left:4px}.data-table td{border-bottom:1px solid var(--border-soft);white-space:nowrap;color:var(--text-primary);font-variant-numeric:tabular-nums;padding:9px 10px}.capsule-thumb{outline-offset:-1px;outline:1px solid #ffffff14}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#ffffff09}.data-table tbody tr.group-divider td{border-top:1px solid var(--border)}.row-inactive{opacity:.45}.row-actions{gap:6px;display:flex}.empty-state{color:var(--text-muted);text-align:center;padding:24px 4px;font-size:13px}.badge{letter-spacing:.02em;background:var(--petrol-800);color:var(--text-secondary);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;transition:background .18s,color .18s;display:inline-block}.badge.stage-live,.badge.level-info,.badge.status-approved,.badge.status-ready,.badge.status-delivered,.badge.status-ok,.badge.status-success,.badge.status-published,.badge.status-positive,.badge.tier-tier-1{color:var(--green);background:#4caf7d29}.badge.level-medium,.badge.impact-medium,.badge.status-review,.badge.status-changes,.badge.status-partial,.badge.status-running,.badge.status-submitted,.badge.status-pending,.badge.status-non-verifie,.badge.relevance-orange,.badge.tier-hot,.badge.tier-tier-2{color:var(--orange);background:#e2a03f29}.badge.level-critical,.badge.level-high,.badge.impact-high,.badge.status-overdue,.badge.status-error,.badge.status-rejected,.badge.status-failed,.badge.status-negative,.badge.relevance-red,.badge.urgent{color:var(--red);background:#e05a5a29}.badge.status-disabled,.badge.relevance-neutral,.badge.tier-back-catalog,.badge.tier-tier-3{color:var(--text-muted);background:#6d7f9424}.badge.status-scheduled{color:var(--blue);background:#3987e529}.health-score{border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;transition:border-color .2s,color .2s,transform .2s;display:inline-flex}.health-score:hover{transform:scale(1.08)}.health-score.good{border-color:var(--green);color:var(--green)}.health-score.mid{border-color:var(--orange);color:var(--orange)}.health-score.low{border-color:var(--red);color:var(--red)}.btn{border:1px solid var(--border);background:var(--navy-850);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:border-color .18s,background .18s,filter .18s,transform .12s,box-shadow .18s}.btn:hover{border-color:var(--accent)}.btn:active{transform:scale(.96)}.btn.primary{background:var(--accent-gradient);border-color:var(--accent);color:#1a0d05;box-shadow:0 2px 12px var(--accent-glow)}.btn.primary:hover{filter:brightness(1.08);box-shadow:0 4px 18px var(--accent-glow)}.btn.ghost{color:var(--text-secondary);background:0 0;border-color:#0000;padding:6px 8px}.btn.ghost:hover{color:var(--text-primary);border-color:var(--border)}.btn.danger{border-color:var(--red);color:var(--red);background:#e05a5a24}.btn.danger:hover{background:var(--red);color:#2a0d0d;box-shadow:0 4px 18px #e05a5a4d}.btn.small{padding:5px 10px;font-size:12px}.modal-backdrop{z-index:50;background:#05090fa6;justify-content:center;align-items:flex-start;padding:40px 16px;animation:.18s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--navy-900);border:1px solid var(--border);border-radius:12px;width:100%;max-width:620px;padding:22px 24px 24px;animation:.22s cubic-bezier(.16,1,.3,1) modalPop}.modal.modal-wide{max-width:1100px}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}}.modal h2{margin:0;font-size:17px}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:0 2px;font-size:22px;line-height:1;transition:color .15s,background .15s}.modal-close:hover{color:var(--text-primary);background:var(--petrol-700)}.form-grid{grid-template-columns:repeat(2,1fr);gap:12px 14px;display:grid}.form-field{flex-direction:column;gap:5px;display:flex}.form-field.full{grid-column:1/-1}.form-field label{color:var(--text-secondary);font-size:11.5px;font-weight:600}.form-field input,.form-field select,.form-field textarea{background:var(--navy-950);border:1px solid var(--border);color:var(--text-primary);border-radius:7px;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .18s,box-shadow .18s}.form-field textarea{resize:vertical;min-height:60px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.budget-grid-input{background:var(--navy-950);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;width:100%;padding:5px 7px;font-family:inherit;font-size:12.5px;transition:border-color .18s,box-shadow .18s}.budget-grid-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar .spacer{flex:1}.search-input{background:var(--navy-900);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;min-width:220px;padding:8px 12px;font-size:13px;transition:border-color .18s,box-shadow .18s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.filter-select{background:var(--navy-900);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:8px 10px;font-size:13px;transition:border-color .18s}.loading,.error-box{text-align:center;color:var(--text-muted);padding:30px}.error-box{color:var(--red)}.link-btn{color:var(--accent-soft);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline;transition:color .15s}.link-btn:hover{color:var(--accent-2)}.timeline-toggle{gap:6px;display:flex}.timeline-grid{background:var(--border-soft);border:1px solid var(--border-soft);border-radius:var(--radius);gap:1px;min-width:max-content;display:grid}.timeline-cell{background:var(--navy-900);flex-direction:column;justify-content:center;gap:4px;min-height:58px;padding:7px 8px;display:flex}.timeline-cell.drop-target{box-shadow:inset 0 0 0 1px var(--accent);background:#ea5a2b1a}.timeline-head{background:var(--navy-850);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);min-height:34px;font-size:11.5px;font-weight:700}.timeline-month-head{text-align:center;border-bottom:1px solid var(--border-soft);align-items:center}.timeline-week-head{font-size:10.5px;font-weight:600}.timeline-row-label{flex-direction:row;justify-content:center;align-items:center}.timeline-row-label,.timeline-corner{z-index:2;position:sticky;left:0}.timeline-cell.today{box-shadow:inset 0 0 0 1px var(--blue)}.timeline-chip{background:var(--petrol-700);border-left:3px solid var(--accent-soft);color:var(--text-primary);cursor:pointer;border-radius:5px;padding:6px 8px 6px 9px;font-size:12.5px;font-weight:600;line-height:1.3;transition:transform .15s,box-shadow .15s}.timeline-chip:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000059}.timeline-chip[draggable=true]{cursor:grab}.timeline-chip.dragging{opacity:.4}.steam-event-chip{color:var(--text-primary);background:#9085e924;border-left:3px solid #9085e9}.video-chip{color:var(--text-primary);background:#2dd4bf24;border-left:3px solid #2dd4bf}.sale-bar{border-left:3px solid var(--orange);z-index:1;background:#e2a03f24;flex-wrap:wrap;align-self:center;align-items:center;gap:6px;display:flex}.sale-bar-game-chip{background:var(--petrol-800);color:var(--accent-soft);cursor:pointer;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600}.sale-bar-game-chip:hover{text-decoration:underline}.asset-bar{text-overflow:ellipsis;white-space:nowrap;background:var(--petrol-800);z-index:1;align-self:center;display:block;overflow:hidden}.steam-event-popover{z-index:50;background:var(--navy-850);width:280px;color:var(--text-secondary);pointer-events:none;border:1px solid #9085e9;border-radius:8px;padding:12px 14px;font-size:12px;box-shadow:0 8px 24px #00000073}.steam-event-popover-title{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:700}.steam-event-popover-dates,.steam-event-popover-deadline{margin-bottom:4px;font-size:11.5px}.steam-event-popover-deadline{color:var(--orange)}.steam-event-popover-desc{margin-bottom:6px;line-height:1.4}.steam-event-popover-source{color:var(--text-muted);font-size:10.5px}.chart-pie-slice{transform-box:fill-box;transform-origin:50%;transition:transform .15s,opacity .15s}.chart-pie-slice:hover{transform:scale(1.035)}.chart-trend-point{transition:r .15s}.chart-trend-point:hover{r:5}@keyframes drawLine{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.chart-trend-line{stroke-dasharray:1;animation:.7s forwards drawLine}.chart-trend-area{animation:.6s .3s both fadeIn}@media (prefers-reduced-motion:reduce){.chart-trend-line,.chart-trend-area{animation:none}}.collapsible-chevron{transition:transform .25s;display:inline-block}.collapsible-chevron.open{transform:rotate(180deg)}.collapsible-content{animation:.25s fadeInUp}.kanban-board{align-items:flex-start;gap:14px;padding-bottom:10px;display:flex;overflow-x:auto}.kanban-column{background:var(--navy-900);border:1px solid var(--border-soft);border-radius:10px;flex:0 0 260px;padding:10px;transition:box-shadow .15s,background .15s}.kanban-column.drop-target{box-shadow:inset 0 0 0 1px var(--accent);background:#ea5a2b0f}.kanban-column-header{border-bottom:1px solid var(--border-soft);align-items:center;gap:8px;margin-bottom:8px;padding:4px 6px 10px;display:flex}.kanban-column-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.kanban-column-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);flex:1;font-size:12px;font-weight:700}.kanban-column-count{color:var(--text-muted);background:var(--petrol-800);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.kanban-column-body{flex-direction:column;gap:8px;min-height:40px;display:flex}.kanban-card{background:var(--petrol-700);border:1px solid var(--border-soft);border-left:3px solid var(--accent-soft);cursor:pointer;border-radius:8px;padding:10px 11px;transition:transform .15s,box-shadow .15s}.kanban-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000059}.kanban-card.dragging{opacity:.4}.kanban-card.overdue{border-left-color:var(--red)}.kanban-add-card{border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:8px;font-size:12px;transition:color .15s,border-color .15s}.kanban-add-card:hover{color:var(--text-primary);border-color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}