*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue: #2563EB;--primary-blue-dark: #1D4ED8;--primary-blue-light: #3B82F6;--primary-teal: #0D9488;--primary-teal-dark: #0F766E;--primary-teal-light: #14B8A6;--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--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);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:1rem;line-height:1.6;color:var(--gray-800);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--gray-900)}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--gray-600)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media(max-width:768px){h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--gray-200);padding:1rem 0}.header-container{display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{position:relative;display:flex;align-items:center;justify-content:center;color:var(--primary-blue)}.logo-icon .cog-icon{position:absolute;bottom:-2px;right:-4px;color:var(--primary-teal)}.logo-text{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.nav{display:flex;align-items:center;gap:2rem}.nav-link{font-size:.9375rem;font-weight:500;color:var(--gray-600);transition:color var(--transition)}.nav-link:hover{color:var(--primary-blue)}.header-buttons{display:flex;align-items:center;gap:.75rem}.mobile-menu-btn{display:none;background:none;border:none;color:var(--gray-700);cursor:pointer;padding:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);border:2px solid transparent}.btn-primary{background:var(--primary-blue);color:var(--white);border-color:var(--primary-blue)}.btn-primary:hover{background:var(--primary-blue-dark);border-color:var(--primary-blue-dark)}.btn-secondary{background:var(--white);color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-outline{background:transparent;color:var(--gray-700);border-color:var(--gray-300)}.btn-outline:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-white{background:var(--white);color:var(--primary-blue);border-color:var(--white)}.btn-white:hover{background:var(--gray-100);border-color:var(--gray-100)}.btn-outline-white{background:transparent;color:var(--white);border-color:#fff6}.btn-outline-white:hover{background:#ffffff1a;border-color:#fff9}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.hero{padding:5rem 0;background:linear-gradient(180deg,var(--gray-50) 0%,var(--white) 100%)}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{max-width:560px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--gray-900) 0%,var(--primary-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;line-height:1.7;color:var(--gray-600);margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.hero-stats{display:flex;gap:3rem}.stat{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:var(--primary-blue)}.stat-label{font-size:.875rem;color:var(--gray-500)}.hero-image{display:flex;justify-content:center}.dashboard-mockup{width:100%;max-width:520px;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--gray-200)}.mockup-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--gray-100);border-bottom:1px solid var(--gray-200)}.mockup-dots{display:flex;gap:.375rem}.mockup-dots span{width:12px;height:12px;border-radius:50%;background:var(--gray-300)}.mockup-dots span:first-child{background:#ef4444}.mockup-dots span:nth-child(2){background:#f59e0b}.mockup-dots span:last-child{background:#10b981}.mockup-title{font-size:.8125rem;font-weight:500;color:var(--gray-600)}.mockup-content{display:flex;min-height:320px}.mockup-sidebar{width:50px;background:var(--gray-50);border-right:1px solid var(--gray-200);padding:1rem .5rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-item{height:32px;border-radius:var(--radius-sm);background:var(--gray-200)}.sidebar-item.active{background:var(--primary-blue)}.mockup-main{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1rem}.mockup-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200)}.oee-card{padding:1rem;flex:1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem;font-weight:600;color:var(--gray-700)}.badge{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-full);font-weight:500}.badge-success{background:#dcfce7;color:#166534}.oee-chart{display:flex;align-items:flex-end;gap:.5rem;height:120px;padding:.5rem 0}.oee-bar{flex:1;background:var(--gray-200);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height var(--transition-slow)}.oee-bar.highlight{background:linear-gradient(180deg,var(--primary-blue) 0%,var(--primary-blue-light) 100%)}.oee-labels{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--gray-500)}.mockup-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mini-card{padding:.75rem;text-align:center}.mini-label{display:block;font-size:.6875rem;color:var(--gray-500);margin-bottom:.25rem}.mini-value{font-size:1.125rem;font-weight:700;color:var(--primary-blue)}.problem-section{padding:6rem 0;background:var(--white)}.section-title{text-align:center;margin-bottom:1rem}.section-subtitle{text-align:center;font-size:1.125rem;color:var(--gray-500);max-width:600px;margin:0 auto 3rem}.problem-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.problem-card{padding:2rem;background:var(--gray-50);border-radius:var(--radius-xl);text-align:center;transition:transform var(--transition),box-shadow var(--transition)}.problem-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.problem-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fee2e2;color:#dc2626;border-radius:var(--radius-lg);margin-bottom:1.5rem}.problem-title{margin-bottom:.75rem;color:var(--gray-800)}.problem-description{font-size:.9375rem;line-height:1.6}.solution-section{padding:6rem 0;background:var(--gray-50)}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{padding:2rem;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--gray-100);transition:transform var(--transition),box-shadow var(--transition)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--primary-blue);border-radius:var(--radius-lg);margin-bottom:1.5rem}.feature-title{margin-bottom:.75rem;color:var(--gray-800)}.feature-description{font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem}.feature-highlight{display:inline-block;font-size:.8125rem;font-weight:600;color:var(--primary-blue);background:#eff6ff;padding:.375rem .75rem;border-radius:var(--radius-full)}.how-it-works-section{padding:6rem 0;background:var(--white)}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;position:relative}.step{text-align:center;position:relative}.step-icon-wrapper{position:relative;margin-bottom:1.5rem}.step-number{position:absolute;top:-.5rem;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:700;color:var(--primary-blue);background:#eff6ff;padding:.25rem .5rem;border-radius:var(--radius-full)}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-light) 100%);color:var(--white);border-radius:50%;margin-top:1rem}.step-title{margin-bottom:.75rem;color:var(--gray-800)}.step-description{font-size:.9375rem;line-height:1.6;max-width:280px;margin:0 auto}.step-connector{position:absolute;top:4rem;right:-1.5rem;width:3rem;height:2px;background:var(--gray-300)}.step-connector:after{content:"";position:absolute;right:0;top:-4px;border:5px solid transparent;border-left-color:var(--gray-300)}.testimonial-section{padding:6rem 0;background:var(--gray-50)}.testimonial-card{max-width:800px;margin:0 auto;text-align:center;padding:3rem;background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.quote-icon{color:var(--primary-blue);opacity:.2;margin-bottom:1.5rem}.testimonial-quote{font-size:1.375rem;line-height:1.7;color:var(--gray-700);font-style:italic;margin-bottom:2rem}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:1rem}.author-avatar{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-teal) 100%);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.author-info{text-align:left}.author-name{display:block;font-weight:600;color:var(--gray-800)}.author-title{display:block;font-size:.875rem;color:var(--gray-500)}.cta-section{padding:6rem 0;background:linear-gradient(135deg,var(--primary-blue) 0%,#1E40AF 100%)}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-title{color:var(--white);font-size:2.5rem;margin-bottom:1rem}.cta-subtitle{color:#ffffffd9;font-size:1.25rem;margin-bottom:2.5rem}.cta-buttons{display:flex;justify-content:center;gap:1rem}.footer{padding:4rem 0 2rem;background:var(--gray-900);color:var(--gray-400);margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand .logo{margin-bottom:1rem}.footer-brand .logo-icon{color:var(--white)}.footer-brand .logo-icon .cog-icon{color:var(--primary-teal-light)}.footer-brand .logo-text{color:var(--white)}.footer-tagline{font-size:.9375rem;line-height:1.6;color:var(--gray-400)}.footer-heading{color:var(--white);font-size:.9375rem;font-weight:600;margin-bottom:1.25rem}.footer-links ul{display:flex;flex-direction:column;gap:.75rem}.footer-links a{font-size:.9375rem;color:var(--gray-400);transition:color var(--transition)}.footer-links a:hover{color:var(--white)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--gray-800);text-align:center;font-size:.875rem}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-content{max-width:100%}.hero-buttons,.hero-stats{justify-content:center}.hero-image{order:-1}.problem-cards,.feature-cards,.steps-container{grid-template-columns:1fr;max-width:500px;margin:0 auto}.step-connector{display:none}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;padding:1.5rem;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-lg)}.nav-open{display:flex}.header-buttons{display:none}.mobile-menu-btn{display:flex}.hero{padding:3rem 0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero-buttons{flex-direction:column}.hero-stats{flex-direction:column;gap:1.5rem}.dashboard-mockup{max-width:100%}.problem-section,.solution-section,.how-it-works-section,.testimonial-section,.cta-section{padding:4rem 0}.testimonial-quote{font-size:1.125rem}.cta-title{font-size:1.75rem}.cta-buttons{flex-direction:column;align-items:center}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center}}@media(max-width:480px){.hero-title{font-size:2rem}.mockup-content{min-height:280px}.oee-chart{height:80px}}.login-page{min-height:100vh;display:flex}.login-branding{flex:1;background:linear-gradient(135deg,var(--primary-blue) 0%,#1E40AF 50%,#1E3A8A 100%);padding:3rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-branding:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:30px 30px;animation:drift 60s linear infinite}@keyframes drift{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.branding-content{max-width:480px;position:relative;z-index:1}.branding-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem}.branding-logo .logo-icon{position:relative;display:flex;align-items:center;justify-content:center;color:var(--white)}.branding-logo .cog-icon{position:absolute;bottom:-2px;right:-6px;color:var(--primary-teal-light)}.branding-logo .logo-text{font-size:1.75rem;font-weight:700;color:var(--white)}.branding-text{margin-bottom:3rem}.branding-title{font-size:2.5rem;font-weight:800;color:var(--white);line-height:1.2;margin-bottom:1rem}.branding-subtitle{font-size:1.125rem;color:#fffc;line-height:1.7}.branding-illustration{position:relative;margin-bottom:3rem;padding:2rem 0}.illustration-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:1.5rem;max-width:280px}.illustration-header{display:flex;align-items:center;gap:.5rem;color:var(--white);font-size:.875rem;font-weight:500;margin-bottom:1rem}.illustration-chart{display:flex;align-items:flex-end;gap:.5rem;height:100px}.chart-bar{flex:1;background:#ffffff4d;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .5s ease}.chart-bar.active{background:var(--primary-teal-light)}.floating-stat{position:absolute;display:flex;align-items:center;gap:.5rem;background:var(--white);padding:.625rem 1rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;color:var(--gray-800);box-shadow:var(--shadow-lg);animation:float 3s ease-in-out infinite}.floating-stat svg{color:var(--primary-blue)}.stat-1{top:0;right:20px;animation-delay:0s}.stat-2{bottom:20px;right:0;animation-delay:1s}.stat-3{bottom:0;left:200px;animation-delay:2s}.stat-3 svg{color:var(--primary-teal)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.branding-features{display:flex;flex-direction:column;gap:.875rem}.feature-item{display:flex;align-items:center;gap:.75rem;color:#ffffffe6;font-size:.9375rem}.feature-dot{width:8px;height:8px;background:var(--primary-teal-light);border-radius:50%}.login-form-section{flex:1;background:var(--gray-50);display:flex;flex-direction:column;min-height:100vh}.login-form-header{display:flex;justify-content:flex-end;align-items:center;padding:1.5rem 2rem}.back-to-home{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--gray-600);font-size:.9375rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius);transition:all var(--transition)}.back-to-home:hover{color:var(--primary-blue);background:var(--white)}.login-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:100%;max-width:420px;background:var(--white);border-radius:var(--radius-2xl);padding:2.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--gray-100)}.login-card-header{text-align:center;margin-bottom:2rem}.login-title{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.login-subtitle{font-size:1rem;color:var(--gray-500)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--gray-700)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--gray-400);pointer-events:none;transition:color var(--transition)}.form-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:.9375rem;color:var(--gray-800);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);outline:none;transition:all var(--transition)}.form-input::placeholder{color:var(--gray-400)}.form-input:hover{border-color:var(--gray-300)}.form-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.form-input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:var(--primary-blue)}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color var(--transition)}.password-toggle:hover{color:var(--gray-600)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-input{position:absolute;opacity:0;pointer-events:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.checkbox-custom:after{content:"";width:10px;height:10px;background:var(--primary-blue);border-radius:2px;opacity:0;transform:scale(0);transition:all var(--transition)}.checkbox-input:checked+.checkbox-custom{border-color:var(--primary-blue);background:var(--primary-blue)}.checkbox-input:checked+.checkbox-custom:after{opacity:1;transform:scale(1);background:var(--white);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.checkbox-input:focus+.checkbox-custom{box-shadow:0 0 0 3px #2563eb1a}.checkbox-text{font-size:.875rem;color:var(--gray-600)}.forgot-link{font-size:.875rem;font-weight:500;color:var(--primary-blue);transition:color var(--transition)}.forgot-link:hover{color:var(--primary-blue-dark)}.login-button{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:var(--white);background:var(--primary-blue);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);margin-top:.5rem}.login-button:hover{background:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-button:active{transform:translateY(0)}.login-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.login-divider span{font-size:.8125rem;color:var(--gray-500)}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.social-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;color:var(--gray-700);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition)}.social-button:hover{background:var(--gray-50);border-color:var(--gray-300)}.signup-prompt{text-align:center;font-size:.9375rem;color:var(--gray-600);margin-top:1.5rem}.signup-link{font-weight:600;color:var(--primary-blue);transition:color var(--transition)}.signup-link:hover{color:var(--primary-blue-dark)}.login-footer{padding:1.5rem 2rem;text-align:center;font-size:.8125rem;color:var(--gray-500)}@media(max-width:1024px){.login-branding{display:none}.login-form-section{flex:1}.login-form-header{justify-content:space-between}.mobile-logo{display:flex}}@media(max-width:480px){.login-form-header,.login-form-container{padding:1rem}.login-card{padding:1.5rem;border-radius:var(--radius-xl)}.login-title{font-size:1.5rem}.form-options{flex-direction:column;align-items:flex-start;gap:.75rem}.social-buttons{grid-template-columns:1fr}.back-to-home span{display:none}.back-to-home{padding:.5rem}}.register-page{min-height:100vh;display:flex}.register-benefits{flex:0 0 480px;background:linear-gradient(135deg,var(--primary-blue) 0%,#1E40AF 50%,#1E3A8A 100%);padding:3rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.register-benefits:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px}.benefits-content{max-width:400px;position:relative;z-index:1}.benefits-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.benefits-logo .logo-icon{position:relative;display:flex;align-items:center;justify-content:center;color:var(--white)}.benefits-logo .cog-icon{position:absolute;bottom:-2px;right:-6px;color:var(--primary-teal-light)}.benefits-logo .logo-text{font-size:1.75rem;font-weight:700;color:var(--white)}.benefits-header{margin-bottom:2.5rem}.benefits-header .benefits-title{font-size:2rem;font-weight:800;color:var(--white);line-height:1.2;margin-bottom:.75rem}.benefits-subtitle{font-size:1rem;color:#fffc;line-height:1.6}.benefits-list{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2.5rem}.benefit-item{display:flex;align-items:flex-start;gap:1rem}.benefit-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff26;border-radius:var(--radius-lg);color:var(--white);flex-shrink:0}.benefit-text .benefit-title{font-size:.9375rem;font-weight:600;color:var(--white);margin-bottom:.125rem}.benefit-description{font-size:.8125rem;color:#ffffffb3;line-height:1.4}.benefits-testimonial{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);padding:1.25rem}.testimonial-text{font-size:.9375rem;font-style:italic;color:#fffffff2;line-height:1.6;margin-bottom:1rem}.testimonial-author{display:flex;align-items:center;gap:.75rem}.testimonial-author .author-avatar{width:36px;height:36px;background:var(--primary-teal-light);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.testimonial-author .author-info{display:flex;flex-direction:column}.testimonial-author .author-name{font-size:.8125rem;font-weight:600;color:var(--white)}.testimonial-author .author-role{font-size:.75rem;color:#ffffffb3}.register-form-section{flex:1;background:var(--gray-50);display:flex;flex-direction:column;min-height:100vh;overflow-y:auto}.register-form-header{display:flex;justify-content:flex-end;align-items:center;padding:1.5rem 2rem;position:sticky;top:0;background:var(--gray-50);z-index:10}.mobile-logo{display:none;align-items:center;gap:.5rem}.mobile-logo .logo-icon{position:relative;color:var(--primary-blue)}.mobile-logo .cog-icon{position:absolute;bottom:-2px;right:-4px;color:var(--primary-teal)}.mobile-logo .logo-text{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.register-form-section .back-to-home{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--gray-600);font-size:.9375rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius);transition:all var(--transition)}.register-form-section .back-to-home:hover{color:var(--primary-blue);background:var(--white)}.register-form-container{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:1rem 2rem 2rem}.register-card{width:100%;max-width:520px;background:var(--white);border-radius:var(--radius-2xl);padding:2.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--gray-100)}.register-card-header{text-align:center;margin-bottom:2rem}.register-title{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.register-subtitle{font-size:1rem;color:var(--gray-500)}.register-form{display:flex;flex-direction:column;gap:1.125rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.register-form .form-group{display:flex;flex-direction:column;gap:.375rem}.register-form .form-label{font-size:.875rem;font-weight:500;color:var(--gray-700)}.register-form .input-wrapper{position:relative;display:flex;align-items:center}.register-form .input-icon{position:absolute;left:1rem;color:var(--gray-400);pointer-events:none;transition:color var(--transition)}.register-form .form-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;font-size:.9375rem;color:var(--gray-800);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);outline:none;transition:all var(--transition)}.register-form .form-input::placeholder{color:var(--gray-400)}.register-form .form-input:hover{border-color:var(--gray-300)}.register-form .form-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.register-form .input-wrapper:focus-within .input-icon{color:var(--primary-blue)}.register-form .input-wrapper.valid .form-input{border-color:var(--success)}.register-form .input-wrapper.valid:focus-within .form-input{box-shadow:0 0 0 3px #10b9811a}.register-form .input-wrapper.invalid .form-input{border-color:var(--error)}.register-form .input-wrapper.invalid:focus-within .form-input{box-shadow:0 0 0 3px #ef44441a}.match-icon{position:absolute;right:3rem;color:var(--success)}.register-form .password-toggle{position:absolute;right:1rem;background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color var(--transition)}.register-form .password-toggle:hover{color:var(--gray-600)}.password-strength{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.strength-bars{display:flex;gap:.25rem;flex:1}.strength-bar{height:4px;flex:1;background:var(--gray-200);border-radius:var(--radius-full);transition:background var(--transition)}.strength-bar.weak{background:var(--error)}.strength-bar.medium{background:var(--warning)}.strength-bar.strong{background:var(--success)}.strength-label{font-size:.75rem;font-weight:500;min-width:50px}.strength-label.weak{color:var(--error)}.strength-label.medium{color:var(--warning)}.strength-label.strong{color:var(--success)}.form-helper{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.form-error{font-size:.75rem;color:var(--error);margin-top:.25rem}.terms-group{margin-top:.5rem}.register-form .checkbox-label{display:flex;align-items:flex-start;gap:.625rem;cursor:pointer}.register-form .checkbox-input{position:absolute;opacity:0;pointer-events:none}.register-form .checkbox-custom{width:18px;height:18px;min-width:18px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition);margin-top:2px}.register-form .checkbox-custom:after{content:"";width:10px;height:10px;background:var(--primary-blue);border-radius:2px;opacity:0;transform:scale(0);transition:all var(--transition)}.register-form .checkbox-input:checked+.checkbox-custom{border-color:var(--primary-blue);background:var(--primary-blue)}.register-form .checkbox-input:checked+.checkbox-custom:after{opacity:1;transform:scale(1);background:var(--white);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.register-form .checkbox-input:focus+.checkbox-custom{box-shadow:0 0 0 3px #2563eb1a}.register-form .checkbox-text{font-size:.875rem;color:var(--gray-600);line-height:1.5}.terms-link{color:var(--primary-blue);font-weight:500;transition:color var(--transition)}.terms-link:hover{color:var(--primary-blue-dark);text-decoration:underline}.register-button{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:var(--white);background:var(--primary-blue);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);margin-top:.75rem}.register-button:hover{background:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.register-button:active{transform:translateY(0)}.register-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.register-divider:before,.register-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.register-divider span{font-size:.8125rem;color:var(--gray-500)}.register-card .social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.register-card .social-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;color:var(--gray-700);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition)}.register-card .social-button:hover{background:var(--gray-50);border-color:var(--gray-300)}.login-prompt{text-align:center;font-size:.9375rem;color:var(--gray-600);margin-top:1.5rem}.login-link{font-weight:600;color:var(--primary-blue);transition:color var(--transition)}.login-link:hover{color:var(--primary-blue-dark)}.register-footer{padding:1.5rem 2rem;text-align:center;font-size:.8125rem;color:var(--gray-500)}@media(max-width:1024px){.register-benefits{display:none}.register-form-section{flex:1}.register-form-header{justify-content:space-between}.mobile-logo{display:flex}}@media(max-width:600px){.register-form-header{padding:1rem}.register-form-container{padding:.5rem 1rem 1rem}.register-card{padding:1.5rem;border-radius:var(--radius-xl)}.register-title{font-size:1.5rem}.form-row,.register-card .social-buttons{grid-template-columns:1fr}.back-to-home span{display:none}.register-form-section .back-to-home{padding:.5rem}}@media(max-width:380px){.register-card{padding:1.25rem}.register-form .form-input{padding:.625rem 1rem .625rem 2.5rem;font-size:.875rem}}.dashboard{min-height:100vh;background:var(--gray-50)}.dashboard-nav{background:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{display:flex;align-items:center;gap:.625rem}.nav-logo .logo-icon{position:relative;display:flex;align-items:center;justify-content:center;color:var(--primary-blue)}.nav-logo .cog-icon{position:absolute;bottom:-1px;right:-3px;color:var(--primary-teal)}.nav-logo .logo-text{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.nav-tabs{display:flex;align-items:center;gap:.25rem}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--gray-600);background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition)}.nav-tab:hover{color:var(--gray-900);background:var(--gray-100)}.nav-tab.active{color:var(--primary-blue);background:#eff6ff}.nav-actions{display:flex;align-items:center;gap:.75rem}.notification-wrapper,.user-menu-wrapper{position:relative}.notification-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--gray-600);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition)}.notification-btn:hover{background:var(--gray-100);color:var(--gray-900)}.notification-badge{position:absolute;top:6px;right:6px;width:18px;height:18px;background:var(--error);color:var(--white);font-size:.6875rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:320px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.dropdown-header{padding:1rem;font-weight:600;color:var(--gray-900);border-bottom:1px solid var(--gray-100)}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;cursor:pointer;transition:background var(--transition)}.notification-item:hover{background:var(--gray-50)}.notification-item.unread{background:#f0f9ff}.notification-item svg{color:var(--gray-400);margin-top:2px}.notification-item svg.warning{color:var(--warning)}.notification-item svg.info{color:var(--primary-blue)}.notification-content p{font-size:.875rem;color:var(--gray-800);margin-bottom:.25rem}.notification-content span{font-size:.75rem;color:var(--gray-500)}.view-all{display:block;text-align:center;padding:.875rem;font-size:.875rem;font-weight:500;color:var(--primary-blue);border-top:1px solid var(--gray-100);transition:background var(--transition)}.view-all:hover{background:var(--gray-50)}.user-menu-btn{display:flex;align-items:center;gap:.5rem;padding:.375rem;background:none;border:1px solid var(--gray-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition)}.user-menu-btn:hover{border-color:var(--gray-300);background:var(--gray-50)}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-teal) 100%);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.user-avatar.large{width:44px;height:44px;font-size:.875rem}.user-menu-btn svg{color:var(--gray-500)}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:240px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.user-info{display:flex;align-items:center;gap:.75rem;padding:1rem}.user-details{display:flex;flex-direction:column}.user-name{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.user-role{font-size:.75rem;color:var(--gray-500)}.dropdown-divider{height:1px;background:var(--gray-100)}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;color:var(--gray-700);background:none;border:none;cursor:pointer;transition:background var(--transition);text-align:left}.dropdown-item:hover{background:var(--gray-50)}.dropdown-item.logout{color:var(--error)}.dropdown-item svg{color:var(--gray-400)}.dropdown-item.logout svg{color:var(--error)}.dashboard-main{padding:1.5rem}.dashboard-container{max-width:1400px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-title{font-size:1.75rem;font-weight:700;color:var(--gray-900)}.page-date{font-size:.9375rem;color:var(--gray-500)}.filter-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);margin-bottom:1.5rem}.filters{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.375rem}.filter-group label{font-size:.75rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.025em}.filter-select{position:relative;display:flex;align-items:center}.filter-select select{appearance:none;padding:.5rem 2.25rem .5rem .875rem;font-size:.875rem;color:var(--gray-800);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);min-width:180px}.filter-select select:hover{border-color:var(--gray-300)}.filter-select select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.filter-select svg{position:absolute;right:.75rem;color:var(--gray-400);pointer-events:none}.filter-date{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer}.filter-date svg{color:var(--gray-400)}.filter-date input{border:none;background:transparent;font-size:.875rem;color:var(--gray-800);width:100px;cursor:pointer}.filter-date input:focus{outline:none}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--gray-700);background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.refresh-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.kpi-cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem}.kpi-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.25rem;box-shadow:var(--shadow-sm)}.kpi-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.kpi-label{font-size:.9375rem;font-weight:600;color:var(--gray-700)}.kpi-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.kpi-change.positive{color:var(--success)}.kpi-change.negative{color:var(--error)}.kpi-content{display:flex;align-items:center;justify-content:space-between}.kpi-gauge{position:relative;width:100px;height:100px}.gauge-svg{width:100%;height:100%;transform:rotate(0)}.gauge-svg circle{transition:stroke-dashoffset .5s ease}.gauge-svg .status-success{stroke:var(--success)}.gauge-svg .status-warning{stroke:var(--warning)}.gauge-svg .status-danger{stroke:var(--error)}.gauge-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.gauge-value .value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.gauge-value .unit{font-size:.875rem;font-weight:500;color:var(--gray-500)}.kpi-target{text-align:right}.target-label{display:block;font-size:.75rem;color:var(--gray-500);margin-bottom:.25rem}.target-value{font-size:1.125rem;font-weight:600;color:var(--gray-700)}.charts-section{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}.chart-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.25rem;box-shadow:var(--shadow-sm)}.chart-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem}.chart-title{font-size:1rem;font-weight:600;color:var(--gray-900)}.chart-subtitle{font-size:.8125rem;color:var(--gray-500)}.chart-legend{display:flex;gap:1rem}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--gray-600)}.legend-line{width:20px;height:3px;border-radius:2px}.legend-line.actual{background:var(--primary-blue)}.legend-line.target{background:var(--gray-400);background:repeating-linear-gradient(90deg,var(--gray-400),var(--gray-400) 4px,transparent 4px,transparent 8px)}.chart-body{display:flex;gap:.75rem}.y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.6875rem;color:var(--gray-500);padding:0 .25rem;width:35px;text-align:right}.chart-area{flex:1;position:relative;height:200px}.trend-svg{width:100%;height:100%}.grid-line{stroke:var(--gray-100);stroke-width:1}.target-line{stroke:var(--gray-400);stroke-width:1.5;stroke-dasharray:6 4}.trend-area{fill:#2563eb1a}.trend-line{fill:none;stroke:var(--primary-blue);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.data-point{fill:var(--white);stroke:var(--primary-blue);stroke-width:2}.x-axis{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--gray-500);margin-top:.5rem;padding:0 .25rem}.value-labels{position:absolute;inset:0;pointer-events:none}.value-label{position:absolute;font-size:.625rem;font-weight:500;color:var(--gray-600);transform:translate(-50%);white-space:nowrap}.losses-chart{display:flex;flex-direction:column;gap:.875rem}.loss-item{display:flex;align-items:center;gap:.75rem}.loss-rank{font-size:.75rem;font-weight:600;color:var(--gray-400);width:24px}.loss-info{flex:1;display:flex;flex-direction:column;gap:.375rem}.loss-label{display:flex;align-items:center;gap:.5rem}.loss-icon{display:flex;align-items:center}.loss-name{font-size:.8125rem;color:var(--gray-700)}.loss-bar-container{height:8px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden}.loss-bar{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.loss-duration{font-size:.8125rem;font-weight:600;color:var(--gray-700);width:60px;text-align:right}.losses-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-100)}.losses-legend .legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--gray-600)}.legend-dot{width:8px;height:8px;border-radius:50%}.ai-summary-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #BFDBFE;border-radius:var(--radius-xl);padding:1.5rem}.ai-summary-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.ai-icon{width:48px;height:48px;background:var(--primary-blue);color:var(--white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.ai-title h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:.125rem}.ai-title span{font-size:.8125rem;color:var(--gray-500)}.ai-summary-content{margin-bottom:1.25rem}.summary-points{display:flex;flex-direction:column;gap:.75rem}.summary-points li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem;color:var(--gray-700);line-height:1.5}.summary-points .bullet{width:6px;height:6px;min-width:6px;background:var(--primary-blue);border-radius:50%;margin-top:.5rem}.ai-summary-footer{display:flex;gap:.75rem}.view-brief-btn,.ask-copilot-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition)}.view-brief-btn{background:var(--primary-blue);color:var(--white);border:none}.view-brief-btn:hover{background:var(--primary-blue-dark)}.ask-copilot-btn{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-300)}.ask-copilot-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}@media(max-width:1200px){.kpi-cards-row{grid-template-columns:repeat(2,1fr)}.charts-section{grid-template-columns:1fr}}@media(max-width:1024px){.nav-tabs,.nav-tab span{display:none}}@media(max-width:768px){.dashboard-main{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:.5rem}.filter-bar{flex-direction:column;align-items:stretch}.filters{flex-direction:column}.filter-group,.filter-select select{width:100%}.refresh-btn{width:100%;justify-content:center}.kpi-cards-row{grid-template-columns:1fr}.kpi-card{padding:1rem}.kpi-gauge{width:80px;height:80px}.gauge-value .value{font-size:1.25rem}.ai-summary-footer{flex-direction:column}.view-brief-btn,.ask-copilot-btn{justify-content:center}.notification-dropdown{width:280px;right:-60px}.user-dropdown{width:220px}}@media(max-width:480px){.nav-container{padding:0 1rem}.nav-logo .logo-text{display:none}.chart-card{padding:1rem}.chart-legend{flex-direction:column;gap:.375rem}.losses-legend{flex-direction:column;gap:.5rem}}.daily-brief{min-height:100vh;background:var(--gray-50)}.daily-brief-main{padding:1.5rem}.daily-brief-container{max-width:1400px;margin:0 auto}.brief-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-left{display:flex;flex-direction:column;gap:.25rem}.brief-page-header .page-title{font-size:1.75rem;font-weight:700;color:var(--gray-900)}.page-subtitle{font-size:.9375rem;color:var(--gray-500)}.date-navigator{display:flex;align-items:center;gap:.5rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:.25rem}.date-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--gray-500);border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.date-nav-btn:hover{background:var(--gray-100);color:var(--gray-700)}.date-display{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;color:var(--gray-700)}.date-display svg{color:var(--gray-400)}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--white);background:var(--primary-blue);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition)}.export-btn:hover{background:var(--primary-blue-dark)}.brief-filter-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);margin-bottom:1.5rem}.brief-filter-bar .filters{display:flex;align-items:flex-end;gap:1rem}.brief-filter-bar .filter-group{display:flex;flex-direction:column;gap:.375rem}.brief-filter-bar .filter-group label{font-size:.75rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.025em}.brief-filter-bar .filter-select{position:relative;display:flex;align-items:center}.brief-filter-bar .filter-select select{appearance:none;padding:.5rem 2.25rem .5rem .875rem;font-size:.875rem;color:var(--gray-800);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;min-width:200px;transition:all var(--transition)}.brief-filter-bar .filter-select select:hover{border-color:var(--gray-300)}.brief-filter-bar .filter-select select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.brief-filter-bar .filter-select svg{position:absolute;right:.75rem;color:var(--gray-400);pointer-events:none}.generate-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--primary-blue);background:#eff6ff;border:1px solid var(--primary-blue);border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.generate-btn:hover{background:#dbeafe}.brief-content{margin-bottom:1.5rem}.brief-main-column{display:flex;flex-direction:column;gap:1.5rem}.ai-summary-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.summary-header{padding:1.25rem 1.5rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:1px solid #BFDBFE}.summary-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.ai-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-blue);color:var(--white);border-radius:var(--radius-full);font-weight:600;font-size:.9375rem}.summary-timestamp{font-size:.8125rem;color:var(--gray-500)}.summary-content{padding:1.5rem}.summary-highlight{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;background:var(--gray-50);border-radius:var(--radius-lg);margin-bottom:1.5rem}.oee-highlight{display:flex;flex-direction:column;align-items:center}.oee-value{font-size:2.5rem;font-weight:800;color:var(--warning)}.oee-label{font-size:.8125rem;color:var(--gray-500);font-weight:500}.vs-target{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);font-size:.875rem;color:var(--gray-600)}.vs-target svg{color:var(--gray-400)}.summary-text p{font-size:.9375rem;line-height:1.7;color:var(--gray-700);margin-bottom:1rem}.summary-issues{display:flex;flex-direction:column;gap:.75rem;margin:1.25rem 0;padding:1rem;background:var(--gray-50);border-radius:var(--radius-lg)}.summary-issues li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem;color:var(--gray-700);line-height:1.5}.issue-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius);flex-shrink:0}.issue-icon.changeover{background:#fef3c7;color:#d97706}.issue-icon.breakdown{background:#fee2e2;color:#dc2626}.issue-icon.material{background:#ede9fe;color:#7c3aed}.priority-actions-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:600;color:var(--gray-900)}.completion-badge{font-size:.75rem;font-weight:500;color:var(--gray-500);padding:.25rem .75rem;background:var(--gray-100);border-radius:var(--radius-full)}.actions-list{display:flex;flex-direction:column;gap:.5rem}.action-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--gray-50);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition)}.action-item:hover{background:var(--gray-100)}.action-item.completed{background:#f0fdf4}.action-item.completed .action-text{text-decoration:line-through;color:var(--gray-400)}.action-checkbox{display:flex;align-items:center;justify-content:center;color:var(--gray-300)}.action-checkbox .checked{color:var(--success)}.priority-indicator{width:4px;height:24px;border-radius:2px}.priority-indicator.priority-high{background:var(--error)}.priority-indicator.priority-medium{background:var(--warning)}.priority-indicator.priority-low{background:var(--gray-300)}.action-text{font-size:.9375rem;color:var(--gray-700);flex:1}.performance-section{margin-bottom:1.5rem}.section-title{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.oee-donut-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.donut-content{display:flex;align-items:center;gap:2rem}.donut-chart{position:relative;width:160px;height:160px;flex-shrink:0}.donut-svg{width:100%;height:100%;transform:rotate(0)}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-value{display:block;font-size:1.5rem;font-weight:700;color:var(--gray-900)}.donut-label{font-size:.75rem;color:var(--gray-500)}.oee-metrics{flex:1;display:flex;flex-direction:column;gap:1rem}.metric-item{display:flex;flex-direction:column;gap:.375rem}.metric-header{display:flex;align-items:center;gap:.5rem}.metric-dot{width:10px;height:10px;border-radius:50%}.metric-label{font-size:.8125rem;font-weight:500;color:var(--gray-700)}.metric-values{display:flex;align-items:baseline;justify-content:space-between}.metric-value{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.metric-target{font-size:.75rem;color:var(--gray-500)}.metric-bar{height:6px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden}.metric-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.loss-breakdown-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.loss-breakdown-card .card-header{display:flex;align-items:center;justify-content:space-between}.total-loss{font-size:.8125rem;font-weight:500;color:var(--error);padding:.25rem .75rem;background:#fee2e2;border-radius:var(--radius-full)}.loss-content{display:flex;align-items:center;gap:2rem}.loss-donut{position:relative;width:140px;height:140px;flex-shrink:0}.loss-donut-svg{width:100%;height:100%}.loss-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--gray-400)}.loss-items{flex:1;display:flex;flex-direction:column;gap:.625rem}.loss-item{display:flex;align-items:center;justify-content:space-between}.loss-info{display:flex;align-items:center;gap:.5rem}.loss-dot{width:10px;height:10px;border-radius:50%}.loss-label{font-size:.875rem;color:var(--gray-700)}.loss-values{display:flex;align-items:center;gap:.75rem}.loss-minutes{font-size:.875rem;font-weight:600;color:var(--gray-900)}.loss-percentage{font-size:.75rem;color:var(--gray-500);width:40px;text-align:right}.shift-comparison-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.shift-comparison-card .card-header{margin-bottom:1.25rem}.card-subtitle{font-size:.8125rem;color:var(--gray-500)}.shift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.shift-card{padding:1.25rem;background:var(--gray-50);border-radius:var(--radius-lg);border-left:4px solid var(--gray-300)}.shift-card.status-success{border-left-color:var(--success);background:#f0fdf4}.shift-card.status-warning{border-left-color:var(--warning);background:#fffbeb}.shift-card.status-danger{border-left-color:var(--error);background:#fef2f2}.shift-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.shift-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--white);border-radius:var(--radius);color:var(--gray-600)}.shift-info{display:flex;flex-direction:column}.shift-name{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.shift-time{font-size:.75rem;color:var(--gray-500)}.shift-metrics{display:flex;gap:1rem;margin-bottom:1rem}.shift-metric{display:flex;flex-direction:column}.shift-metric.main .metric-value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.shift-metric .metric-value{font-size:1rem;font-weight:600;color:var(--gray-700)}.shift-metric .metric-label{font-size:.6875rem;color:var(--gray-500);text-transform:uppercase}.shift-issue{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--white);border-radius:var(--radius);font-size:.8125rem;color:var(--gray-600)}.shift-issue svg{color:var(--warning)}.trend-comparison-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.trend-table{display:flex;flex-direction:column}.trend-header-row{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:1rem;padding:.75rem 1rem;background:var(--gray-50);border-radius:var(--radius-lg);margin-bottom:.5rem}.trend-header-row .trend-cell{font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.025em}.trend-row{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--gray-100)}.trend-row:last-child{border-bottom:none}.trend-cell{display:flex;flex-direction:column;gap:.25rem}.trend-cell.label{font-weight:500;color:var(--gray-700);justify-content:center}.trend-cell.today{flex-direction:row;align-items:center;gap:.5rem}.trend-value{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.trend-change{display:flex;align-items:center;gap:.125rem;font-size:.75rem;font-weight:500}.trend-change.positive{color:var(--success)}.trend-change.negative{color:var(--error)}.trend-change.neutral{color:var(--gray-500)}@media(max-width:1200px){.performance-grid,.shift-grid{grid-template-columns:1fr}}@media(max-width:1024px){.donut-content{flex-direction:column;align-items:flex-start}.donut-chart{margin:0 auto}.oee-metrics{width:100%}.loss-content{flex-direction:column;align-items:flex-start}.loss-donut{margin:0 auto}.loss-items{width:100%}}@media(max-width:768px){.daily-brief-main{padding:1rem}.brief-page-header{flex-direction:column;align-items:stretch}.header-right{flex-direction:column}.date-navigator,.export-btn{width:100%;justify-content:center}.brief-filter-bar{flex-direction:column}.brief-filter-bar .filters{flex-direction:column;width:100%}.brief-filter-bar .filter-group,.brief-filter-bar .filter-select select{width:100%}.generate-btn{width:100%;justify-content:center}.summary-highlight{flex-direction:column;text-align:center}.trend-header-row,.trend-row{grid-template-columns:1fr repeat(2,1fr)}.trend-header-row .trend-cell:nth-child(4),.trend-header-row .trend-cell:nth-child(5),.trend-row .trend-cell:nth-child(4),.trend-row .trend-cell:nth-child(5){display:none}}@media(max-width:480px){.ai-badge span{display:none}.summary-timestamp{font-size:.75rem}.action-item{padding:.75rem}.action-text{font-size:.875rem}.shift-metrics{flex-wrap:wrap}}.copilot-chat{min-height:100vh;background:var(--gray-50);display:flex;flex-direction:column}.chat-layout{flex:1;display:flex;max-width:1600px;margin:0 auto;width:100%;height:calc(100vh - 64px);overflow:hidden}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--white);border-right:1px solid var(--gray-200)}.chat-sidebar{width:340px;background:var(--white);overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--white);border-bottom:1px solid var(--gray-200)}.ai-profile{display:flex;align-items:center;gap:1rem}.ai-avatar{position:relative;width:48px;height:48px;background:linear-gradient(135deg,var(--primary-blue) 0%,#1E40AF 100%);color:var(--white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.ai-avatar.small{width:36px;height:36px;border-radius:var(--radius);flex-shrink:0}.ai-avatar.small svg{width:18px;height:18px}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--success);border:2px solid var(--white);border-radius:50%}.ai-info{display:flex;flex-direction:column}.ai-name{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.ai-status{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--gray-500)}.status-dot{width:8px;height:8px;background:var(--success);border-radius:50%}.chat-actions{display:flex;gap:.5rem}.chat-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-600);cursor:pointer;transition:all var(--transition)}.chat-action-btn:hover{background:var(--gray-100);color:var(--gray-800)}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.message{display:flex;gap:.75rem;max-width:85%}.message.user-message{align-self:flex-end;flex-direction:row-reverse}.message.ai-message{align-self:flex-start}.user-avatar.small{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-teal) 100%);color:var(--white);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.message-content{display:flex;flex-direction:column;gap:.75rem}.user-message .message-content{align-items:flex-end}.user-message .message-content p{background:var(--primary-blue);color:var(--white);padding:.875rem 1.125rem;border-radius:var(--radius-xl) var(--radius-xl) var(--radius) var(--radius-xl);font-size:.9375rem;line-height:1.5}.ai-message .message-content{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:1rem 1.25rem}.message-text{font-size:.9375rem;line-height:1.7;color:var(--gray-700)}.message-text.additional{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-200)}.message-text strong{color:var(--gray-900)}.message-time{font-size:.75rem;color:var(--gray-400)}.user-message .message-time{text-align:right}.mini-oee-chart{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem;margin-top:.75rem}.mini-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem}.mini-chart-header span:first-child{font-size:.8125rem;font-weight:500;color:var(--gray-600)}.oee-total{font-size:.875rem;font-weight:600;color:var(--warning)}.mini-chart-bars{display:flex;flex-direction:column;gap:.625rem}.mini-bar-item{display:grid;grid-template-columns:80px 1fr 50px;align-items:center;gap:.75rem}.mini-bar-label{font-size:.75rem;color:var(--gray-600)}.mini-bar-track{height:8px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden}.mini-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.mini-bar-fill.availability{background:var(--warning)}.mini-bar-fill.performance{background:var(--primary-blue)}.mini-bar-fill.quality{background:var(--success)}.mini-bar-value{font-size:.8125rem;font-weight:600;color:var(--gray-700);text-align:right}.issues-table{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;margin-top:.75rem}.table-header{display:grid;grid-template-columns:30px 1fr 90px 80px 70px;gap:.75rem;padding:.75rem 1rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200);font-size:.6875rem;font-weight:600;color:var(--gray-500);text-transform:uppercase}.table-row{display:grid;grid-template-columns:30px 1fr 90px 80px 70px;gap:.75rem;padding:.625rem 1rem;border-bottom:1px solid var(--gray-100);font-size:.8125rem;align-items:center}.table-row:last-child{border-bottom:none}.col-rank{font-weight:600;color:var(--gray-400)}.col-issue{color:var(--gray-700)}.col-occurrences,.col-time{color:var(--gray-600);text-align:center}.col-trend{display:flex;align-items:center;gap:.25rem;font-weight:500}.col-trend.up{color:var(--error)}.col-trend.down{color:var(--success)}.col-trend.same{color:var(--gray-400)}.trend-up,.trend-down{flex-shrink:0}.message-insight{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;background:#fef3c7;border:1px solid #FDE68A;border-radius:var(--radius-lg);margin-top:.75rem}.message-insight svg{color:#d97706;flex-shrink:0;margin-top:2px}.message-insight span{font-size:.8125rem;color:#92400e;line-height:1.5}.message-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-100)}.message-actions{display:flex;gap:.375rem}.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid transparent;border-radius:var(--radius);color:var(--gray-400);cursor:pointer;transition:all var(--transition)}.action-btn:hover{background:var(--gray-100);color:var(--gray-600)}.action-btn.active,.action-btn.copied{color:var(--primary-blue);background:#eff6ff;border-color:var(--primary-blue)}.typing-indicator{display:flex;align-items:center;gap:.25rem;padding:1rem 1.25rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl)}.typing-indicator span{width:8px;height:8px;background:var(--gray-400);border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.chat-input-container{padding:1rem 1.5rem 1.5rem;background:var(--white);border-top:1px solid var(--gray-200)}.chat-input-wrapper{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);transition:all var(--transition)}.chat-input-wrapper:focus-within{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.chat-input{flex:1;padding:.625rem .75rem;font-size:.9375rem;color:var(--gray-800);background:transparent;border:none;outline:none}.chat-input::placeholder{color:var(--gray-400)}.input-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--gray-400);border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.input-action-btn:hover{background:var(--gray-200);color:var(--gray-600)}.send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gray-200);border:none;color:var(--gray-400);border-radius:var(--radius-lg);cursor:not-allowed;transition:all var(--transition)}.send-btn.active{background:var(--primary-blue);color:var(--white);cursor:pointer}.send-btn.active:hover{background:var(--primary-blue-dark)}.input-hint{font-size:.75rem;color:var(--gray-400);margin-top:.625rem;text-align:center}.sidebar-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.sidebar-title svg{color:var(--primary-blue)}.suggested-questions{display:flex;flex-direction:column}.question-category{margin-bottom:1.25rem}.question-category:last-child{margin-bottom:0}.category-label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;margin-bottom:.5rem}.category-label svg{color:var(--gray-400)}.question-list{display:flex;flex-direction:column;gap:.375rem}.question-btn{text-align:left;padding:.625rem .875rem;font-size:.8125rem;color:var(--gray-700);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);line-height:1.4}.question-btn:hover{background:#eff6ff;border-color:var(--primary-blue);color:var(--primary-blue)}.conversation-list{display:flex;flex-direction:column;gap:.5rem}.conversation-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--gray-50);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);text-align:left;width:100%}.conversation-item:hover{background:var(--white);border-color:var(--gray-200);box-shadow:var(--shadow-sm)}.conv-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray-100);border-radius:var(--radius);color:var(--gray-500)}.conv-info{flex:1;display:flex;flex-direction:column;min-width:0}.conv-title{font-size:.8125rem;font-weight:500;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-meta{font-size:.6875rem;color:var(--gray-400)}@media(max-width:1200px){.chat-sidebar{width:300px}}@media(max-width:1024px){.chat-sidebar{display:none}.message{max-width:90%}}@media(max-width:768px){.chat-header{padding:.875rem 1rem}.ai-avatar{width:40px;height:40px}.ai-name{font-size:1rem}.ai-status{font-size:.75rem}.chat-messages{padding:1rem}.message{max-width:95%}.chat-input-container{padding:.875rem 1rem 1rem}.table-header,.table-row{grid-template-columns:25px 1fr 70px 60px}.col-trend,.table-header .col-trend{display:none}}@media(max-width:480px){.chat-actions{display:none}.ai-message .message-content{padding:.875rem 1rem}.mini-bar-item{grid-template-columns:70px 1fr 45px}.mini-bar-label{font-size:.6875rem}.input-action-btn:first-child{display:none}}.analytics-page{min-height:100vh;background:#f3f4f6}.analytics-main{padding:1.5rem}.analytics-container{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-header h1{font-size:1.75rem;font-weight:700;color:#111827;margin:0}.header-right{display:flex;align-items:center;gap:1rem}.date-range-picker{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #E5E7EB;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.date-range-picker:hover{border-color:#2563eb}.export-dropdown{position:relative}.export-btn{display:flex;align-items:center;gap:.5rem;background:#2563eb;color:#fff;border:none;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.export-btn:hover{background:#1d4ed8}.export-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:180px;padding:.5rem;z-index:100}.export-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;color:#374151;background:transparent;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;width:100%;text-align:left;transition:background .2s}.export-item:hover{background:#f3f4f6}.filter-bar{display:flex;align-items:flex-end;gap:1rem;background:#fff;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:150px}.filter-group label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.filter-select{padding:.5rem .75rem;border:1px solid #E5E7EB;border-radius:6px;font-size:.875rem;color:#111827;background:#fff;cursor:pointer;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.apply-filters-btn{display:flex;align-items:center;gap:.5rem;background:#111827;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.apply-filters-btn:hover{background:#1f2937}.analytics-tabs{display:flex;gap:.25rem;background:#fff;padding:.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d}.analytics-tab{flex:1;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.analytics-tab:hover{background:#f3f4f6;color:#111827}.analytics-tab.active{background:#2563eb;color:#fff}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.summary-card{display:flex;align-items:center;gap:1rem;background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 1px 3px #0000000d}.summary-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.summary-icon.blue{background:#eff6ff;color:#2563eb}.summary-icon.green{background:#ecfdf5;color:#10b981}.summary-icon.red{background:#fef2f2;color:#ef4444}.summary-icon.teal{background:#f0fdfa;color:#0d9488}.summary-info{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.summary-value{font-size:1.125rem;font-weight:700;color:#111827}.chart-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem}.chart-card.large-chart{min-height:380px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.chart-header h3{font-size:1rem;font-weight:600;color:#111827;margin:0}.chart-header h4{font-size:.875rem;font-weight:600;color:#111827;margin:0}.chart-target{font-size:.75rem;color:#6b7280}.chart-stats{display:flex;gap:1.5rem}.chart-stat{font-size:.875rem;color:#6b7280}.chart-stat strong{color:#111827}.chart-total{font-size:.875rem;color:#6b7280}.time-toggles{display:flex;gap:.25rem;background:#f3f4f6;padding:.25rem;border-radius:8px}.toggle-btn{padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;font-size:.75rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.toggle-btn:hover{color:#111827}.toggle-btn.active{background:#fff;color:#2563eb;box-shadow:0 1px 3px #0000001a}.line-chart-container{position:relative}.line-chart{width:100%;height:auto}.axis-label{font-size:10px;fill:#6b7280}.target-label{font-size:10px;fill:#ef4444;font-weight:500}.chart-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #F3F4F6}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.legend-color{width:12px;height:12px;border-radius:3px}.legend-color.blue{background:#2563eb}.legend-color.red{background:#ef4444}.legend-color.green{background:#10b981}.legend-color.yellow{background:#f59e0b}.legend-line{width:20px;height:2px;background:#ef4444}.legend-line.red{background:repeating-linear-gradient(to right,#EF4444 0,#EF4444 6px,transparent 6px,transparent 10px)}.small-charts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.chart-card.small-chart{margin-bottom:0}.mini-line-chart{height:100px;position:relative}.mini-line-chart svg{width:100%;height:80px}.mini-chart-avg{text-align:center;font-size:.875rem;font-weight:600;color:#374151;margin-top:.5rem}.loss-charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.pareto-chart{margin-bottom:0}.pareto-container{overflow-x:auto}.pareto-svg{width:100%;min-width:500px;height:380px}.bar-label{font-size:8px;fill:#6b7280}.pie-chart-card{margin-bottom:0}.pie-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.pie-chart{width:200px;height:200px}.pie-legend{display:flex;flex-direction:column;gap:.75rem}.pie-legend-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#374151}.pie-color{width:16px;height:16px;border-radius:4px}.small-multiples{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.small-multiple{text-align:center;padding:.75rem;background:#f9fafb;border-radius:8px}.small-multiple h5{font-size:.75rem;font-weight:500;color:#6b7280;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.small-multiple svg{width:100%;height:60px}.small-multiple-value{font-size:.875rem;font-weight:600;color:#111827}.downtime-charts-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.downtime-charts-grid .chart-card{margin-bottom:0}.horizontal-bar-chart{display:flex;flex-direction:column;gap:.75rem}.h-bar-row{display:grid;grid-template-columns:120px 1fr 60px;align-items:center;gap:.75rem}.h-bar-label{font-size:.75rem;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-bar-container{height:24px;background:#f3f4f6;border-radius:4px;overflow:hidden}.h-bar{height:100%;border-radius:4px;transition:width .3s ease}.h-bar-value{font-size:.75rem;font-weight:600;color:#111827;text-align:right}.grouped-bar-chart{display:flex;flex-direction:column;align-items:center}.grouped-bar-chart svg{width:100%;max-width:300px;height:200px}.shift-chart .chart-legend{padding-top:.5rem}.data-table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:.75rem 1rem;background:#f9fafb;color:#6b7280;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid #E5E7EB;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.data-table th:hover{background:#f3f4f6}.data-table th svg{vertical-align:middle;margin-left:.25rem;opacity:.5}.data-table td{padding:.75rem 1rem;border-bottom:1px solid #F3F4F6;color:#374151}.data-table tr:hover td{background:#f9fafb}.duration-cell{font-weight:600}.category-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.category-badge.equipment-failure{background:#fef2f2;color:#dc2626}.category-badge.material-shortage{background:#fffbeb;color:#d97706}.category-badge.setup-changeover{background:#eff6ff;color:#2563eb}.category-badge.planned-maintenance{background:#ecfdf5;color:#059669}.category-badge.minor-stops{background:#f5f3ff;color:#7c3aed}.category-badge.operator-error{background:#fdf2f8;color:#db2777}.shift-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.shift-badge.day{background:#fef3c7;color:#b45309}.shift-badge.night{background:#e0e7ff;color:#4338ca}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;margin-top:1rem;border-top:1px solid #E5E7EB}.pagination-info{font-size:.75rem;color:#6b7280}.pagination-controls{display:flex;gap:.25rem}.pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.pagination-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.big-number-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.big-number-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000000d;display:flex;align-items:center;gap:1.5rem}.big-number-icon{width:80px;height:80px;background:#eff6ff;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#2563eb}.big-number-content{flex:1}.big-number{display:block;font-size:2.5rem;font-weight:700;color:#111827;line-height:1}.big-number-label{display:block;font-size:.875rem;color:#6b7280;margin-top:.5rem}.big-number-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500}.big-number-badge.warning{background:#fef3c7;color:#b45309}.big-number-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-box{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 1px 3px #0000000d}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#111827}.stat-value.text-red{color:#ef4444}.changeover-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.changeover-charts-grid .chart-card{margin-bottom:0}.bar-chart-vertical svg,.line-chart-small svg{width:100%;height:auto}.variance-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.variance-badge.good{background:#ecfdf5;color:#059669}.variance-badge.medium{background:#fffbeb;color:#d97706}.variance-badge.high{background:#fef2f2;color:#dc2626}.quality-charts-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.quality-charts-grid .chart-card{margin-bottom:0}.fpy-chart svg{width:100%;height:auto}.scrap-pareto{display:flex;flex-direction:column;gap:.5rem}.scrap-row{display:grid;grid-template-columns:140px 1fr 50px 50px;align-items:center;gap:.75rem}.scrap-reason{font-size:.75rem;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scrap-bar-container{height:20px;background:#f3f4f6;border-radius:4px;overflow:hidden}.scrap-bar{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:4px}.scrap-count{font-size:.75rem;font-weight:600;color:#111827;text-align:right}.scrap-percent{font-size:.75rem;color:#6b7280;text-align:right}@media(max-width:1280px){.summary-cards{grid-template-columns:repeat(2,1fr)}.loss-charts-grid{grid-template-columns:1fr}.downtime-charts-grid{grid-template-columns:1fr 1fr}.big-number-section,.changeover-charts-grid{grid-template-columns:1fr}.quality-charts-grid{grid-template-columns:1fr 1fr}}@media(max-width:1024px){.nav-tabs{display:none}.small-charts-row{grid-template-columns:1fr}.small-multiples{grid-template-columns:repeat(3,1fr)}.downtime-charts-grid,.quality-charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.analytics-main{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.header-right{width:100%;flex-wrap:wrap}.filter-bar{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.apply-filters-btn{width:100%;justify-content:center}.analytics-tabs{flex-wrap:wrap}.analytics-tab{flex:auto;padding:.5rem 1rem}.summary-cards{grid-template-columns:1fr}.small-multiples{grid-template-columns:repeat(2,1fr)}.h-bar-row{grid-template-columns:100px 1fr 50px}.scrap-row{grid-template-columns:100px 1fr 40px 40px}.big-number-card{flex-direction:column;text-align:center}.big-number-stats{grid-template-columns:1fr}.table-pagination{flex-direction:column;gap:1rem}}@media(max-width:480px){.user-name,.date-range-picker span,.export-btn span{display:none}.small-multiples{grid-template-columns:1fr}}.data-upload-page{min-height:100vh;background:#f3f4f6}.dashboard-nav{background:#fff;border-bottom:1px solid #E5E7EB;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;height:64px;position:sticky;top:0;z-index:100}.nav-left{display:flex;align-items:center;gap:2rem}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.upload-main{padding:1.5rem}.upload-container{max-width:1000px;margin:0 auto}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem}.progress-steps{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-icon{width:40px;height:40px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:#6b7280;transition:all .3s}.progress-step.active .step-icon{background:#2563eb;color:#fff}.progress-step.completed .step-icon{background:#10b981;color:#fff}.step-label{font-size:.75rem;color:#6b7280;font-weight:500}.progress-step.active .step-label,.progress-step.completed .step-label{color:#111827}.step-connector{width:60px;height:2px;background:#e5e7eb;margin:0 .5rem 1.5rem}.upload-content{display:flex;flex-direction:column;gap:1.5rem}.upload-section{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.upload-zone{background:#fff;border:2px dashed #D1D5DB;border-radius:16px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s}.upload-zone:hover{border-color:#2563eb;background:#f8fafc}.upload-zone.dragging{border-color:#2563eb;background:#eff6ff;border-style:solid}.upload-zone-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{width:80px;height:80px;background:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2563eb}.upload-zone h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.upload-or{font-size:.875rem;color:#9ca3af;margin:0}.browse-btn{display:flex;align-items:center;gap:.5rem;background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.browse-btn:hover{background:#1d4ed8}.supported-formats{font-size:.75rem;color:#6b7280;margin:0}.supported-formats strong{color:#374151}.sample-files-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.sample-files-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#111827}.sample-files-header h4{font-size:1rem;font-weight:600;margin:0}.sample-files-desc{font-size:.875rem;color:#6b7280;margin:0 0 1rem}.sample-buttons{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.sample-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f3f4f6;border:1px solid #E5E7EB;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.sample-btn:hover{background:#e5e7eb;border-color:#d1d5db}.format-guide-link{display:flex;align-items:center;gap:.5rem;color:#2563eb;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.format-guide-link:hover{color:#1d4ed8}.upload-history-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.section-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#111827;margin:0}.history-table-container{overflow-x:auto}.history-table{width:100%;border-collapse:collapse}.history-table th{text-align:left;padding:.75rem 1rem;background:#f9fafb;color:#6b7280;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid #E5E7EB}.history-table td{padding:.75rem 1rem;border-bottom:1px solid #F3F4F6;font-size:.875rem;color:#374151}.file-name-cell{display:flex;align-items:center;gap:.5rem}.file-icon{flex-shrink:0}.file-icon.csv{color:#10b981}.file-icon.xlsx{color:#2563eb}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.success{background:#ecfdf5;color:#059669}.status-badge.failed{background:#fef2f2;color:#dc2626}.action-btn.delete:hover{background:#fef2f2;color:#dc2626}.file-info-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.file-info-header{display:flex;align-items:center;gap:1rem}.file-info-icon{width:56px;height:56px;background:#eff6ff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#2563eb}.file-info-details{flex:1}.file-info-details h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.file-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.file-meta span{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#6b7280}.ready-badge{color:#059669!important;font-weight:500}.remove-file-btn{background:transparent;border:none;padding:.5rem;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.remove-file-btn:hover{background:#fef2f2;color:#dc2626}.preview-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.preview-note{font-size:.75rem;color:#6b7280}.preview-table-container{overflow-x:auto}.preview-table{width:100%;border-collapse:collapse;font-size:.875rem}.preview-table th{text-align:left;padding:.75rem 1rem;background:#f9fafb;color:#6b7280;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid #E5E7EB;white-space:nowrap}.preview-table td{padding:.75rem 1rem;border-bottom:1px solid #F3F4F6;color:#374151;white-space:nowrap}.row-number{color:#9ca3af;font-weight:500}.event-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.event-badge.production{background:#ecfdf5;color:#059669}.event-badge.changeover{background:#eff6ff;color:#2563eb}.event-badge.breakdown{background:#fef2f2;color:#dc2626}.step-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem}.btn-primary{display:flex;align-items:center;gap:.5rem;background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:.5rem;background:#fff;color:#374151;border:1px solid #E5E7EB;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.mapping-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.mapping-desc{font-size:.875rem;color:#6b7280;margin:0}.mapping-info{display:flex;align-items:center;gap:.5rem;background:#eff6ff;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;color:#1e40af;margin:1rem 0}.required-marker{color:#dc2626;font-weight:600}.mapping-grid{display:flex;flex-direction:column;gap:.75rem}.mapping-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.75rem 1rem;background:#f9fafb;border-radius:8px}.system-field{display:flex;align-items:center}.field-label{font-size:.875rem;font-weight:500;color:#374151}.mapping-arrow{color:#9ca3af}.file-column{display:flex;align-items:center;gap:.5rem}.mapping-select{flex:1;padding:.5rem .75rem;border:1px solid #E5E7EB;border-radius:6px;font-size:.875rem;color:#374151;background:#fff;cursor:pointer;transition:all .2s}.mapping-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.mapping-select.mapped{border-color:#10b981;background:#ecfdf5}.mapped-icon{color:#10b981;flex-shrink:0}.mapping-summary{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #E5E7EB}.summary-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.summary-item .success{color:#10b981}.summary-item.warning{color:#d97706}.processing-section{display:flex;justify-content:center;padding:3rem 0}.processing-card{background:#fff;border-radius:16px;padding:3rem;text-align:center;box-shadow:0 1px 3px #0000000d;max-width:400px;width:100%}.processing-icon{color:#2563eb;margin-bottom:1.5rem}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-card h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.processing-card p{font-size:.875rem;color:#6b7280;margin:0 0 1.5rem}.progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:4px;animation:progress 3s ease-in-out forwards}@keyframes progress{0%{width:0%}to{width:100%}}.processing-stats{font-size:.875rem;color:#6b7280}.complete-section{display:flex;justify-content:center;padding:2rem 0}.complete-card{background:#fff;border-radius:16px;padding:3rem;text-align:center;box-shadow:0 1px 3px #0000000d;max-width:500px;width:100%}.complete-icon{color:#10b981;margin-bottom:1.5rem}.complete-card h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .5rem}.complete-card>p{font-size:.875rem;color:#6b7280;margin:0 0 2rem}.import-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f9fafb;border-radius:12px}.summary-stat{text-align:center}.summary-stat .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#111827}.summary-stat .stat-label{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem}.complete-actions{display:flex;justify-content:center;gap:1rem}.help-section{margin-top:2rem}.help-section h4{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.help-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.help-card{display:flex;align-items:center;gap:1rem;background:#fff;padding:1rem 1.25rem;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;transition:all .2s}.help-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.help-icon{width:48px;height:48px;background:#eff6ff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.help-content{flex:1}.help-content h5{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 .25rem}.help-content p{font-size:.75rem;color:#6b7280;margin:0}.help-card>svg{color:#9ca3af;flex-shrink:0}@media(max-width:1024px){.nav-tabs{display:none}.upload-section,.help-cards{grid-template-columns:1fr}}@media(max-width:768px){.upload-main{padding:1rem}.progress-steps{padding:1rem;overflow-x:auto}.step-connector{width:30px}.step-label{font-size:.625rem}.upload-zone{padding:2rem 1rem}.mapping-row{grid-template-columns:1fr;gap:.5rem}.mapping-arrow{transform:rotate(90deg);justify-self:center}.step-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}.import-summary{grid-template-columns:1fr;gap:.75rem}.complete-actions{flex-direction:column}.file-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:480px){.user-name{display:none}.page-header h1{font-size:1.5rem}.file-info-header{flex-direction:column;text-align:center}.remove-file-btn{position:absolute;top:1rem;right:1rem}.file-info-card{position:relative}}.admin-dashboard-page{min-height:100vh;background:#f3f4f6}.admin-nav{background:#fff;border-bottom:1px solid #E5E7EB;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;height:64px;position:sticky;top:0;z-index:100}.nav-left{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{position:relative;color:#2563eb}.logo-icon .cog-icon{position:absolute;bottom:-2px;right:-4px;color:#1e40af}.logo-text{font-size:1.25rem;font-weight:700;color:#111827}.admin-badge{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;font-size:.625rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.nav-center{flex:1;display:flex;justify-content:center}.nav-tabs{display:flex;gap:.25rem}.nav-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:#6b7280;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.nav-tab:hover{background:#f3f4f6;color:#111827}.nav-tab.active{background:#eff6ff;color:#2563eb}.nav-right{display:flex;align-items:center;gap:1rem}.nav-icon-btn{position:relative;background:transparent;border:none;padding:.5rem;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s}.nav-icon-btn:hover{background:#f3f4f6;color:#111827}.notification-badge{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;font-size:.625rem;font-weight:600;padding:2px 5px;border-radius:10px}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid #E5E7EB;padding:.375rem .75rem;border-radius:8px;cursor:pointer;transition:all .2s}.user-menu-btn:hover{background:#f9fafb;border-color:#d1d5db}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600}.user-avatar.admin{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.user-name{font-size:.875rem;font-weight:500;color:#374151}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:180px;padding:.5rem;z-index:1000}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;color:#374151;text-decoration:none;border-radius:6px;font-size:.875rem;transition:background .2s;cursor:pointer;background:transparent;border:none;width:100%;text-align:left}.dropdown-item:hover{background:#f3f4f6}.dropdown-divider{border:none;border-top:1px solid #E5E7EB;margin:.5rem 0}.admin-main{padding:1.5rem}.admin-container{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-content h1{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem}.page-subtitle{font-size:.875rem;color:#6b7280;margin:0}.header-actions{display:flex;gap:.75rem}.btn-primary{display:flex;align-items:center;gap:.5rem;background:#2563eb;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#1d4ed8}.btn-secondary{display:flex;align-items:center;gap:.5rem;background:#fff;color:#374151;border:1px solid #E5E7EB;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000000d;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.blue{background:#eff6ff;color:#2563eb}.stat-icon.green{background:#ecfdf5;color:#10b981}.stat-icon.purple{background:#f5f3ff;color:#7c3aed}.stat-icon.teal{background:#f0fdfa;color:#0d9488}.stat-content{flex:1}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#111827;line-height:1}.stat-label{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem}.stat-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.stat-trend.up{background:#ecfdf5;color:#059669}.stat-trend.down{background:#fef2f2;color:#dc2626}.section{margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#111827;margin:0}.task-count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.25rem .75rem;border-radius:20px}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.quick-action-card{display:flex;align-items:center;gap:1rem;background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;transition:all .2s;border:1px solid transparent}.quick-action-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.action-icon{width:48px;height:48px;background:#eff6ff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.action-content{flex:1}.action-content h4{font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 .25rem}.action-content p{font-size:.75rem;color:#6b7280;margin:0}.action-arrow{width:32px;height:32px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.quick-action-card:hover .action-arrow{background:#2563eb;color:#fff}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.activity-feed-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#111827;margin:0}.view-all-btn{background:transparent;border:none;color:#2563eb;font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s}.view-all-btn:hover{color:#1d4ed8}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;gap:1rem;padding:.75rem;border-radius:8px;transition:background .2s}.activity-item:hover{background:#f9fafb}.activity-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.green{background:#ecfdf5;color:#10b981}.activity-icon.blue{background:#eff6ff;color:#2563eb}.activity-icon.yellow{background:#fef3c7;color:#d97706}.activity-icon.purple{background:#f5f3ff;color:#7c3aed}.activity-icon.teal{background:#f0fdfa;color:#0d9488}.activity-icon.red{background:#fef2f2;color:#dc2626}.activity-content{flex:1;min-width:0}.activity-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.activity-title{font-size:.875rem;font-weight:600;color:#111827}.activity-time{font-size:.75rem;color:#9ca3af;white-space:nowrap}.activity-description{font-size:.8125rem;color:#6b7280;margin:.25rem 0}.activity-user{font-size:.75rem;color:#9ca3af}.right-column{display:flex;flex-direction:column;gap:1.5rem}.system-status-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.status-overall{font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:20px}.status-overall.operational{background:#ecfdf5;color:#059669}.status-list{display:flex;flex-direction:column;gap:.75rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #F3F4F6}.status-item:last-child{border-bottom:none}.status-info{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.operational{background:#10b981}.status-dot.degraded{background:#f59e0b}.status-dot.down{background:#ef4444}.status-name{font-size:.875rem;color:#374151}.status-uptime{font-size:.875rem;font-weight:500;color:#111827}.data-summary-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.refresh-btn{background:transparent;border:none;padding:.375rem;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s}.refresh-btn:hover{background:#f3f4f6;color:#111827}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.metric-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:8px}.metric-icon{color:#6b7280}.metric-content{display:flex;flex-direction:column}.metric-value{font-size:1rem;font-weight:700;color:#111827}.metric-label{font-size:.6875rem;color:#6b7280}.recent-users-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:.75rem 1rem;background:#f9fafb;color:#6b7280;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid #E5E7EB}.users-table td{padding:.75rem 1rem;border-bottom:1px solid #F3F4F6;font-size:.875rem}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar-small{width:36px;height:36px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.6875rem;font-weight:600;flex-shrink:0}.user-info{display:flex;flex-direction:column}.user-info .user-name{font-weight:500;color:#111827}.user-email{font-size:.75rem;color:#6b7280}.role-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.role-badge.admin{background:#f5f3ff;color:#7c3aed}.role-badge.manager{background:#eff6ff;color:#2563eb}.role-badge.operator{background:#ecfdf5;color:#059669}.role-badge.analyst{background:#fef3c7;color:#d97706}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.active{background:#ecfdf5;color:#059669}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.last-login{color:#6b7280}.action-buttons{display:flex;gap:.25rem}.action-btn{background:transparent;border:none;padding:.375rem;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s}.action-btn:hover{background:#f3f4f6;color:#111827}.action-btn.more:hover{background:#e5e7eb}.pending-tasks-section{margin-bottom:1.5rem}.tasks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.task-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000d;border-left:4px solid}.task-card.priority-high{border-left-color:#ef4444}.task-card.priority-medium{border-left-color:#f59e0b}.task-card.priority-low{border-left-color:#10b981}.task-priority{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.5rem}.task-card.priority-high .task-priority{color:#ef4444}.task-card.priority-medium .task-priority{color:#f59e0b}.task-card.priority-low .task-priority{color:#10b981}.task-card h4{font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 .5rem}.task-card p{font-size:.8125rem;color:#6b7280;margin:0 0 1rem}.task-footer{display:flex;justify-content:space-between;align-items:center}.task-due{font-size:.75rem;color:#9ca3af}.task-action-btn{background:#f3f4f6;border:none;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.task-action-btn:hover{background:#2563eb;color:#fff}@media(max-width:1280px){.stats-row,.quick-actions-grid,.tasks-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.nav-center{display:none}.content-grid{grid-template-columns:1fr}.right-column{flex-direction:row}.system-status-card,.data-summary-card{flex:1}}@media(max-width:768px){.admin-main{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}.stats-row,.quick-actions-grid{grid-template-columns:1fr}.right-column{flex-direction:column}.tasks-grid,.metrics-grid{grid-template-columns:1fr}.activity-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.admin-nav{padding:0 1rem}.user-name,.admin-badge{display:none}.page-header h1{font-size:1.5rem}.stat-card{padding:1rem}.stat-value{font-size:1.25rem}.quick-action-card{padding:1rem}}