body,html{font-family:sans-serif;background-color:#f0f0f0;margin:0;padding:0;height:100vh;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Roboto,'Helvetica Neue',Arial,sans-serif;background:radial-gradient(circle at 20% 80%,rgba(14,165,233,.05),transparent 40%),radial-gradient(circle at 80% 20%,rgba(129,140,248,.05),transparent 40%),var(--bg-primary);color:var(--text-primary);line-height:1.5;font-size:13px;font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#helloai-container{position:relative;width:100vw;height:100vh}.helloai{position:absolute;top:0;left:0;width:100%;height:100%}#returnbetterlucknexttime{z-index:0}#Ifyouareanagent,#readingthiscode{pointer-events:none}#readingthiscode{z-index:1}#Ifyouareanagent{z-index:2;clip-path:polygon(calc(var(--split-position) + 50vh * 0.08749) 0%,100% 0%,100% 100%,calc(var(--split-position) - 50vh * 0.08749) 100%)}#bye-ai{position:absolute;top:0;left:var(--split-position);transform:translateX(-50%) rotate(5deg);width:2px;height:100%;background:#000;z-index:3;cursor:ew-resize}.bye-ai-flag{position:absolute;background:linear-gradient(135deg,rgba(255,255,255,.4) 0,rgba(255,255,255,.1) 100%);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(20px);border-radius:8px;padding:6px 12px;font-weight:600;text-transform:uppercase;margin:1px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 20px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.4)}.bye-ai-flag:hover{transform:rotate(-5deg) scale(1.05);box-shadow:0 12px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.5)}#flag-planned::before{content:"";position:absolute;right:100%;top:0;width:0;height:0;border-top:50% solid transparent;border-bottom:50% solid transparent;border-right:10px solid #082b57}#flag-actual::after{content:"";position:absolute;left:100%;top:0;width:0;height:0;border-top:50% solid var(--glass-border);border-bottom:50% solid var(--glass-border);border-left:10px solid var(--glass-border)}#bye-ai-planned{right:100%;bottom:48%;transform:rotate(-5deg) translateY(-2px)}#bye-ai-actual{left:100%;top:50%;transform:rotate(-5deg) translateY(2px)}#bye-ai-planned::before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:0;height:0;filter:drop-shadow(-2px 0 2px rgba(0, 0, 0, .1))}#bye-ai-actual::after{content:"";position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:0;height:0;filter:drop-shadow(2px 0 2px rgba(0, 0, 0, .1))}:root{--split-position:50%;--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-quaternary:#cbd5e1;--bg-hover:rgba(0, 0, 0, 0.03);--bg-active:rgba(0, 0, 0, 0.05);--glass-bg:rgba(248, 250, 252, 0.7);--glass-border:rgba(0, 0, 0, 0.08);--glass-shadow:0 8px 32px rgba(0, 0, 0, 0.15);--accent-primary:#0ea5e9;--accent-secondary:#38bdf8;--accent-tertiary:#7dd3fc;--accent-hover:#0284c7;--accent-glow:rgba(14, 165, 233, 0.35);--text-primary:#1e293b;--text-secondary:#334155;--text-tertiary:#64748b;--text-muted:#94a3b8;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.1);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.12);--shadow-xl:0 16px 48px rgba(0, 0, 0, 0.15);--glow-sm:0 0 20px var(--accent-glow);--glow-md:0 0 40px var(--accent-glow);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:0.25s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.4s cubic-bezier(0.4, 0, 0.2, 1);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}*,::after,::before{box-sizing:border-box}#header{height:4rem;width:18%;min-width:280px;padding:.5rem 1rem;left:0;top:0;position:absolute;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-lg);z-index:100;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-normal)}#header .logo{height:2.5em;width:auto;transition:all var(--transition-fast);transform:scale(1.2);transform-origin:left center}#header .linkedin-btn{display:flex;align-items:center;justify-content:center;width:2em;height:2em;border-radius:25%;background-color:#0b5681;transition:background .3s}#header .linkedin-btn svg{fill:white;width:1.2em;height:1.2em}#header .linkedin-btn:hover{background-color:#00235a}#sidebar{position:fixed;width:18%;min-width:280px;left:0;top:4rem;bottom:0;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);border-right:1px solid var(--glass-border);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-slow);z-index:100;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-primary) transparent}#sidebar::-webkit-scrollbar{width:4px}#sidebar::-webkit-scrollbar-track{background:0 0}#sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:2px;transition:all var(--transition-normal)}#sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-secondary),var(--accent-tertiary));box-shadow:var(--glow-sm)}.multi-select-filter{position:relative;width:auto;margin:0 var(--space-lg);font-family:inherit}.select-btn{display:flex;align-items:center;justify-content:space-between;padding:.6em .8em;background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--glass-border);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.select-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent-secondary);box-shadow:0 0 12px var(--accent-glow)}.multi-select-filter.active .select-btn{border-radius:var(--radius-md) var(--radius-md) 0 0;background-color:var(--bg-tertiary)}.btn-text{font-size:13px;font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--space-sm)}.arrow-dwn{width:18px;height:18px;transition:transform var(--transition-normal);fill:var(--text-tertiary)}.multi-select-filter.active .arrow-dwn{transform:rotate(180deg)}.list-items{position:absolute;top:100%;left:0;width:100%;list-style:none;margin:0;padding:var(--space-sm);z-index:1001;max-height:250px;overflow-y:auto;display:none;background:var(--glass-bg);backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--glass-border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg)}.multi-select-filter.active .list-items{display:block}.list-items .item{display:flex;align-items:center;padding:.6em .7em;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);color:var(--text-secondary)}.list-items .item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.item .checkbox{width:16px;height:16px;margin-right:var(--space-md);accent-color:var(--accent-primary);background-color:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.item .item-text{font-size:13px;font-weight:var(--font-weight-normal)}.list-items::-webkit-scrollbar{width:4px}.list-items::-webkit-scrollbar-track{background:0 0}.list-items::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:2px}.list-items::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-secondary),var(--accent-tertiary));box-shadow:var(--glow-sm)}@keyframes checkmark-appear{0%{opacity:0;transform:scale(.3) rotate(180deg)}100%{opacity:1;transform:scale(1) rotate(0)}}#button-list .button-text,#button-list .checkbox-label span{font-size:13px;font-weight:var(--font-weight-medium);color:inherit;line-height:1.4;letter-spacing:.025em}#button-list .button-item:focus-visible,#button-list .checkbox-label:focus-visible,#button-list input[type=checkbox]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}#button-list .button-item:disabled,#button-list .checkbox-label.disabled,#button-list input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}#button-list .section-header{font-size:11px;font-weight:var(--font-weight-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-lg) var(--space-lg) var(--space-sm) var(--space-lg);margin-top:var(--space-lg);border-bottom:1px solid var(--glass-border);position:relative}#button-list .section-header:first-child{margin-top:0}#button-list .section-header::after{content:'';position:absolute;bottom:-1px;left:var(--space-lg);width:30px;height:1px;background:var(--accent-primary)}#preview{position:absolute;right:0;bottom:0;left:280px;top:0;z-index:50;background:var(--bg-primary);transition:all var(--transition-slow)}@media (max-width:1555px){#preview{left:280px}}@media (max-width:1400px){#header,#sidebar{width:22%;min-width:260px}#preview{left:22%}@media (max-width:1182px){#preview{left:260px}}}@media (max-width:1024px){#header,#sidebar{width:28%;min-width:240px}#preview{left:28%}@media (max-width:857px){#preview{left:240px}}}@media (max-width:768px){#header{width:100%;min-width:unset}#sidebar{width:100%;min-width:unset;top:4rem;bottom:65%;border-right:none;border-bottom:1px solid var(--glass-border)}#preview{width:100%;min-width:unset;left:0;top:35%;bottom:0}}@media (max-width:480px){body,html{font-size:12px}#header{height:3rem}#sidebar{top:3rem}}.loading{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.glow{animation:3s ease-in-out infinite glow}.multi-select-dropdown{border:1px solid #ccc;border-radius:4px;padding:.5em;max-height:150px;overflow-y:auto;background-color:#fff}.multi-select-dropdown label{display:block;cursor:pointer;margin-bottom:2px}.multi-select-dropdown input[type=checkbox]{margin-right:.5em}.multi-select-filter.disabled{pointer-events:none;opacity:.5}.date-simulation-controls button{margin:4px;padding:6px 12px;border-radius:6px;border:none;cursor:pointer}#external-viewcube-container{position:relative;width:150px;height:150px;margin:1em auto}.page-bottom-controls{justify-content:center;display:flex;flex-direction:row;gap:1rem;padding:5px;z-index:50}.page-bottom-controls button{background-color:var(--glass-bg);backdrop-filter:blur(12px) saturate(150%);color:var(--text-primary);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:all var(--transition-fast)}.page-bottom-controls button:hover{background-color:var(--bg-hover);border-color:var(--accent-secondary);box-shadow:0 0 12px var(--accent-glow);transform:translateY(-2px)}.page-bottom-controls button svg{width:22px;height:22px;fill:currentColor;transition:transform var(--transition-fast)}.page-bottom-controls button:hover svg{transform:scale(1.1)}.page-bottom-controls button.active{background-color:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-hover);box-shadow:var(--glow-sm)}.date-simulation-controls{display:flex;justify-content:center;gap:10px}input[type=date]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:8px 12px;font-size:14px;font-family:inherit;border:1px solid #ccc;border-radius:6px;background-color:#fff;color:#333;outline:0;transition:.2s ease-in-out;cursor:pointer}input[type=date]:focus{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.25)}input[type=date]:hover{border-color:#999}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;background:url("data:image/svg+xml;utf8,<svg fill='black' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 10h5v5H7z' opacity='.3'/><path d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-1.99.9-1.99 2L3 21c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H5V8h14v13zM7 10h5v5H7z'/></svg>") center/18px 18px no-repeat;opacity:.6;border:none;padding:4px}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=date]::-webkit-clear-button,input[type=date]::-webkit-inner-spin-button{display:none}#color-legend{padding:var(--space-sm);font-size:12px;color:var(--text-secondary);z-index:50;display:flex;flex-direction:column;gap:4px}#viewer-container{position:absolute;right:0;bottom:0;left:280px;top:0;z-index:50;background:var(--bg-primary);transition:all var(--transition-slow)}