:root{--primary-color: #006f3c;--primary-color-rgb: 0, 111, 60;--primary-dark: #060707;--primary-light: #006f3c;--accent-color: #ec7404;--secondary-color: #4b4b4d;--secondary-color-rgb: 75, 75, 77;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--primary-color-hover: rgba(0, 111, 60, .63);--secondary-color-hover: rgba(156, 157, 159, .63);--accent-color-hover: rgba(236, 116, 4, .63);--secondary-color-hover-rgb: 156, 157, 159;--error-color-hover: #852b2b;--assigned-color: #bbdac7;--assigned-border-color: #9ad3b2;--tooltip-primary-color: #1f2937;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .9375rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--page-padding: 2rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--chart-bottom: 32px;--y-axis-width: 25px;--bg-primary: #ffffff;--bg-primary-rgb: 255, 255, 255;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-contrast-primary: #9c9d9f;--bg-contrast-secondary: #e8e9e9;--text-primary: #111827;--text-secondary: #4b4b4d;--text-tertiary: #6b7280;--text-light: #ffffff;--border-color: #d1d5db;--border-color-secondary: #e5e7eb}@media(max-width:1024px){:root{--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--chart-bottom: 28px}}@media(max-width:768px){:root{--font-size-2xs: .75rem;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--spacing-xs: .2rem;--spacing-sm: .4rem;--spacing-md: .8rem;--spacing-lg: 1.2rem;--spacing-xl: 1.6rem;--spacing-2xl: 2.4rem;--border-radius-sm: .3rem;--border-radius-md: .4rem;--border-radius-lg: .6rem;--border-radius-xl: .8rem;--chart-bottom: 24px;--y-axis-width: 12px;--page-padding: .75rem}}@media(max-width:640px){:root{--font-size-2xs: .75rem;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--spacing-xs: .15rem;--spacing-sm: .3rem;--spacing-md: .6rem;--spacing-lg: .9rem;--spacing-xl: 1.2rem;--spacing-2xl: 1.8rem;--border-radius-sm: .25rem;--border-radius-md: .35rem;--border-radius-lg: .5rem;--border-radius-xl: .7rem;--chart-bottom: 20px}}body[data-theme=dark]{--bg-primary: #111827;--bg-primary-rgb: 17, 24, 39;--bg-secondary: #1f2937;--bg-tertiary: #1e293b;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-light: #ffffff;--border-color: #374151;--border-color-secondary: #4b5563;--secondary-color-hover: #2d3748;--assigned-color: #26532b;--assigned-border-color: #3a8553;--primary-color-hover: rgba(0,111,60,.6)}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-family);font-size:16px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary)}body,#root{min-height:100vh}.container{width:100%;margin:0 auto;padding:0 var(--spacing-md)}@media(min-width:640px){.container{max-width:var(--container-sm);padding:0 var(--spacing-lg)}}@media(min-width:768px){.container{max-width:var(--container-md)}}@media(min-width:1024px){.container{max-width:var(--container-lg)}}@media(min-width:1280px){.container{max-width:var(--container-xl)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.p-0{padding:0}.p-4{padding:var(--spacing-md)}.p-6{padding:var(--spacing-xl)}.widget-main-container{position:relative;background:var(--bg-primary);border-radius:var(--border-radius-lg);color:var(--text-primary);padding:var(--spacing-sm);transition:all .3s ease;max-height:70vh;font-family:var(--font-family);box-shadow:var(--shadow-lg);overflow:hidden}.widget-main-container.fullscreen{position:fixed;top:0;left:0;z-index:9999;padding:0;background:var(--bg-primary);border-radius:0;border:none;height:100vh;width:100%;overflow:visible}.widget-main-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-color-light));opacity:.8;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);gap:var(--spacing-md);padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.widget-header.chart{border:none}.widget-title-wrapper{display:flex;flex-direction:column}.widget-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0;position:relative;padding-left:var(--spacing-lg)}.widget-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:var(--primary-color);border-radius:var(--border-radius-sm)}.widget-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);display:block;margin-left:var(--spacing-lg)}.widget-cost-center{color:var(--primary-color);font-size:var(--font-size-base);display:block;margin-left:var(--spacing-lg)}.widget-machine-count-badge{background:linear-gradient(135deg,rgba(var(--secondary-color-rgb),.1),rgba(var(--secondary-color-rgb),.05));color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:9999px;font-size:var(--font-size-xs);font-weight:600;border:1px solid rgba(var(--secondary-color-rgb),.2);align-items:center;text-align:center}.widget-footer{font-size:var(--font-size-2xs);color:var(--text-tertiary);opacity:.9;padding-top:var(--spacing-xs);border-top:1px solid var(--border-color-secondary);display:flex;flex-direction:row;justify-content:space-around}@media(max-width:768px){.widget-header{gap:var(--spacing-md)}.widget-title{padding-left:var(--spacing-md);font-size:var(--font-size-lg)}.widget-cost-center{font-size:var(--font-size-sm)}}.empty-state{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;color:var(--text-tertiary, #888);background:transparent;border-radius:0 0 var(--border-radius-md, .5rem) var(--border-radius-md, .5rem);position:relative;font-family:Arial,sans-serif}.empty-state p{margin:0;font-weight:500}.empty-state:before{content:"";display:block;height:48px;margin-bottom:var(--spacing-md, 1rem);background-image:url(/assets/Data_Not_Available.ChEZ0_1q.svg);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.5}.empty-state.loading:before{content:"";max-height:40px;min-height:20px;aspect-ratio:1 / 1;margin:0 auto var(--spacing-md, 1rem);background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='458'%20height='400'%20viewBox='0%200%20458%20400'%3e%3cpath%20d='M0,0%20L104,0%20L116,20%20L133,48%20L147,71%20L148,72%20L165,43%20L182,15%20L191,0%20L254,0%20L261,10%20L278,39%20L288,55%20L298,71%20L302,66%20L321,34%20L338,6%20L342,0%20L445,0%20L444,5%20L432,26%20L418,51%20L404,76%20L391,99%20L378,122%20L364,147%20L351,170%20L343,183%20L102,183%20L88,158%20L74,133%20L61,110%20L47,85%20L34,62%20L20,37%20L8,16%20L0,2%20Z%20'%20fill='%23EA5415'%20transform='translate(5,212)'/%3e%3cpath%20d='M0,0%20L241,0%20L253,21%20L266,44%20L280,69%20L293,92%20L307,117%20L320,140%20L334,165%20L343,181%20L343,183%20L240,183%20L234,174%20L215,142%20L198,114%20L196,112%20L179,140%20L162,168%20L153,183%20L89,183%20L79,167%20L63,140%20L46,112%20L42,117%20L29,139%20L12,167%20L2,183%20L-102,183%20L-94,167%20L-81,144%20L-67,119%20L-55,98%20L-41,73%20L-27,48%20L-14,25%20Z%20'%20fill='%23EA5415'%20transform='translate(107,6)'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center;display:block;animation:spin 1s linear infinite}.empty-state.error:before{content:"";display:block;height:48px;margin-bottom:var(--spacing-md, 1rem);background-image:url(/assets/Data_Error.n82NUVlR.svg);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:1}.landing-root{min-height:98vh;display:flex;flex-direction:column}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-2xl);border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.logo{display:flex;align-items:center;gap:var(--spacing-md);font-weight:600;font-size:var(--font-size-lg)}.logo-placeholder{width:42px;height:42px;border-radius:var(--border-radius-md);background:var(--primary-color);display:grid;place-items:center;color:var(--text-light);font-size:var(--font-size-xs)}.hero{display:grid;grid-template-columns:1.2fr 1fr;padding:var(--spacing-2xl) calc(var(--spacing-2xl) * 2);min-height:50vh}.hero-text h1{font-size:var(--font-size-3xl);line-height:1.1;font-weight:800;padding-bottom:var(--spacing-md)}.hero-text h2{font-size:var(--font-size-xl);line-height:1.1}.hero-text span{color:var(--primary-color)}.hero-text p{margin:var(--spacing-lg) 0;max-width:80%;font-size:var(--font-size-lg);color:var(--text-secondary)}.hero-image-box{position:relative;width:100%}.hero-image{position:relative;z-index:2;margin:30px;width:300px;max-width:60vw}.hero-image-floating-circle{position:absolute;z-index:1;top:0;left:0;width:300px;max-width:60vw;height:300px;margin:30px;background:color-mix(in srgb,var(--primary-color) 25%,transparent);border-radius:50%;filter:blur(40px);animation:pulse 4s ease-in-out infinite}.hero-visual{position:relative;display:grid;place-items:center}.floating-card{background:var(--bg-tertiary);padding:var(--spacing-lg);border-radius:var(--border-radius-xl);width:360px;animation:float 6s ease-in-out infinite;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.floating-card h4{margin-bottom:var(--spacing-sm)}.bar{height:10px;border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm)}.green{background:var(--success-color);width:80%}.blue{background:var(--primary-color);width:60%}.orange{background:var(--accent-color);width:40%}.floating-circle{position:absolute;width:380px;max-width:60vw;height:280px;background:color-mix(in srgb,var(--primary-color) 20%,transparent);border-radius:50%;filter:blur(40px);animation:pulse 4s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-16px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.6}}.mini-chart{width:100%;height:120px;margin-top:var(--spacing-md)}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;animation:drawLine 4s ease-in-out infinite}.line-1{stroke:var(--primary-color)}.line-2{stroke:var(--accent-color);animation-delay:.6s}.line-3{stroke:var(--success-color);animation-delay:1.2s}@keyframes drawLine{0%{stroke-dashoffset:400;opacity:1}70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.features{display:grid;grid-template-columns:repeat(3,1fr);padding:var(--spacing-2xl) calc(var(--spacing-2xl) * 2);gap:var(--spacing-xl);background:var(--bg-secondary)}.feature-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color-secondary)}.feature-card h3{margin-bottom:var(--spacing-sm);color:var(--primary-color);font-size:var(--font-size-xl)}.feature-card p{font-size:var(--font-size-base)}.cta{text-align:center;padding:var(--spacing-2xl);background:var(--bg-tertiary)}.cta h2{font-size:var(--font-size-2xl)}.cta p{margin:var(--spacing-sm) 0 var(--spacing-lg);color:var(--text-secondary)}.footer{padding:var(--spacing-md) var(--spacing-2xl);display:flex;justify-content:space-between;border-top:1px solid var(--border-color);color:var(--text-tertiary);margin-top:auto}.btn-primary{background:var(--primary-color);color:var(--text-light);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--primary-color-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media(max-width:1024px){.hero{padding:var(--spacing-md);grid-template-columns:1fr;gap:var(--spacing-xl)}.hero-visual,.hero-image-box{order:1;display:flex;align-items:center;justify-content:center}.features{grid-template-columns:1fr;padding:var(--spacing-md)}.footer{padding:var(--spacing-md)}}@media(max-width:768px){.landing-header{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.hero{padding:var(--spacing-sm)}.hero-text p{font-size:var(--font-size-base)}.features{padding:var(--spacing-sm)}.floating-card{width:100%;max-width:80vw}.cta{padding:var(--spacing-xl) var(--spacing-md)}.footer{flex-direction:column;gap:var(--spacing-sm);text-align:center;padding:var(--spacing-sm)}}.hero-text h1 span[data-highlighted=true]{color:var(--primary-color);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{text-shadow:0 0 5px var(--primary-color);transform:scale(1)}50%{text-shadow:0 0 20px var(--primary-color);transform:scale(1.1)}}.notifications-global-container{position:fixed;z-index:10000;pointer-events:none;width:100%;height:100%;top:0;left:0}.notifications-global-container .notification{pointer-events:auto}.notification{position:fixed;z-index:10000;min-width:300px;max-width:450px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;margin:10px;animation:slideIn .3s ease-out;cursor:pointer;transition:transform .3s ease,opacity .3s ease;overflow:hidden}.notification:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-exit{animation:slideOut .3s ease-in forwards}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.notification-top-right{top:20px;right:20px}.notification-top-left{top:20px;left:20px}.notification-bottom-right{bottom:20px;right:20px}.notification-bottom-left{bottom:20px;left:20px}.notification-top-center{top:20px;left:50%;transform:translate(-50%)}.notification-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.notification-content{display:flex;align-items:flex-start;gap:12px}.notification-icon{font-size:var(--font-size-xl);line-height:1;flex-shrink:0;margin-top:2px}.notification-message{flex:1;font-size:var(--font-size-sm);line-height:1.4;color:#333;word-break:break-word}.notification-close-btn{background:none;border:none;font-size:var(--font-size-xl);line-height:1;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;transition:background-color .2s,color .2s}.notification-close-btn:hover{background-color:#0000000d;color:#666}.notification-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#0000001a;overflow:hidden}.notification-progress-bar{height:100%;background-color:currentColor;animation:progressBar linear forwards;transform-origin:left}@keyframes progressBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.notification-success{border-left:4px solid #10b981;color:#10b981}.notification-success .notification-icon{color:#10b981}.notification-error{border-left:4px solid #ef4444;color:#ef4444}.notification-error .notification-icon{color:#ef4444}.notification-warning{border-left:4px solid #f59e0b;color:#f59e0b}.notification-warning .notification-icon{color:#f59e0b}.notification-info{border-left:4px solid #3b82f6;color:#3b82f6}.notification-info .notification-icon{color:#3b82f6}.notification-loading{border-left:4px solid #6b7280;color:#6b7280}.notification-loading .notification-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.notification{min-width:280px;max-width:calc(100vw - 40px);margin:10px}.notification-top-center,.notification-bottom-center{left:20px;right:20px;transform:none}}