:root{color-scheme:dark;font-family:Sora,sans-serif;--bg: #0a0b0f;--bg-alt: #12141b;--panel: rgba(19, 22, 32, .86);--panel-strong: #161a24;--text: #f5f5f5;--muted: #9aa4b2;--accent: #e50914;--accent-soft: rgba(229, 9, 20, .2);--cyan: #2dd4bf;--amber: #fbbf24;--outline: rgba(255, 255, 255, .08);--shadow: 0 20px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(229,9,20,.12),transparent 45%),radial-gradient(circle at 20% 20%,rgba(45,212,191,.08),transparent 40%),var(--bg);color:var(--text)}.app-shell{padding:32px clamp(20px,4vw,60px) 60px;display:flex;flex-direction:column;gap:32px}.topbar{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:16px;align-items:center}.brand-mark{width:52px;height:52px;border-radius:14px;background:linear-gradient(140deg,#e50914,#f97316);box-shadow:0 12px 24px #e5091466}.brand-title{font-family:Bebas Neue,sans-serif;letter-spacing:1px;font-size:28px;margin:0}.brand-sub{margin:0;color:var(--muted);font-size:13px}.topbar-actions{display:flex;gap:12px}.ghost-button,.solid-button{border-radius:999px;padding:10px 22px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;font-weight:600;transition:transform .2s ease,border-color .2s ease,background .2s ease}.ghost-button{border-color:var(--outline);color:var(--muted)}.ghost-button:hover{border-color:#fff3;color:var(--text);transform:translateY(-1px)}.solid-button{background:linear-gradient(135deg,#e50914,#f97316);box-shadow:0 10px 30px #e5091466}.solid-button:hover{transform:translateY(-1px) scale(1.02)}.main-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.hero{grid-column:1 / -1;background:linear-gradient(125deg,#12141bd9,#12141b33);border:1px solid var(--outline);border-radius:24px;padding:clamp(24px,5vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(229,9,20,.18),transparent 55%);opacity:.7;pointer-events:none}.hero>div{position:relative;z-index:1}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:3px;font-size:12px;margin:0 0 12px}.hero h1{font-size:clamp(28px,3vw,40px);margin:0 0 16px}.hero-sub{color:var(--muted);margin:0 0 22px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-card{background:var(--panel);border-radius:20px;border:1px solid var(--outline);padding:22px;display:flex;flex-direction:column;gap:18px}.hero-card-header{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.hero-number{font-size:48px;margin:0}.hero-label{color:var(--muted);margin:0}.hero-progress{background:#ffffff0f;height:6px;border-radius:999px;overflow:hidden}.hero-progress span{display:block;height:100%;background:linear-gradient(90deg,#e50914,#fbbf24)}.hero-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.metrics{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.metric-card{background:var(--panel-strong);border-radius:16px;border:1px solid var(--outline);padding:16px;animation:fadeUp .5s ease forwards;opacity:0}.metric-card h3{margin:6px 0 0;font-size:24px}.jobs{grid-column:span 7;display:flex;flex-direction:column;gap:18px}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header p{color:var(--muted);margin:6px 0 0}.job-grid{display:grid;gap:16px}.job-card{background:var(--panel);border-radius:18px;border:1px solid transparent;padding:18px;text-align:left;color:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease;box-shadow:var(--shadow)}.job-card:hover{transform:translateY(-2px);border-color:#e5091466}.job-card.selected{border-color:#e5091499;background:linear-gradient(135deg,#e509141f,#12141be6)}.job-card-header{display:flex;justify-content:space-between;gap:12px}.job-number{margin:0;color:var(--accent);font-weight:600}.job-sub{margin:4px 0 0;color:var(--muted)}.job-card-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 12px;margin-top:16px;color:var(--muted);font-size:13px}.job-card-bar{margin-top:16px;height:6px;border-radius:999px;background:#ffffff0f;overflow:hidden}.job-card-bar span{display:block;height:100%;background:linear-gradient(90deg,#e50914,#2dd4bf)}.details{grid-column:span 5;display:flex;flex-direction:column;gap:18px}.timeline-card{background:var(--panel-strong);border-radius:20px;border:1px solid var(--outline);padding:20px;box-shadow:var(--shadow)}.timeline-header{display:flex;justify-content:space-between;align-items:center}.timeline-list{margin-top:18px;display:grid;gap:12px}.timeline-item{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.timeline-item.complete{border-color:#2dd4bf66}.timeline-item.in_progress{border-color:#fbbf2466}.timeline-item.not_started{border-color:#ffffff0d}.timeline-sub{color:var(--muted);font-size:12px;margin:4px 0 0}.activity{grid-column:1 / -1;display:flex;flex-direction:column;gap:18px}.activity-feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.activity-item{background:var(--panel);border-radius:16px;padding:16px;border:1px solid var(--outline);display:flex;justify-content:space-between;align-items:center;gap:12px}.activity-title{margin:0;font-weight:600}.activity-sub{margin:4px 0 0;color:var(--muted);font-size:13px}.pill{padding:6px 12px;border-radius:999px;background:#ffffff14;font-size:12px;color:var(--muted)}.status{padding:6px 12px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.status-live{background:#fbbf2426;color:var(--amber)}.status-done{background:#2dd4bf2e;color:var(--cyan)}.status-hold{background:#e2e8f01f;color:#cbd5f5}.status-idle{background:#94a3b81f;color:#94a3b8}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.jobs,.details{grid-column:1 / -1}}@media (max-width: 720px){.topbar{flex-direction:column;align-items:flex-start;gap:16px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.job-card-meta{grid-template-columns:repeat(2,1fr)}}