:root{--bg-color: #0c0e14;--card-bg: rgba(255, 255, 255, .03);--border-color: rgba(255, 255, 255, .1);--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--text-main: #f8fafc;--text-muted: #94a3b8;--glass-blur: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;overflow-x:hidden;display:flex;justify-content:center;align-items:center}.background-blobs{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:pulse 20s infinite alternate}.blob-1{width:500px;height:500px;background:var(--accent-primary);top:-100px;right:-100px}.blob-2{width:400px;height:400px;background:var(--accent-secondary);bottom:-50px;left:-50px;animation-delay:-5s}.blob-3{width:300px;height:300px;background:#ec4899;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}@keyframes pulse{0%{transform:scale(1) translate(0)}to{transform:scale(1.2) translate(50px,50px)}}.container{width:95%;max-width:1600px;padding:40px;background:var(--card-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px border-color;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;margin:40px 0}.hero{text-align:center;margin-bottom:48px}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:12px;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-muted);font-size:1.125rem;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:8px}.actions-link{color:var(--text-muted);background:#ffffff0d;padding:4px 10px;border-radius:6px;border:1px solid var(--border-color);font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s ease;display:flex;align-items:center;gap:6px;margin-left:8px}.actions-link:hover{color:var(--text-main);background:#ffffff1a;border-color:var(--accent-primary);transform:translateY(-1px)}.actions-link .icon{opacity:.8}.actions-link:hover .icon{opacity:1}.controls-container{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:16px}.control-group{display:flex;align-items:center;gap:8px}.control-group label{font-size:.9rem;color:var(--text-muted);font-weight:600}.job-select{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-main);padding:8px 16px;border-radius:8px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.job-select:hover,.job-select:focus{border-color:var(--accent-primary);background:#ffffff1a}.job-select option{background:#0f172a;color:var(--text-main)}.highlight{color:var(--text-main);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:48px}.stat-card{background:#ffffff05;border:1px solid var(--border-color);padding:24px;border-radius:16px;text-align:center;transition:transform .3s ease,background .3s ease}.stat-card:hover{transform:translateY(-5px);background:#ffffff0d}.stat-card .label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:8px}.stat-card .value{font-size:2rem;font-weight:700;color:var(--text-main)}.stat-card .unit{font-size:.875rem;color:var(--text-muted);margin-left:4px}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:10px;font-weight:700;color:var(--text-muted);border:1px solid var(--border-color);border-radius:50%;margin-left:4px;vertical-align:middle;cursor:help}[data-tooltip]{position:relative;cursor:pointer}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);background:#0f172af2;color:var(--text-main);padding:10px 14px;border-radius:8px;font-size:.75rem;white-space:normal;width:180px;text-align:center;box-shadow:0 10px 15px -3px #00000080;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:100;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);line-height:1.4;text-transform:none;letter-spacing:normal;font-weight:400}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(-15px)}.chart-container{background:#0003;border:1px solid var(--border-color);padding:32px 24px 24px;border-radius:16px;height:500px;position:relative;margin-bottom:32px}.chart-title{position:absolute;top:12px;left:24px;font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.btn-reset{position:absolute;top:16px;right:16px;z-index:10;padding:8px 16px;background:#ffffff1a;border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none}.btn-reset:hover{background:#ffffff26;border-color:var(--accent-primary)}.chart-container.small{height:180px}.footer{text-align:center;color:var(--text-muted);font-size:.875rem}@media(max-width:768px){.container{padding:24px;width:95%}h1{font-size:1.75rem}.chart-container{height:400px}}