:root{--primary-brand:#00bcd4;--secondary-brand:#607d8b;--accent-call-to-action:#ffc107;--bg-deep-dark:#1a1a2e;--bg-medium-dark:#2c2c4e;--bg-light-surface:#f0f2f5;--text-on-dark:#f0f2f5;--text-on-light:#343a40;--text-muted-dark:#b0b5ba;--text-muted-light:#6c757d;--heading-font:"Montserrat",sans-serif;--body-font:"Open Sans",sans-serif;--spacing-lg:100px;--spacing-md:80px;--spacing-sm:40px;--border-radius-sm:8px;--border-radius-md:12px;--shadow-soft:0 5px 15px #0003;--shadow-elevated:0 10px 30px #00000059;--footer-padding-vertical:var(--spacing-md);--footer-padding-horizontal:20px;--glass-blur:10px;--glass-bg-opacity:0.4;--glass-border-color:#ffffff26}*{margin:0;padding:0}html{scroll-behavior:smooth}body{background:linear-gradient(0deg,#0a0f1c,#1b2a3d);color:#343a40;color:var(--text-on-light);font-family:Open Sans,sans-serif;font-family:var(--body-font);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{color:#343a40;color:var(--text-on-light);font-family:Montserrat,sans-serif;font-family:var(--heading-font);line-height:1.2;margin-bottom:.5em}p{margin-bottom:5em}.btn{border-radius:12px;display:inline-block;font-size:1em;font-weight:700;padding:14px 28px}.btn-primary{background-color:#00bcd4;box-shadow:0 4px 10px #00bcd44d;color:#f0f2f5;color:var(--text-on-dark)}.btn-primary:hover{background-color:#00a3bd;box-shadow:0 6px 15px #00bcd466;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:2px solid #00bcd4;border:2px solid var(--primary-brand);color:#00bcd4;color:var(--primary-brand)}.btn-secondary:hover{background-color:#00bcd4;background-color:var(--primary-brand);box-shadow:0 4px 10px #00bcd433;color:#f0f2f5;color:var(--text-on-dark);transform:translateY(-2px)}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){body{font-size:.95em}.container{padding:0 15px}.btn{font-size:.9em;padding:12px 24px}}.navbar-home{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background-color:rgba(44,44,78,var(--glass-bg-opacity));border-bottom:1px solid var(--glass-border-color);box-shadow:0 5px 20px #0000004d;font-size:1.1em;justify-content:center;position:sticky;top:0;z-index:999}.navbar-home,.navbar-home-container{align-items:center;display:flex;height:80px;width:100%}.navbar-home-container{justify-content:space-between;max-width:1300px;padding:0 20px}.navbar-home-logo{color:var(--primary-brand);cursor:pointer;font-family:var(--heading-font);font-size:1.8em;font-weight:700;justify-self:start;letter-spacing:-.02em;text-decoration:none;transition:color .3s ease}.navbar-home-logo:hover{color:#8ac0e8}.nav-home-menu{display:flex;list-style:none;text-align:center}.nav-home-item{height:80px}.nav-home-links{align-items:center;color:var(--text-on-dark);display:flex;font-family:var(--body-font);font-weight:500;height:100%;padding:0 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-home-links:hover{transform:translateY(-2px)}.nav-home-links.active,.nav-home-links:hover{color:var(--primary-brand)}.nav-home-links:after{background-color:var(--primary-brand);bottom:20px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transition:transform .3s ease-out;width:80%}.nav-home-links.active:after,.nav-home-links:hover:after{transform:translateX(-50%) scaleX(1)}.menu-home-icon{background:none;cursor:pointer;display:none;flex-direction:column;height:22px;justify-content:space-between;transition:all .3s ease-in-out;width:30px;z-index:1000}.menu-home-icon .bar{background-color:var(--primary-brand);border-radius:2px;height:3px;transition:all .3s ease-in-out;width:100%}.menu-home-icon.open .bar:first-child{transform:translateY(9px) rotate(45deg)}.menu-home-icon.open .bar:nth-child(2){opacity:0}.menu-home-icon.open .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media screen and (max-width:992px){.navbar-home-container{padding:0 15px}.nav-home-menu{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background-color:#1a1a2ef2;border-top:1px solid var(--glass-border-color);display:flex;flex-direction:column;height:90vh;left:-100%;opacity:1;padding-top:20px;position:absolute;top:80px;transition:all .5s ease;width:100%}.nav-home-menu.active{left:0;opacity:1}.nav-home-item{height:auto;padding:15px 0}.nav-home-links{display:table;font-size:1.2em;padding:1rem;text-align:center;width:100%}.nav-home-links:after{display:none}.nav-home-links.active{background-color:#4682b41a;border-left:5px solid var(--primary-brand);color:var(--primary-brand);font-weight:700;padding-left:calc(1rem - 5px)}.menu-home-icon{color:var(--primary-brand);display:flex;z-index:99999}}@media screen and (max-width:576px){.navbar-home-logo{font-size:1.5em}.nav-home-links{font-size:1.1em}}.main-footer{background-color:var(--bg-deep-dark);border-top:1px solid #ffffff0d;color:var(--text-muted-dark);overflow:hidden;padding-bottom:var(--spacing-sm);padding-top:var(--spacing-lg);position:relative;text-align:center}.footer-content-wrapper{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:minmax(280px,500px);justify-content:center;margin-left:auto;margin-right:auto;max-width:1000px;padding-bottom:var(--spacing-md);text-align:center}.footer-column{padding:0 15px}.footer-column h3{color:var(--primary-brand);font-family:var(--heading-font);font-size:1.5em;letter-spacing:.02em;margin-bottom:25px;padding-bottom:10px;position:relative;text-align:center}.footer-column h3:after{background-color:var(--accent-call-to-action);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.social-icons-row{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;list-style:none;margin:20px 0 0;padding:0}.social-icons-row li{margin-bottom:0}.social-icons-row a{align-items:center;background-color:#00bcd41a;border-radius:50%;color:var(--text-muted-dark);display:flex;font-size:1.8em;height:45px;justify-content:center;transition:all .3s ease;width:45px}.social-icons-row a:hover{background-color:#00bcd440;box-shadow:0 5px 15px #00bcd433;color:var(--primary-brand);transform:translateY(-5px) scale(1.1)}.social-icons-row a i{color:inherit}.footer-bottom-bar{border-top:1px solid #ffffff08;color:var(--text-muted-dark);font-size:.85em;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}@media (max-width:992px){.footer-content-wrapper{grid-template-columns:minmax(250px,1fr);padding-bottom:var(--spacing-sm)}.footer-column h3{margin-top:0}}@media (max-width:576px){.main-footer{padding-bottom:20px;padding-bottom:var(--spacing-xs,20px);padding-top:var(--spacing-md)}.footer-column h3{font-size:1.3em;margin-bottom:20px}.social-icons-row{gap:15px}.social-icons-row a{font-size:1.5em;height:40px;width:40px}.footer-bottom-bar{font-size:.8em}}.hero-home-section{color:var(--text-on-dark);margin:0;min-height:100vh;overflow:hidden;padding:0;position:relative;text-align:center}.hero-home-content,.hero-home-section{align-items:center;display:flex;justify-content:center}.hero-home-content{flex-direction:column;max-width:1100px;padding:0 20px;width:100%}.hero-home-title{color:var(--text-on-dark);font-family:var(--heading-font);font-size:3.5em;line-height:1.2;margin-bottom:10px}.hero-home-subheadline{color:var(--primary-brand);font-size:1.8em;font-weight:600;margin-bottom:20px}.hero-home-subtitle{color:var(--text-muted-dark);font-family:var(--body-font);font-size:1.3em;line-height:1.6;margin:0 auto 40px;max-width:750px}.hero-home-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.btn-secondary-hero{background-color:initial;border:4px solid var(--primary-brand);color:var(--primary-brand)}.btn-secondary-hero:hover{border:1px solid var(--primary-brand);box-shadow:0 5px 15px #4682b466;color:#fff;transform:translateY(-3px)}@media (max-width:992px){.hero-home-title{font-size:3em}.hero-home-subheadline{font-size:1.5em}.hero-home-subtitle{font-size:1.2em}}@media (max-width:768px){.hero-home-title{font-size:2.4em}.hero-home-subheadline{font-size:1.3em}.hero-home-subtitle{font-size:1.1em}.hero-home-actions{flex-direction:column;gap:15px}.btn{max-width:320px;width:80%}}@media (max-width:576px){.hero-home-title{font-size:2em}.hero-home-subheadline{font-size:1.1em}.btn,.hero-home-subtitle{font-size:1em}.btn{padding:12px 20px}}.dashboard-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ad9;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:80px 20px 40px;position:fixed;top:0;width:100%;z-index:2000}.dashboard-modal{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:1200px;padding:32px;position:relative;width:100%}.dashboard-close{background:linear-gradient(180deg,hsla(0,0%,100%,.181),hsla(0,0%,100%,.148));border:none;border-radius:50%;color:#1e293b;cursor:pointer;font-size:22px;font-weight:700;height:36px;position:absolute;right:20px;top:16px;transition:all .2s ease;width:36px}.dashboard-close:hover{background:#e2e8f07c;transform:scale(1.1)}.dashboard-title{color:#bfc4cf;font-size:1.75rem;margin-bottom:8px}.dashboard-description{color:#bfc4cfac;font-size:1rem;margin-bottom:24px}.dashboard-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.metric-card{background:linear-gradient(180deg,hsla(0,0%,100%,.445),#ffffffba);border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:16px}.metric-title{color:#0f172a;font-weight:600;margin-bottom:6px}.metric-value{color:#3b82f6;font-size:1.5rem;font-weight:700}.metric-unit{color:#475569;font-size:.9rem}.metric-trend{color:#16a34a;font-size:.9rem}.metric-description{color:#3065ae;font-size:.85rem}.dashboard-charts{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.chart-card{background:linear-gradient(180deg,#ffffffba,hsla(0,0%,100%,.445));border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;padding:20px}.chart-title{color:#0f172a;font-weight:600;margin-bottom:12px}.services-features-section{background-color:initial;color:var(--text-on-dark);margin-top:0;overflow:hidden;padding:var(--spacing-lg) 0;position:relative;text-align:center;z-index:1}.section-title{font-size:2.8em;margin-bottom:20px}.section-intro{color:var(--text-muted-dark);font-family:var(--body-font);font-size:1.1em;line-height:1.6;margin:0 auto 60px;max-width:800px}.services-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;margin:0 auto;max-width:1200px}.service-card{align-items:center;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background-color:#2c2c4eb3;border:1px solid var(--glass-border-color);border-radius:20px;box-shadow:0 8px 25px #0006,inset 0 0 10px #ffffff0d;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:340px;overflow:hidden;padding:30px;position:relative;text-align:center;transition:transform .4s ease-out,box-shadow .4s ease-out,border-color .4s ease-out}.service-card:hover{border-color:var(--primary-brand);box-shadow:0 0 60px #4682b4e6,var(--shadow-elevated),inset 0 0 20px #4682b433;transform:translateY(-18px) scale(1.04)}.card-icon-wrapper{align-items:center;background-color:#4682b426;border-radius:50%;display:flex;flex-shrink:0;height:80px;justify-content:center;margin-bottom:15px;position:relative;transition:background-color .4s ease,transform .4s ease,opacity .4s ease;width:80px;z-index:2}.service-card:hover .card-icon-wrapper{background-color:var(--primary-brand);opacity:0;transform:scale(1.2) translateY(-25px)}.card-icon-wrapper i{color:var(--primary-brand);font-size:3.5em;text-shadow:0 0 20px #4682b4e6;transition:color .3s ease}.service-card:hover .card-icon-wrapper i{color:var(--text-on-light);text-shadow:none}.card-title{color:var(--text-on-dark);display:block;font-family:var(--heading-font);font-size:1.8em;margin-bottom:10px;overflow:hidden;position:relative;text-overflow:ellipsis;text-shadow:0 0 10px #ffffff1a;transition:opacity .4s ease,transform .4s ease;white-space:nowrap;z-index:2}.service-card:hover .card-title{opacity:0;transform:translateY(-25px)}.card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-muted-dark);display:-webkit-box;font-family:var(--body-font);font-size:.95em;line-height:1.6;margin-bottom:20px;overflow:hidden;position:relative;text-overflow:ellipsis;transition:opacity .4s ease,transform .4s ease;z-index:2}.service-card:hover .card-description{opacity:0;transform:translateY(-25px)}.card-hover-content{align-items:center;background-color:#2c2c4efa;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:30px;pointer-events:none;position:absolute;top:0;transform:translateY(100%);transition:opacity .5s ease-out,transform .5s ease-out;width:100%;z-index:1}.service-card:hover .card-hover-content{opacity:1;pointer-events:auto;transform:translateY(0);z-index:3}.discover-button{background-color:var(--primary-brand);border:none;border-radius:var(--border-radius-md);box-shadow:0 5px 15px #22b8e64d;color:var(--text-on-light);cursor:pointer;font-size:1.1em;font-weight:600;padding:14px 28px;pointer-events:auto;text-shadow:0 0 8px #22b8e64d;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;z-index:10}.discover-button:hover{background-color:#0998a8;box-shadow:0 8px 25px #05728099,0 0 30px #05728099;color:#f0f8ff;transform:translateY(-4px);z-index:10000}@media (max-width:1200px){.section-title{font-size:2.5em}.section-intro{font-size:1em}.services-grid{gap:30px}.service-card{min-height:320px;padding:25px}.card-icon-wrapper{height:70px;margin-bottom:15px;width:70px}.card-icon-wrapper i{font-size:3em}.card-title{font-size:1.6em}.card-description{font-size:.9em}.discover-button{font-size:1em;padding:12px 25px}.card-hover-content{padding:25px}}@media (max-width:992px){.section-title{font-size:2.2em}.section-intro{margin-bottom:40px}.services-grid{gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.service-card{min-height:300px}.card-icon-wrapper{height:60px;margin-bottom:10px;width:60px}.card-icon-wrapper i{font-size:2.5em}.card-title{font-size:1.4em}.card-description{font-size:.85em}.discover-button{font-size:.95em;padding:10px 20px}.card-hover-content{padding:20px}}@media (max-width:768px){.services-features-section{padding:4vw 0}.section-title{font-size:1.6em;margin-bottom:3vw}.section-intro{font-size:.95em}.services-grid{gap:3vw;grid-template-columns:1fr;max-width:90vw}.service-card{min-height:30vw}.card-icon-wrapper{height:8vw;width:8vw}.card-icon-wrapper i{font-size:2em}.card-title{font-size:1.1em}.card-description{font-size:.8em}.discover-button{font-size:.85em;padding:2vw 4vw}.card-hover-content{padding:2vw}}@media (max-width:576px){.section-title{font-size:1.2em}.section-intro{font-size:.85em}.service-card{min-height:25vw;padding:5vw}.card-icon-wrapper,.card-title{margin-bottom:2vw}.card-title{font-size:1em}.card-description{font-size:.7em;margin-bottom:3vw}.discover-button{font-size:.8em;padding:2vw 3vw}.card-hover-content{padding:2vw}}.how-it-works-section{background-color:initial;box-shadow:0 10px 30px #0000004d;color:var(--text-on-dark);overflow:hidden;padding:var(--spacing-lg) 0;position:relative;text-align:center;z-index:1}.how-it-works-section h2{color:var(--text-on-dark);display:inline-block;font-family:var(--heading-font);font-size:2.8em;letter-spacing:-.02em;margin-bottom:60px;overflow:hidden;white-space:pre-wrap}.animated-char{display:inline-block}.animated-title{color:var(--primary-brand);font-family:var(--heading-font);font-size:2.8em;letter-spacing:-.02em;margin-bottom:20px;text-shadow:0 0 15px #4682b480}.animated-word{display:inline-block;white-space:nowrap}.process-modules-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin-left:auto;margin-right:auto;margin-top:40px;max-width:1400px;padding:0 20px;perspective:1000px}.process-module{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background-color:rgba(44,44,78,var(--glass-bg-opacity));border:1px solid var(--glass-border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-soft);filter:brightness(100%) grayscale(0);opacity:1;overflow:hidden;padding:40px 25px;position:relative;text-align:center;transform-origin:center center;transition:opacity .4s ease,filter .4s ease,transform .4s ease,box-shadow .4s ease,border-color .4s ease}.process-module:hover{border-color:var(--primary-brand);box-shadow:0 0 30px #4682b4cc,var(--shadow-elevated);transform:translateY(-15px) scale(1.05);z-index:10}.module-icon{color:var(--primary-brand);display:block;font-size:4em;margin-bottom:25px;text-shadow:0 0 15px #4682b4b3}.process-module h3{color:var(--text-on-dark);font-family:var(--heading-font);font-size:1.8em;margin-bottom:15px}.process-module p{color:var(--text-muted-dark);font-family:var(--body-font);font-size:1em}@media (max-width:1200px){.process-modules-grid{gap:40px;grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.animated-word{display:inline-block;white-space:nowrap}}@media (max-width:768px){.how-it-works-section{padding:4vw 0}.how-it-works-section h2{font-size:2em}.process-modules-grid{gap:5vw;grid-template-columns:1fr;padding:0 3vw}.process-module{margin-left:auto;margin-right:auto;max-width:90vw}.process-module:hover{transform:translateY(-8px) scale(1.02)}}@media (max-width:576px){.how-it-works-section h2{font-size:1.4em;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.process-module{max-width:98vw;padding:5vw 2vw}.module-icon{font-size:2.5em;margin-bottom:12px}.process-module h3{font-size:1.2em}.process-module:hover{transform:translateY(-3px) scale(1.01)}.animated-title{display:block;white-space:nowrap;width:100%}}.cta-section{box-shadow:0 10px 30px #4682b4b3;margin-bottom:100px;margin-top:300px;overflow:hidden;padding:var(--spacing-lg) 0;position:relative;text-align:center;z-index:1}.cta-section h2{font-family:var(--heading-font);font-size:2.8em;letter-spacing:-.02em}.cta-section h2,.cta-section p{color:var(--text-on-dark);margin-bottom:var(--spacing-sm)}.cta-section p{font-family:var(--body-font);margin-left:auto;margin-right:auto;max-width:700px}.btn{border-radius:var(--border-radius-md);font-size:1.1em;font-weight:600;padding:15px 32px;text-align:center;transition:all .3s ease}.btn-primary{background-color:var(--primary-brand);border:1px solid var(--primary-brand);box-shadow:0 5px 15px #4682b466;text-align:center}.btn-primary:hover{background-color:#366795;box-shadow:0 8px 20px #4682b499;transform:translateY(-3px)}@media (max-width:992px){.cta-section h2{font-size:2.5em}}@media (max-width:768px){.cta-section{padding:var(--spacing-md) 0}.cta-section h2{font-size:2.2em}}@media (max-width:576px){.cta-section h2{font-size:1.8em}}.star-border-container{border-radius:20px;display:inline-block;overflow:hidden;position:relative}.border-gradient-bottom{animation:star-movement-bottom linear infinite alternate;bottom:-12px;opacity:.7;right:-250%}.border-gradient-bottom,.border-gradient-top{border-radius:50%;height:50%;position:absolute;width:300%;z-index:0}.border-gradient-top{animation:star-movement-top linear infinite alternate;left:-250%;opacity:1;top:-12px}.inner-content{background:var(--primary-brand);border:0 solid #222;border-radius:20px;color:#fff;font-size:16px;padding:16px 26px;position:relative;text-align:center;z-index:1}@keyframes star-movement-bottom{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes star-movement-top{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.contact-page{border-radius:20px;color:var(--text-on-dark);min-height:100vh;overflow-x:hidden;padding-bottom:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + 80px);text-align:center}.contact-heading{color:var(--text-on-dark);font-family:var(--heading-font);font-size:3.5em;letter-spacing:-.03em;margin-bottom:30px;text-shadow:0 0 20px #4682b4b3}.contact-intro{color:var(--text-muted-dark);font-family:var(--body-font);font-size:1.3em;line-height:1.8;margin:0 auto 60px;max-width:800px}.contact-form{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background-color:rgba(44,44,78,var(--glass-bg-opacity));border:1px solid var(--glass-border-color);border-radius:30px;box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;gap:25px;margin:0 auto 80px;max-width:700px;padding:40px;text-align:left}.form-group{border-radius:20px}.form-group label{color:var(--primary-brand);font-family:var(--body-font);font-size:1em;text-shadow:0 0 5px #4682b433}.form-group input,.form-group select,.form-group textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#ffffff0d;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%239CA3AF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13%205.1L146.2%20202.7%2018.5%2074.5a17.6%2017.6%200%200%200-25.3%2024.5l137.9%20134.7a17.6%2017.6%200%200%200%2025.3%200l137.9-134.7a17.6%2017.6%200%200%200-12.9-24.5z%22%2F%3E%3C%2Fsvg%3E");background-position:right 15px top 50%;background-repeat:no-repeat;background-size:12px auto;border:1px solid #fff3;border-radius:var(--border-radius-md);color:var(--text-on-dark);font-family:var(--body-font);font-size:1em;outline:none;padding:12px 40px 12px 18px;transition:border-color .3s ease,box-shadow .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6;font-style:italic}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#ffffff1a;border-color:var(--primary-brand);box-shadow:0 0 15px #4682b4b3}.form-group textarea{min-height:150px}.form-group select[multiple]{background-image:none;height:auto;min-height:120px;padding:12px 18px}.form-group select[multiple] option{background-color:#ffffff05;color:var(--text-on-dark);padding:8px 10px;transition:background-color .2s ease,color .2s ease}.form-group select[multiple] option:hover{background-color:#00bcd433;color:var(--primary-brand)}.form-group select[multiple] option:checked{background-color:var(--primary-brand);color:var(--bg-deep-dark);font-weight:600}.contact-form .btn-primary{align-self:center;font-size:1.1em;margin-top:15px;padding:15px 30px}.submission-message{animation:fadeIn .5s forwards;border-radius:var(--border-radius-md);font-family:var(--body-font);font-size:1.1em;font-weight:500;margin-top:20px;opacity:0;padding:15px;text-align:center}.submission-message.success{background-color:#00bcd433;border:1px solid var(--primary-brand);box-shadow:0 0 15px #00bcd480;color:var(--primary-brand)}.submission-message.error{background-color:#ff504233;border:1px solid #ff8042;box-shadow:0 0 15px #ff504280;color:#ff8042}.contact-info-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:900px}.info-item{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background-color:rgba(44,44,78,var(--glass-bg-opacity));border:1px solid var(--glass-border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-soft);justify-content:center;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.info-item:hover{box-shadow:0 0 30px #4682b499;transform:translateY(-10px)}.info-item i{color:var(--accent-call-to-action);font-size:3em;margin-bottom:20px;text-shadow:0 0 15px #e67e2280}.info-item h3{color:var(--primary-brand);font-family:var(--heading-font);font-size:1.5em;margin-bottom:10px}.info-item p{font-family:var(--body-font);font-size:1em}.info-item p,.info-item p a{color:var(--text-muted-dark);text-align:center}.info-item p a{text-decoration:none;transition:color .3s ease}.info-item p a:hover{color:var(--primary-brand);text-decoration:underline}@media (max-width:1200px){.contact-heading{font-size:3em}.contact-intro{font-size:1.2em}.contact-form{padding:30px}.contact-form .btn-primary{font-size:1em;padding:12px 25px}.info-item{padding:25px}.info-item i{font-size:2.5em}.info-item h3{font-size:1.3em}}@media (max-width:992px){.contact-page{padding-bottom:var(--spacing-md);padding-top:calc(var(--spacing-md) + 80px)}.contact-heading{font-size:2.5em;margin-bottom:20px}.contact-intro{font-size:1.1em;margin-bottom:40px}.contact-form{gap:20px;max-width:90%;padding:25px}.contact-info-grid{padding:0 15px}.info-item{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;min-height:220px;width:100%}}@media (max-width:768px){.contact-heading{font-size:2em}.contact-intro{font-size:1em}.contact-form{gap:15px;padding:20px}.contact-info-grid{gap:25px;grid-template-columns:1fr}.info-item i{font-size:2.2em}.info-item h3{font-size:1.2em}.info-item{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:200px;width:100%}}@media (max-width:576px){.contact-heading{font-size:1.8em}.contact-intro{font-size:.95em}.contact-form .btn-primary{font-size:.9em;padding:10px 20px}.info-item{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:20px;width:100%}}:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-gradient:none;--inner-gradient:none;--sunpillar-1:#ff7a75;--sunpillar-2:#ffed61;--sunpillar-3:#a8ff61;--sunpillar-4:#85fff7;--sunpillar-5:#7a95ff;--sunpillar-6:#d875ff;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--card-radius:30px}.pc-card-wrapper{perspective:500px;position:relative;touch-action:none;transform:translateZ(.1px)}.pc-card-wrapper:before{background:inherit;background-image:none;background-image:var(--behind-gradient);background-position:inherit;background-size:100% 100%;border-radius:inherit;content:"";filter:contrast(2) saturate(2) blur(60px);inset:-10px;position:absolute;transform:scale(2) translateZ(.1px);transition:all .5s ease}.pc-card-wrapper.active,.pc-card-wrapper:hover{--card-opacity:1}.pc-card-wrapper.active:before,.pc-card-wrapper:hover:before{filter:contrast(1) saturate(2) blur(70px) opacity(1);transform:scale(2.2) translateZ(.1px)}.pc-card{animation:glow-bg 12s linear infinite;aspect-ratio:.718;background-blend-mode:color-dodge,normal,normal,normal;background-image:radial-gradient(farthest-side circle at 50% 50%,#e2ccff00 4%,hsla(266,50%,80%,0) 10%,hsla(266,25%,70%,0) 50%,#9990 100%),radial-gradient(35% 52% at 55% 20%,#00ffaac4 0,#073aff00 100%),radial-gradient(100% 100% at 50% 50%,#00c1ff 1%,#073aff00 76%),conic-gradient(from 124deg at 50% 50%,#c137ff 0,#07c6ff 40%,#07c6ff 60%,#c137ff 100%);background-image:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y),hsla(266,100%,90%,var(--card-opacity)) 4%,hsla(266,50%,80%,calc(var(--card-opacity)*.75)) 10%,hsla(266,25%,70%,calc(var(--card-opacity)*.5)) 50%,#9990 100%),radial-gradient(35% 52% at 55% 20%,#00ffaac4 0,#073aff00 100%),radial-gradient(100% 100% at 50% 50%,#00c1ff 1%,#073aff00 76%),conic-gradient(from 124deg at 50% 50%,#c137ff 0,#07c6ff 40%,#07c6ff 60%,#c137ff 100%);background-position:0 0,0 0,50% 50%,0 0;background-size:100% 100%;border-radius:30px;border-radius:var(--card-radius);box-shadow:2px 4px 20px -5px #000c;box-shadow:#000c calc(var(--pointer-from-left)*10px - 3px) calc(var(--pointer-from-top)*20px - 6px) 20px -5px;display:grid;height:60vh;max-height:380px;overflow:hidden;position:relative;transition:transform 1s ease}.pc-card,.pc-card.active,.pc-card:hover{transform:translateZ(.1px) rotateX(0deg) rotateY(0deg)}.pc-card.active,.pc-card:hover{transform:translateZ(.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}.pc-card *{border-radius:30px;border-radius:var(--card-radius);display:grid;grid-area:1/-1;pointer-events:none;transform:translateZ(.1px)}.pc-inside{background-color:#000000e6;background-image:none;background-image:var(--inner-gradient);inset:1px;position:absolute;transform:translateZ(.01px)}.pc-shine{animation:holo-bg 18s linear infinite;filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);-webkit-mask-image:none;mask-image:none;-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-position:top -50% left 50%;mask-position:top -50% left 50%;-webkit-mask-position:top calc(200% - var(--background-y)*5) left calc(100% - var(--background-x));mask-position:top calc(200% - var(--background-y)*5) left calc(100% - var(--background-x));-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;mix-blend-mode:color-dodge;transition:filter .6s ease}.pc-shine,.pc-shine:after{--space:5%;--angle:-45deg;background:#0000;background-blend-mode:color,hard-light;background-image:repeating-linear-gradient(0deg,#ff7a75 calc(var(--space)*1),#ffed61 calc(var(--space)*2),#a8ff61 calc(var(--space)*3),#85fff7 calc(var(--space)*4),#7a95ff calc(var(--space)*5),#d875ff calc(var(--space)*6),#ff7a75 calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#0e152e 0,#8fa3a3 3.8%,#8fc1c1 4.5%,#8fa3a3 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at 50% 50%,#0000001a 12%,#00000026 20%,#00000040 120%);background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space)*1),var(--sunpillar-clr-2) calc(var(--space)*2),var(--sunpillar-clr-3) calc(var(--space)*3),var(--sunpillar-clr-4) calc(var(--space)*4),var(--sunpillar-clr-5) calc(var(--space)*5),var(--sunpillar-clr-6) calc(var(--space)*6),var(--sunpillar-clr-1) calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#0e152e 0,#8fa3a3 3.8%,#8fc1c1 4.5%,#8fa3a3 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),#0000001a 12%,#00000026 20%,#00000040 120%);background-position:50%;background-position:0 50%,50% 50%,50%;background-position:0 var(--background-y),var(--background-x) var(--background-y),50%;background-repeat:repeat;background-size:cover;background-size:500% 500%,300% 300%,200% 200%;overflow:hidden;transform:translateZ(1px);z-index:3}.pc-shine:after,.pc-shine:before{background-position:50%;background-size:cover;content:"";grid-area:1/1;opacity:0}.pc-card.active .pc-shine,.pc-card:hover .pc-shine{animation:none;filter:brightness(.85) contrast(1.5) saturate(.5)}.pc-card.active .pc-shine:after,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card:hover .pc-shine:before{opacity:1}.pc-shine:before{background-blend-mode:color-dodge;background-image:linear-gradient(45deg,#85fff7,#7a95ff,#d875ff,#ff7a75,#ffed61,#a8ff61),radial-gradient(circle at 50% 50%,#b3b3b3 0,#4d4d4d33 90%),none;background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),#b3b3b3 0,#4d4d4d33 90%),var(--grain);background-position:50% 50%,50%,.5% .5%;background-position:var(--pointer-x) var(--pointer-y),50%,calc(var(--pointer-x)*.01) calc(var(--pointer-y)*.01);background-size:250% 250%,100% 100%,220px 220px;filter:brightness(2) contrast(2) saturate(.5);filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 50%,20% 25%,50%;background-position:0 var(--background-y),calc(var(--background-x)*.4) calc(var(--background-y)*.5),50%;background-size:200% 300%,700% 700%,100% 100%;filter:brightness(.8) contrast(1.5);mix-blend-mode:difference}.pc-glare{background-image:radial-gradient(farthest-corner circle at 50% 50%,#c3bfd9 12%,#2e506bcc 90%);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),#c3bfd9 12%,#2e506bcc 90%);filter:brightness(.9) contrast(1.2);mix-blend-mode:overlay;overflow:hidden;transform:translateZ(1.1px);z-index:4}.pc-avatar-content{mix-blend-mode:screen;overflow:hidden}.pc-avatar-content .avatar{bottom:2px;left:50%;margin-top:10px;opacity:1;opacity:calc(1.75 - var(--pointer-from-center));position:absolute;transform:translateX(-50%) translateY(15%) scale(1);width:100%}.pc-avatar-content:before{content:"";inset:0;-webkit-mask:linear-gradient(180deg,#0000 0,#0000 60%,#000 90%,#000);mask:linear-gradient(180deg,#0000 0,#0000 60%,#000 90%,#000);pointer-events:none;z-index:1}.pc-avatar-content:before,.pc-user-info{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);position:absolute}.pc-user-info{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:15px;bottom:20px;justify-content:space-between;left:20px;padding:8px 10px;pointer-events:auto;right:20px;z-index:2}.pc-user-details,.pc-user-info{align-items:center;display:flex}.pc-user-details{gap:8px}.pc-mini-avatar{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.pc-mini-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.pc-user-text{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.pc-handle{color:#ffffffe6;font-size:11px;font-weight:500;line-height:1}.pc-status{color:#ffffffb3;font-size:10px;line-height:1}.pc-contact-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:8px;color:#10a9d8e6;cursor:pointer;font-size:10px;font-weight:600;padding:6px 12px;transition:all .2s ease}.pc-contact-btn:hover{border-color:#fff6;transform:translateY(-1px);transition:all .2s ease}.pc-content{max-height:100%;mix-blend-mode:luminosity;overflow:hidden;position:relative;text-align:center;transform:translate3d(0,0,.1px)!important;transform:translate3d(calc(var(--pointer-from-left)*-6px + 3px),calc(var(--pointer-from-top)*-6px + 3px),.1px)!important;z-index:5}.pc-details{display:flex;flex-direction:column;gap:1px;position:absolute;top:2em;width:100%}.pc-details h3{background-image:linear-gradient(180deg,#fff,#6f6fbe);font-size:min(3.5svh,2em);margin:0}.pc-details h3,.pc-details p{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-size:1em 1.5em;font-weight:600}.pc-details p{background-image:linear-gradient(180deg,#fff,#4a4ac0);font-size:12px;margin:0 auto;position:relative;top:0;white-space:nowrap;width:min-content}@keyframes glow-bg{0%{--bgrotate:0deg}to{--bgrotate:360deg}}@keyframes holo-bg{0%{background-position:0 50%,0 0,50%;background-position:0 var(--background-y),0 0,50%}to{background-position:0 50%,90% 90%,50%;background-position:0 var(--background-y),90% 90%,50%}}@media (max-width:768px){.pc-card{height:50vh;min-height:350px}.pc-details{top:2.5em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{bottom:15px;left:15px;padding:10px 12px;right:15px}.pc-mini-avatar{height:28px;width:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{font-size:11px;padding:6px 12px}}@media (max-width:480px){.pc-card{height:40vh;max-height:220px}.pc-details{top:2em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{border-radius:50px;bottom:12px;left:12px;padding:8px 10px;right:12px}.pc-mini-avatar{height:24px;width:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{border-radius:50px;font-size:10px;padding:5px 10px}}@media (max-width:320px){.pc-card{height:35vh;max-height:160px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{border-radius:50px;padding:6px 8px}.pc-mini-avatar{height:20px;width:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{border-radius:50px;font-size:9px;padding:4px 8px}}.about-page{background-color:initial;background-image:linear-gradient(135deg,#6f6fbe,#00ffaac4),linear-gradient(-135deg,#6f6fbe,#00ffaac4);background:#0000;color:var(--text-on-dark);overflow-x:hidden;overflow-y:auto}.about-cta-section,.about-hero-section,.counter-section,.differentiator-section,.specialization-section{background-color:initial;background:#0000;padding:var(--spacing-lg) 0;position:relative;text-align:center}.section-title{color:var(--primary-brand);font-family:var(--heading-font);font-size:2.5em;letter-spacing:-.02em;margin-bottom:60px;text-shadow:0 0 15px #4682b480}.about-hero-section{background-color:initial;background:#0000;padding-bottom:var(--spacing-lg);padding-top:calc(var(--spacing-lg) - 80px)}.about-hero-content{align-items:center;display:flex;flex-direction:row;gap:80px;justify-content:center;margin:0 auto;max-width:1200px;text-align:left}.about-hero-text{flex:1 1;max-width:600px;padding-right:20px}.about-profile-card-area{align-items:center;border-radius:var(--border-radius-lg);display:flex;flex-shrink:0;height:540px;justify-content:center;overflow:visible;position:relative;width:350px}.about-heading{color:var(--text-on-dark);font-family:var(--heading-font);font-size:3.5em;letter-spacing:-.03em;margin-bottom:30px;text-shadow:0 0 20px #4682b4b3}.about-intro{color:var(--text-muted-dark);font-family:var(--body-font);font-size:1.3em;line-height:1.8;margin:0 0 20px}.counter-section{align-items:center;background-color:initial;border-bottom:1px solid #ffffff0d;border-top:1px solid #ffffff0d;height:25rem;justify-content:center;padding:var(--spacing-lg) 0}.counter-grid{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around;margin:0 auto;max-width:1000px}.counter-item{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background-color:rgba(44,44,78,var(--glass-bg-opacity));border:1px solid var(--glass-border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-soft);flex:1 1;max-width:300px;min-width:220px;padding:30px 20px;text-align:center;transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease}.counter-item:hover{border-color:var(--primary-brand);box-shadow:0 0 25px #4682b499;transform:translateY(-5px)}.counter-number{color:#87c2f3;font-family:var(--heading-font);font-size:3.5em;font-weight:700;margin-bottom:10px;text-shadow:0 0 20px #4a81ae}.counter-label{color:var(--text-on-dark);font-family:var(--body-font);font-size:1.1em;letter-spacing:.05em;text-transform:uppercase}.specialization-section{background-color:initial;border-bottom:1px solid #ffffff0d;border-top:1px solid #ffffff0d}.specialization-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.specialization-card{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background-color:rgba(44,44,78,var(--glass-bg-opacity));border:1px solid var(--glass-border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);margin:5px 50px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transform-origin:center center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.specialization-card:before{background:radial-gradient(circle at center,#4682b426 0,#0000 70%);content:"";height:100%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .5s ease;width:100%;z-index:0}.specialization-card:hover:before{opacity:1}.specialization-card:hover{border-color:var(--primary-brand);box-shadow:0 0 40px #4682b4cc,var(--shadow-elevated);transform:translateY(-15px) scale(1.03)}.specialization-card .card-icon{color:var(--primary-brand);font-size:1.5em;margin-bottom:25px;text-shadow:0 0 20px #4682b4b3;transition:color .3s ease,text-shadow .3s ease}.specialization-card:hover .card-icon{color:#8ac0e8;text-shadow:0 0 30px #4682b4}.specialization-card h4{color:var(--text-on-dark);font-family:var(--heading-font);font-size:1.8em;margin-bottom:15px}.specialization-card p{color:var(--text-muted-dark);font-family:var(--body-font);font-size:1em;line-height:1.6}.differentiator-section{background-color:initial;background:#0000}.differentiator-content-grid{grid-gap:30px;border:none;display:grid;gap:30px;grid-template-columns:1fr;margin:0 auto;max-width:900px}.detail-card{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background-color:rgba(44,44,78,var(--glass-bg-opacity));border:1px solid var(--glass-border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-soft);padding:30px;text-align:left;transition:box-shadow .3s ease,border-color .3s ease}.detail-card:hover{border-color:var(--primary-brand);box-shadow:0 0 25px #4682b499}.detail-card h3{color:var(--primary-brand);font-family:var(--heading-font);font-size:1.6em;margin-bottom:15px}.detail-card p,.detail-card ul{color:var(--text-muted-dark);font-family:var(--body-font);font-size:.95em;line-height:1.6}.skills-category{margin-bottom:20px}.skills-category:last-child{margin-bottom:0}.skills-category h4{color:var(--primary-brand);font-family:var(--heading-font);font-size:1.2em;margin-bottom:15px;text-align:center;text-shadow:0 0 8px #4682b44d}.skills-list{display:flex;flex-wrap:wrap;gap:15px 25px;justify-content:center;list-style:none;margin:0;padding-left:0}.skills-list li{align-items:center;color:var(--text-muted-dark);display:flex;font-family:var(--body-font);font-size:.95em}.skills-list li i{color:var(--accent-call-to-action);font-size:1.2em;margin-right:10px;min-width:25px;text-align:center;text-shadow:0 0 8px #e67e2266}.about-cta-section{background-color:var(--bg-medium-dark);border-top:1px solid #ffffff0d;padding:var(--spacing-lg) 0}.about-cta-section p{color:var(--text-on-dark);font-family:var(--body-font);font-size:1.5em;margin-bottom:30px;text-shadow:0 0 10px #fff3}@media (max-width:1200px){.about-heading{font-size:3em}.about-intro{font-size:1.2em}.section-title{font-size:2.2em}.specialization-card{padding:35px 25px}.specialization-card .card-icon{font-size:4em}.specialization-card h4{font-size:1.6em}.detail-card h3{font-size:1.4em}.about-cta-section p{font-size:1.3em}.skills-category h4{font-size:1.1em}.skills-list li{font-size:.9em}.about-hero-content{gap:60px}.counter-item{max-width:280px;min-width:200px;padding:25px 15px}.counter-number{font-size:3em}.counter-label{font-size:1em}}@media (max-width:992px){.about-heading{font-size:2.5em}.about-intro,.about-intro3{color:#fff;font-size:1.1em}.section-title{font-size:2em;margin-bottom:40px;margin-top:80px}.specialization-grid{gap:30px;padding:0 15px}.detail-card,.specialization-card{margin:0 auto;max-width:450px}.specialization-card .card-icon{font-size:3.5em}.specialization-card h4{font-size:1.5em}.detail-card{padding:25px}.about-cta-section p{font-size:1.2em}.skills-category h4{font-size:1em}.skills-list{gap:10px 20px}.skills-list li{font-size:.85em}.about-hero-content{flex-direction:column;gap:40px;text-align:center}.about-hero-text{margin:0 auto;max-width:90%;min-width:auto;padding-right:0}.about-profile-card-area{height:450px;width:300px}.counter-grid{flex-direction:column;gap:20px}.counter-item{max-width:350px;min-width:250px;width:90%}.counter-number{font-size:3.2em}.counter-label{font-size:1em}}@media (max-width:768px){.about-cta-section,.about-hero-section,.differentiator-section,.specialization-section{padding:var(--spacing-md) 0}.about-heading{font-size:2em;margin-bottom:20px}.about-intro{font-size:1em;margin-bottom:30px}.section-title{font-size:1.8em;margin-bottom:30px}.specialization-grid{gap:25px;grid-template-columns:1fr}.about-cta-section p{font-size:1.1em}.skills-category{margin-bottom:15px}.skills-category h4{font-size:.95em}.skills-list{justify-content:flex-start}.skills-list li{font-size:.8em}.skills-list li i{font-size:1.1em}.counter-item{max-width:300px;min-width:200px;padding:20px 15px}.counter-number{font-size:2.8em}.counter-label{font-size:.9em}}@media (max-width:576px){.about-heading{font-size:1.8em}.about-intro{font-size:.95em}.section-title{font-size:1.6em}.specialization-card{padding:30px 20px}.specialization-card .card-icon{font-size:3em}.specialization-card h4{font-size:1.3em}.detail-card{padding:20px}.detail-card h3{font-size:1.3em}.about-cta-section p{font-size:1em}.about-profile-card-area{height:380px;width:280px}.counter-item{max-width:250px;min-width:180px;padding:18px 12px}.counter-number{font-size:2.5em}.counter-label{font-size:.85em}}:root{--bg:#0b0f16;--bg-alt:#0e131b;--card:#ffffff0f;--glass:hsla(0,0%,100%,.845);--border:#ffffff1f;--text:#e7edf7;--muted:#aab6c8;--accent:#7c5cff;--accent-2:#00d5ff;--good:#1b3f37;--mid:#f6c350;--watch:#ff7b7b;--shadow:0 10px 30px #00000059;--radius-2xl:1.25rem;--radius-xl:1rem;--radius-lg:0.75rem;--radius-md:0.6rem;--pad:clamp(18px,2.6vw,28px)}*{box-sizing:border-box}.solutions-container{background:radial-gradient(1200px 800px at 15% -10%,#7c5cff38,#0000),radial-gradient(900px 700px at 85% 110%,#00d5ff2e,#0000),#0b0f16;background:radial-gradient(1200px 800px at 15% -10%,#7c5cff38,#0000),radial-gradient(900px 700px at 85% 110%,#00d5ff2e,#0000),var(--bg);color:#e7edf7;color:var(--text);overflow:hidden;padding:clamp(32px,4vw,60px) clamp(18px,4vw,42px)}.solution-section{grid-gap:clamp(18px,3vw,40px);align-items:center;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:1.25rem;border-radius:var(--radius-2xl);box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow);display:grid;gap:clamp(18px,3vw,40px);grid-template-columns:1.05fr 1fr;margin:0 auto clamp(28px,3.4vw,48px);padding:clamp(24px,4.5vw,64px);position:relative}.solution-section.alt-bg{background:linear-gradient(180deg,#ffffff08,#ffffff0f)}.solution-section:after{background:linear-gradient(120deg,#7c5cff73,#00d5ff59);border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#0000,#0000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.25;padding:1px;pointer-events:none;position:absolute}.solution-content .eyebrow{color:#00d5ff;color:var(--accent-2);font-size:.9rem;letter-spacing:.12em;margin:0 0 8px;text-transform:uppercase}.solution-title{font-size:clamp(1.6rem,3.2vw,2.2rem);line-height:1.2;margin:4px 0 10px}.solution-desc{color:#aab6c8;color:var(--muted);font-size:clamp(.98rem,1.8vw,1.05rem);margin:10px 0 18px;max-width:54ch}.solution-features{grid-gap:10px 18px;display:grid;gap:10px 18px;grid-template-columns:1fr 1fr;list-style:none;margin:0 0 18px;padding-left:0}.solution-features li{align-items:flex-start;color:#e7edf7;color:var(--text);display:flex;gap:10px}.dot{background:linear-gradient(135deg,#7c5cff,#00d5ff);background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:999px;box-shadow:0 0 0 3px #7c5cff26;flex:0 0 auto;height:9px;margin-top:7px;width:9px}.solution-icon{background:linear-gradient(135deg,#7c5cff40,#00d5ff38);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:14px;color:#fff;display:grid;height:54px;isolation:isolate;margin-bottom:12px;place-items:center;position:relative;width:54px}.icon-ring{background:radial-gradient(30px 30px at 50% 50%,#7c5cff59,#0000);border-radius:20px;filter:blur(12px);inset:-8px;position:absolute;z-index:-1}.kpi-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0}.kpi-card-solution{background:rgba(116,169,239,.284);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-xl);padding:14px;text-align:center;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.kpi-card-solution:hover{border-color:#7c5cff80;box-shadow:0 12px 28px #00000059;transform:translateY(-3px)}.kpi-val{font-size:clamp(1.1rem,2.4vw,1.4rem);font-weight:700;letter-spacing:.02em}.kpi-label{color:var(--muted);font-size:.9rem}.cta-row{display:flex;gap:10px;margin-top:10px}.btn{align-items:center;background:#ffffff0f;background:var(--card);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);color:var(--text);display:inline-flex;gap:10px;padding:11px 16px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;will-change:transform}.btn:hover{box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#7c5cff,#00d5ff);background:linear-gradient(135deg,var(--accent),var(--accent-2));border:1px solid #0000}.btn-ghost{background:#0000}.solution-visual{grid-gap:12px;display:grid;gap:12px}.visual-card{background:#ffffff0f;background:var(--card);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:1.25rem;border-radius:var(--radius-2xl);overflow:hidden;padding:clamp(18px,2.6vw,28px);padding:var(--pad);position:relative;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.visual-card:hover{border-color:#00d5ff66;box-shadow:0 18px 40px #00000061;transform:translateY(-3px)}.glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.visual-title{color:#aab6c8;color:var(--muted);font-size:.95rem;letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase}.score-list{grid-gap:10px;display:grid;gap:10px}.score-item{grid-gap:10px;align-items:center;background:#ffffff0a;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-xl);display:grid;gap:10px;grid-template-columns:auto 1fr auto;padding:10px 12px}.badge{background:#fff;border-radius:999px;color:#0a0a0a;display:inline-grid;font-weight:700;height:28px;min-width:36px;padding:0 8px;place-items:center}.badge.good{background:linear-gradient(135deg,#1b3f37,#72efdd);background:linear-gradient(135deg,var(--good),#72efdd)}.badge.mid{background:linear-gradient(135deg,#f6c350,#ffd28a);background:linear-gradient(135deg,var(--mid),#ffd28a)}.badge.watch{background:linear-gradient(135deg,#ff7b7b,#ffb3b3);background:linear-gradient(135deg,var(--watch),#ffb3b3)}.score-item .label{color:#e7edf7;color:var(--text)}.meter{background:#ffffff14;border-radius:999px;height:8px;width:120px}.meter:after{background:linear-gradient(90deg,#7c5cff,#00d5ff);background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:inherit;content:"";inset:0;position:absolute;transform:scaleX(.8);transform-origin:left center}.meter-a:after{transform:scaleX(.92)}.meter-b:after{transform:scaleX(.72)}.meter-c:after{transform:scaleX(.54)}.heatmap{grid-gap:8px;gap:8px;grid-template-columns:repeat(6,16px);margin:6px 0 10px}.cell{height:16px;opacity:.95;width:16px}.cell-0{background:#31d0aad9}.cell-1{background:#f6c350e6}.cell-2{background:#ff7b7be6}.cell-3{background:linear-gradient(135deg,#ff4d4d,#ff9494)}.legend{color:#aab6c8;color:var(--muted);font-size:.85rem;gap:10px}.legend-dot{border-radius:999px;display:inline-block;height:10px;margin:0 6px 0 12px;width:10px}.legend-dot.l0{background:#1b3f37;background:var(--good)}.legend-dot.l1{background:#f6c350;background:var(--mid)}.legend-dot.l2{background:#ff7b7b;background:var(--watch)}.legend-dot.l3{background:linear-gradient(135deg,#ff4d4d,#ff9494)}.flow-steps{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid var(--border);font-size:.9rem}.chip-accent{background:linear-gradient(135deg,#7c5cff,#00d5ff);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b0f16;font-weight:700}.flow-arrow{background:linear-gradient(90deg,#7c5cff,#00d5ff);background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px;height:2px;opacity:.8;width:22px}.gantt-rows{grid-gap:10px;display:grid;gap:10px}.gantt-row{display:flex;gap:8px}.gantt-bar{background:linear-gradient(135deg,#7c5cff,#00d5ff);background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff2e;height:14px;opacity:.95}.gantt-bar.c1{filter:hue-rotate(0deg)}.gantt-bar.c2{filter:hue-rotate(30deg)}.gantt-bar.c3{filter:hue-rotate(60deg)}.capacity-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(10,12px)}.cap{border-radius:3px;height:12px;width:12px}.cap-0{background:#31d0aae6}.cap-1{background:#62c1ffe6}.cap-2{background:#f6c350f2}.cap-3{background:#ff7b7bf2}.alert .alert-box{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-xl);display:flex;gap:10px;padding:10px 12px}.pulse{animation:pulse 1.6s infinite;background:#ff7b7b;background:var(--watch);border-radius:999px;box-shadow:0 0 0 0 #ff7b7bb3;height:10px;position:relative;width:10px}.mini-actions{display:flex;gap:8px;margin-top:10px}.mini-btn{background:#ffffff0f;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:.6rem;border-radius:var(--radius-md);color:#e7edf7;color:var(--text);cursor:pointer;padding:8px 12px;transition:transform .2s ease,background .2s ease,border-color .2s ease}.mini-btn:hover{border-color:#00d5ff66;transform:translateY(-2px)}.mini-btn.ghost{background:#0000}[data-animate]{opacity:0;transform:translateY(18px);transition:opacity .52s ease,transform .52s ease}[data-animate].is-visible{opacity:1;transform:translateY(0)}[data-animate=fade-left]{transform:translateX(18px)}[data-animate=fade-right]{transform:translateX(-18px)}[data-animate=fade-left].is-visible,[data-animate=fade-right].is-visible{transform:translateX(0)}.try-demo-section{background:linear-gradient(135deg,#7c5cff2e,#00d5ff2e);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:1.25rem;border-radius:var(--radius-2xl);box-shadow:0 18px 42px #00000073;margin-top:clamp(48px,8vw,80px);padding:clamp(32px,6vw,60px);text-align:center}.try-demo-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c5cff,#00d5ff);background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;font-size:clamp(1.8rem,3.2vw,2.4rem);margin-bottom:12px}.try-demo-desc{color:#aab6c8;color:var(--muted);font-size:clamp(1rem,2vw,1.15rem);margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:640px}.try-demo-btn{background:linear-gradient(135deg,#7c5cff,#00d5ff);background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:999px;box-shadow:0 10px 28px #7c5cff59;color:#0b0f16;display:inline-block;font-size:1.15rem;font-weight:700;padding:14px 28px;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}.try-demo-btn:hover{box-shadow:0 14px 36px #00d5ff73;transform:translateY(-4px) scale(1.03)}@media (prefers-reduced-motion:reduce){.btn,.kpi-card-solution,.visual-card,[data-animate]{transform:none!important;transition:none!important}}@media (max-width:1060px){.solution-section{background:linear-gradient(180deg,#ffffff0a,#ffffff05);grid-template-columns:1fr}.solution-visual{order:2}.solution-content{order:1}.kpi-row{grid-template-columns:1fr 1fr 1fr}}@media (max-width:720px){.solution-section{background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.solution-features{grid-template-columns:1fr}.kpi-row{grid-template-columns:1fr 1fr}.solutions-container{padding-left:16px;padding-right:16px}}.rp-demo{background:#0f172a;border-radius:1.5rem;box-shadow:0 10px 25px #00000059;color:#f8fafc;font-family:Inter,sans-serif;margin:2rem auto;max-width:950px;padding:2rem}.rp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.rp-header h3{color:#38bdf8;font-size:1.6rem;font-weight:700;margin:0}.rp-header .subtitle{color:#94a3b8;font-size:.9rem;margin-top:.2rem}.rp-cta{background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:9999px;box-shadow:0 4px 14px #38bdf866;color:#fff;font-weight:600;padding:.7rem 1.4rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.rp-cta:hover{box-shadow:0 6px 20px #38bdf899;transform:scale(1.05)}.rp-table{grid-gap:.5rem;display:grid;gap:.5rem}.rp-row{align-items:center;background:#1e293ba6;border-radius:.75rem;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1fr;padding:.7rem 1rem;transition:background .4s ease,transform .3s ease}.rp-row.is-focus{background:#38bdf826;box-shadow:0 0 12px #38bdf84d;transform:scale(1.01)}.rp-head{background:#47556980;font-weight:600}.meter{background:#1e293b;border-radius:6px;height:6px;margin-bottom:.25rem;overflow:hidden;position:relative}.meter span{background:linear-gradient(90deg,#22d3ee,#3b82f6);display:block;height:100%;transition:width 1s ease-in-out}.meter span.otd{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.meter span.quality{background:linear-gradient(90deg,#3b82f6,#6366f1)}.meter span.cost{background:linear-gradient(90deg,#10b981,#34d399)}.chip{font-size:.8rem;padding:.3rem .8rem;transition:background .5s ease}.l0{color:#f0fdfa}.l1{color:#fff7ed}.l2,.l3{color:#fef2f2}.rp-foot{margin-top:1.5rem}.heatmap{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(6,1fr);margin-bottom:.6rem}.cell{animation:pulse 3s infinite alternate;border-radius:4px;height:18px;width:18px}.c0{background:#0d9488}.c1{background:#f59e0b}.c2{background:#dc2626}.c3{background:#7f1d1d}.legend{align-items:center;color:#cbd5e1;display:flex;font-size:.8rem;gap:.8rem}.legend .dot{border-radius:50%;display:inline-block;height:10px;width:10px}.l0{background:#0d9488}.l1{background:#f59e0b}.l2{background:#dc2626}.l3{background:#7f1d1d}.chip.l0{background:#0d9488;color:#f0fdfa}.chip.l1{background:#f59e0b;color:#fff7ed}.chip.l2{background:#dc2626;color:#fef2f2}.chip.l3{animation:glow-critical 2.5s infinite alternate;background:#7f1d1d;color:#fff1f0;position:relative}@keyframes glow-critical{0%{box-shadow:0 0 4px #ff00004d}25%{box-shadow:0 0 8px #f006}50%{box-shadow:0 0 18px #f00c}75%{box-shadow:0 0 12px #f009}to{box-shadow:0 0 6px #f006}}.risk-box{background:#0b0f16;border:1px solid #ffffff1f;border-radius:14px;color:#e7edf7;padding:14px}.risk-box header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.risk-box h4{font-size:1rem;margin:0}.count{color:#aab6c8;font-size:.9rem}.list{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.item{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;display:flex;gap:10px;padding:10px;transition:transform .2s ease,box-shadow .2s ease}.item.active{box-shadow:0 10px 20px #00d5ff33;transform:translateY(-2px)}.msg em{color:#aab6c8;font-style:normal}.sev{border-radius:999px;color:#0b0f16;font-size:.85rem;font-weight:700;padding:6px 8px}.sev-high{background:linear-gradient(135deg,#ff7b7b,#ffb3b3)}.sev-med{background:linear-gradient(135deg,#f6c350,#ffd28a)}.sev-low{background:linear-gradient(135deg,#31d0aa,#72efdd)}.ack{background:#0000;border:1px solid #00d5ff66;border-radius:8px;color:#e7edf7;cursor:pointer;margin-left:auto;padding:6px 10px;transition:background .2s ease,transform .2s ease}.ack:hover{background:#00d5ff1f;transform:translateY(-1px)}.pills{display:flex;gap:8px;margin-top:10px;opacity:.9}.pill{border:1px solid #ffffff1f;border-radius:999px;font-size:.85rem;padding:6px 10px}.p1{background:#f59e0b26}.p2{background:#ef444426}.p3{background:#3b82f626}.po-flow{background:#0b0f16;border:1px solid #ffffff1f;border-radius:14px;color:#e7edf7;padding:14px}.po-flow header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.start{background:#ffffff0f;border:1px solid #00d5ff66;border-radius:10px;color:#e7edf7;cursor:pointer;padding:8px 12px;transition:background .2s ease,transform .2s ease}.start:hover{background:#00d5ff1f;transform:translateY(-1px)}.flow{display:flex;flex-wrap:wrap;gap:10px}.chip{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:8px 12px;position:relative;transition:background .2s ease,box-shadow .2s ease}.chip.active{background:linear-gradient(135deg,#7c5cff,#00d5ff);box-shadow:0 6px 18px #00d5ff40;color:#0b0f16;font-weight:700}.arrow{background:#ffffff2e;border-radius:2px;display:inline-block;height:2px;margin-left:10px;vertical-align:middle;width:24px}.arrow.on{background:linear-gradient(90deg,#7c5cff,#00d5ff)}.summary{margin-top:10px}.muted{color:#aab6c8}.success{color:#31d0aa;font-weight:700}.epf-demo{background:#0f172a;border-radius:1.5rem;color:#f8fafc;font-family:Inter,sans-serif;margin:2rem auto;max-width:1100px;padding:2rem}.rp-back-btn{background:#334155;border:none;border-radius:.75rem;color:#f8fafc;cursor:pointer;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem;transition:background .3s ease,transform .2s ease}.rp-back-btn:hover{background:#475569;transform:scale(1.03)}.epf-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.epf-header-text h2{color:#38bdf8;font-size:1.8rem;margin-bottom:.5rem}.epf-header-text p{color:#94a3b8;font-size:.95rem;margin-bottom:1rem}.rp-cta-features{background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:9999px;box-shadow:0 4px 14px #38bdf866;color:#fff;font-weight:600;padding:.7rem 1.4rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.rp-cta-features:hover{box-shadow:0 6px 20px #38bdf899;transform:scale(1.05)}.epf-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.epf-card{background:#1e293bd9;border-radius:1rem;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.epf-card:hover{box-shadow:0 8px 20px #00000059;transform:translateY(-4px)}.epf-icon{color:#3b82f6;font-size:2.2rem;margin-bottom:1rem}.epf-title{color:#38bdf8;font-size:1.25rem;margin-bottom:.5rem}.epf-desc{color:#94a3b8;font-size:.9rem;margin-bottom:1rem}.btn-demo{background:#3b82f6;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-weight:600;padding:.55rem 1.2rem;transition:.25s ease}.btn-demo:hover{background:#06b6d4}.modal-overlay{animation:fadeIn .3s ease forwards;background:#0f172ad9;z-index:999}.modal-content{animation:slideUp .3s ease forwards;background:#1e293bf2;border-radius:1rem;max-width:900px;padding:2rem;position:relative;width:95%}.modal-close{background:#dc2626;border-radius:9999px;color:#fff;font-size:1.3rem;font-weight:700;height:2rem;position:absolute;right:1rem;top:1rem;transition:.25s ease;width:2rem}.modal-close:hover{background:#f43f5e}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.featureaipowered-modal{color:#f8fafc;font-family:Inter,sans-serif}.featureaipowered-modal h2{color:#38bdf8;margin-bottom:.5rem}.featureaipowered-modal p{color:#94a3b8;margin-bottom:1rem}.contract-tableaipowered,.supplieraipowered-tableaipowered{background:#1e293bcc;border-radius:.75rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;overflow:hidden}.tableaipowered-row{display:contents}.tableaipowered-row.header>div{background:#47556980;font-weight:600;padding:.75rem 1rem}.tableaipowered-row>div{border-bottom:1px solid #4755694d;padding:.7rem 1rem}.chipaipowered{border-radius:9999px;display:inline-block;font-weight:600;padding:.3rem .7rem;text-align:center}.low{background:#0d9488;color:#f0fdfa}.medium{background:#f59e0b;color:#fff7ed}.high{background:#dc2626;color:#fef2f2}.demo-content{background:#0f172af2;border-radius:1.25rem;box-shadow:0 10px 25px #00000059;color:#f8fafc;font-family:Inter,sans-serif;margin:0 auto;max-width:700px;padding:1.5rem 2rem}.demo-content h3{color:#38bdf8;font-size:1.8rem;margin-bottom:.5rem}.demo-content p{color:#94a3b8;font-size:.95rem;margin-bottom:1.2rem}.flow-steps-demo{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.chip{font-size:.85rem;min-width:100px;padding:.35rem .8rem}.chip-accent{background:#3b82f6;box-shadow:0 0 6px #3b82f6;color:#fff;transition:.3s ease}.chip-accent:hover{box-shadow:0 0 12px #38bdf8}.arrow{color:#94a3b8;font-weight:700}.demo-realTimerisk-content{background:#0f172af2;border-radius:1.25rem;box-shadow:0 10px 25px #00000059;color:#f8fafc;font-family:Inter,sans-serif;margin:0 auto;max-width:720px;padding:1.5rem 2rem}.demo-realTimerisk-content h3{color:#38bdf8;font-size:1.8rem;margin-bottom:.5rem}.demo-realTimerisk-content p{color:#94a3b8;font-size:.95rem;margin-bottom:1.2rem}.risk-realTimerisk-list{list-style:none;margin:0;padding:0}.risk-realTimerisk-list li{animation:fadeInUp .5s ease forwards;background:#1e293bcc;border-radius:.75rem;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin-bottom:.35rem;padding:.6rem .9rem}.risk-low{border-left:4px solid #0d9488}.risk-med{border-left:4px solid #f59e0b}.risk-high{border-left:4px solid #dc2626}.risk-critical{animation:glowCritical 1.5s infinite alternate;border-left:4px solid #7f1d1d;box-shadow:0 0 8px #dc2626,0 0 12px #7f1d1d}.chip{background:#334155;color:#f8fafc;min-width:50px;padding:.25rem .7rem}@keyframes glowCritical{0%{box-shadow:0 0 8px #dc2626,0 0 12px #7f1d1d}to{box-shadow:0 0 16px #7f1d1d,0 0 20px #dc2626}}.featurecontractcompliance-modal{background:#0f172af2;border-radius:1.25rem;box-shadow:0 10px 25px #00000059;color:#f8fafc;font-family:Inter,sans-serif;margin:0 auto;max-width:700px;padding:1.5rem 2rem}.featurecontractcompliance-modal h2{color:#38bdf8;font-size:1.8rem;margin-bottom:.5rem}.featurecontractcompliance-modal p{color:#94a3b8;font-size:.95rem;margin-bottom:1.2rem}.contract-tablecontractcompliance{background:#1e293bcc;border-radius:.75rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;overflow:hidden}.tablecontractcompliance-row{display:contents}.tablecontractcompliance-row.header>div{background:#47556980;font-weight:600;padding:.75rem 1rem}.tablecontractcompliance-row>div{border-bottom:1px solid #4755694d;padding:.7rem 1rem}.chip{border-radius:9999px;display:inline-block;font-weight:600;padding:.3rem .7rem;text-align:center}.status-active{background:#0d9488;color:#f0fdfa}.status-pending{background:#f59e0b;color:#fff7ed}.status-expired{background:#dc2626;color:#fef2f2}.btn-close{background:#3b82f6;border:none;border-radius:9999px;cursor:pointer;font-weight:600;margin-top:1.5rem;padding:.6rem 1.2rem;transition:.25s ease}.btn-close:hover{background:#06b6d4}.lgd{--bg:#0b1220;--panel:#0f172a;--muted:#94a3b8;--ink:#e2e8f0;--ink-weak:#cbd5e1;--accent:#60a5fa;--ok:#34d399;--hot:#fb7185;--info:#38bdf8;--grid:#94a3b82e;--grid-strong:#94a3b84d;--off-bg:#94a3b812;--slot-stripe:#ffffff0a;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;padding:20px}.lgd-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.lgd-top-left h2{font-size:20px;font-weight:700;letter-spacing:.2px;margin:0 0 6px}.muted{color:var(--muted);font-size:13px}.lgd-top-right{align-items:center;display:flex;gap:10px}.seg{background:#0b132e;border:1px solid var(--grid-strong);border-radius:10px;display:inline-flex;overflow:hidden}.seg-btn{appearance:none;background:#0000;border:0;color:var(--ink-weak);cursor:pointer;font-size:13px;padding:8px 12px;transition:background .15s ease,color .15s ease}.seg-btn:hover{background:#60a5fa14;color:var(--ink)}.seg-btn.is-active{background:var(--accent);color:#0a0f1b;font-weight:700}.btn{appearance:none;background:#0b132e;border:1px solid var(--grid-strong);color:var(--ink);font-size:13px;transition:border-color .15s ease,background .15s ease}.btn:hover{background:#0f1b3a;border-color:var(--accent)}.lgd-settings{grid-gap:14px;background:var(--panel);border:1px solid var(--grid-strong);border-radius:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(180px,240px));margin-bottom:16px;padding:12px}.field{grid-gap:6px;display:grid;gap:6px}.field label{color:var(--muted);font-size:12px}.field select{background:#0b132e;border:1px solid var(--grid-strong);border-radius:10px;color:var(--ink);outline:none;padding:8px 10px}.lgd-legend{background:var(--panel);border:1px solid var(--grid-strong);border-radius:14px;margin:8px 0 16px;padding:10px 12px}.lgd-legend h3{color:var(--ink);font-size:14px;margin:0 0 8px}.legend-grid{grid-gap:8px 14px;gap:8px 14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.legend-item{color:var(--ink-weak);font-size:12px}.legend-item .dot{border-radius:6px;box-shadow:0 0 0 1px #0f172a59}.gantt{background:var(--panel);border:1px solid var(--grid-strong);border-radius:16px;overflow:hidden}.gantt-scroll{--station-col-w:220px;--slot-w:96px;--row-h:72px;overflow:auto;position:relative}.gantt-scroll::-webkit-scrollbar{height:10px;width:10px}.gantt-scroll::-webkit-scrollbar-thumb{background:#94a3b847;border-radius:10px}.gantt-scroll::-webkit-scrollbar-track{background:#94a3b814}.gantt-table{min-width:calc(var(--station-col-w) + 400px);position:relative}.gantt-header{background:var(--panel);border-bottom:1px solid var(--grid-strong);position:sticky;top:0;z-index:6}.gantt-row{border-bottom:1px dashed var(--grid);display:grid;grid-template-columns:var(--station-col-w) max-content;min-height:var(--row-h)}.gantt-cell{overflow:hidden}.station{background:var(--panel);border-right:1px solid var(--grid-strong);left:0;position:sticky;z-index:5}.station-head{font-weight:700;padding:12px;top:0;z-index:7}.station-cell{grid-gap:2px;align-content:center;display:grid;gap:2px;padding:10px 12px}.ws-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-sub{color:var(--muted);font-size:11px}.timeline-head{border-bottom:1px solid var(--grid-strong);height:48px}.time-head{border-left:1px solid var(--grid);color:var(--ink-weak);display:grid;font-size:12px;height:48px;padding:0 4px;place-items:center;text-align:center;white-space:pre}.time-head .line{display:block;line-height:1.05}.time-head.off{background:linear-gradient(0deg,var(--off-bg),var(--off-bg));color:#c7cfdb}.timeline-grid{background:repeating-linear-gradient(90deg,#0000 0,#0000 calc(var(--slot-w) - 1px),var(--grid) calc(var(--slot-w) - 1px),var(--grid) var(--slot-w));pointer-events:none}.slot{background:linear-gradient(0deg,var(--slot-stripe),var(--slot-stripe));border-left:1px solid #0000}.slot.off{background:linear-gradient(0deg,var(--off-bg),var(--off-bg))}.lane{height:var(--row-h);left:var(--station-col-w);left:0;pointer-events:none}.lane,.now{position:absolute;top:0}.now{background:var(--hot);bottom:0;box-shadow:0 0 0 2px #fb718533;width:2px;z-index:3}.bar{background-color:#34d399;border-radius:6px;color:#fff;color:#fb7185;font-size:.8rem;height:30px;line-height:40px;margin:4px 0;text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:1}.bar,.bar-text{position:relative}.bar-text{color:#0a0f1b;display:inline-flex;font-size:12px;font-weight:700;gap:6px;mix-blend-mode:screen;padding:0 10px;text-shadow:0 1px 0 #ffffff40;z-index:2}.bar-id{opacity:.95}.bar-op{font-weight:800;opacity:.9}.bar-progress{background:#0147eb59;bottom:0;height:4px;left:0;mix-blend-mode:multiply;position:absolute;top:auto}.bar.prio-high{box-shadow:0 0 0 1px #0f172a73,0 10px 18px #02061780,inset 0 0 0 2px #fb718599}.bar.prio-medium{box-shadow:0 0 0 1px #0f172a73,0 10px 18px #02061780,inset 0 0 0 2px #60a5fa8c}.bar.prio-low{box-shadow:0 0 0 1px #0f172a73,0 10px 18px #02061780,inset 0 0 0 2px #94a3b880}.lgd-footer{align-items:center;background:var(--panel);border:1px solid var(--grid-strong);border-radius:14px;color:var(--ink-weak);display:flex;flex-wrap:wrap;font-size:12px;gap:10px 16px;justify-content:flex-start;margin-top:14px;padding:10px 12px}.stat strong{color:var(--ink)}.stat .hot{color:var(--hot)}.stat .ok{color:var(--ok)}.stat .info{color:var(--info)}.stat.dim{color:var(--muted)}.lgd-types-day{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem}.type-chip{border:1px solid #e5e7eb;border:1px solid var(--line,#e5e7eb);border-radius:.5rem;font-size:.85rem;padding:.25rem .5rem}.type-Hours{background:#10b98114}.type-Days{background:#3b82f614}.type-Weeks{background:#f59e0b1a}.bar-type{background:#00000026;border-radius:.375rem;color:#fff;font-size:.75rem;margin-left:.5rem;padding:.1rem .4rem}.type-Hours.bar-type{background:#10b981e6}.type-Days.bar-type{background:#3b82f6e6}.type-Weeks.bar-type{background:#f59e0bf2}.gantt-container{background:#fafafa;color:#222;font-family:Segoe UI,Roboto,sans-serif;padding:1rem}.title{font-size:1.4rem;font-weight:600}.controls,.title{margin-bottom:1rem}.controls{gap:1rem}.controls label{align-items:center;display:flex;font-size:.9rem;gap:.4rem}.controls input,.controls select{font-size:.9rem;padding:2px 6px}.time-scale{border-bottom:1px solid #ddd;display:grid;margin-bottom:.4rem;overflow-x:auto}.time-slot{background:#fdfdfd;border-right:1px solid #eee;font-size:.75rem;padding:.25rem 0;text-align:center;white-space:nowrap}.time-slot.off-day{background:#f3f3f3;color:#888;font-style:italic}.day-types{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin:.5rem 0 1rem}.types-label{font-size:.85rem;font-weight:600}.type-chip{align-items:center;background:#fff;border:1px solid #ccc;border-radius:14px;display:inline-flex;font-size:.8rem;gap:.3rem;padding:2px 8px}.type-chip .dot{border-radius:50%;display:inline-block;height:8px;width:8px}.gantt-chart{display:flex;flex-direction:column;gap:.5rem}.machine-row{align-items:flex-start;display:flex;gap:.5rem;margin-bottom:.25rem}.machine-label{border-right:1px solid #ddd;font-size:.85rem;font-weight:600;min-width:180px;padding:.3rem .5rem;text-align:right;width:180px}.machine-timeline{background:#fff;border-bottom:1px solid #eee;flex:1 1;min-height:44px;position:relative}.legend{margin-top:1.5rem}.legend h3{font-size:1rem;margin-bottom:.6rem}.legend-grid{grid-gap:.4rem 1rem;display:grid;gap:.4rem 1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.legend-item{font-size:.8rem;gap:.4rem}.legend-item .dot{border-radius:50%;height:12px;width:12px}@media (max-width:900px){.lgd-settings{grid-template-columns:1fr}.legend-grid{grid-template-columns:1fr 1fr}}@media (prefers-color-scheme:light){.lgd{--bg:#f6f8fb;--panel:#fff;--muted:#667085;--ink:#0f172a;--ink-weak:#1f2937;--grid:#0f172a14;--grid-strong:#0f172a1f;--off-bg:rgba(2,6,23,.045);--slot-stripe:rgba(2,6,23,.025)}.bar-text{color:#0f172a;mix-blend-mode:normal;text-shadow:none}}.auto-reb{background:#0f172a;border-radius:1.5rem;box-shadow:0 6px 20px #00000073;color:#f8fafc;font-family:Inter,sans-serif;margin:2rem auto;max-width:1100px;padding:2rem}.auto-reb header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.8rem}.auto-reb h4{color:#38bdf8;font-size:1.6rem;font-weight:600;margin:0}.auto-reb .action{align-items:center;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;border-radius:9999px;box-shadow:0 4px 14px #38bdf866;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:transform .25s ease,box-shadow .25s ease}.auto-reb .action:hover{box-shadow:0 6px 20px #38bdf899;transform:scale(1.05)}.auto-reb .pulse{animation:pulse 1.5s infinite;background:#22c55e;border-radius:50%;height:10px;width:10px}@keyframes pulse{0%{opacity:.7;transform:scale(.9)}50%{opacity:.3;transform:scale(1.3)}to{opacity:.7;transform:scale(.9)}}.cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:#1e293bd9;border-radius:1rem;padding:1.2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 20px #00000059;transform:translateY(-4px)}.card .title{color:#38bdf8;font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.bar{background:#1e293b;height:14px;margin:.6rem 0;overflow:hidden}.bar,.bar span{border-radius:9999px}.bar span{background:linear-gradient(90deg,#06b6d4,#3b82f6);display:block;height:100%;transition:width .5s ease}.pct{color:#94a3b8;font-size:.95rem;font-weight:600}.pct.hot{color:#f87171}.pct.cold{color:#2dd4bf}.vi{--bg:#0b12205d;--panel:#0f172a;--muted:#94a3b8;--ink:#e2e8f0;--ink-weak:#cbd5e1;--accent:#007fff;--ok:#34d399;--hot:#fb7185;--info:#38bdf8;--grid:#94a3b82e;--grid-strong:#94a3b84d;--off-bg:#94a3b812;--slot-stripe:#ffffff0a;--danger:#e17055;--warn:#ff9800;--tooltip-bg:#0f172ad9;background:var(--bg);border-radius:12px;box-shadow:0 4px 20px #0000001f,0 0 0 1px #ffffff0d;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;padding:24px}.vi-head{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:24px}.vi-head h3{color:var(--ink);font-size:20px;font-weight:700;letter-spacing:.2px;margin:0}.vi-sub{color:var(--muted);font-size:13px;margin-top:6px}.vi-badges{display:flex;flex-wrap:wrap;gap:8px}.vi-badge{background:var(--bg);border:1px solid var(--grid);border-radius:999px;color:var(--muted);font-size:12px;font-weight:600;padding:4px 12px}.vi-controls{grid-gap:16px 24px;background:var(--panel);border:1px solid var(--grid-strong);border-radius:14px;display:grid;gap:16px 24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:12px}.vi-field{display:flex;flex-direction:column;gap:6px}.vi-field label{color:var(--muted);font-size:14px;font-weight:600}.vi-field input[type=range]{accent-color:var(--accent);flex:1 1;transition:all .2s ease-in-out}.vi-val{color:var(--ink);font-size:14px;font-weight:500;min-width:3rem;text-align:right}.vi-toggle{align-items:center;display:flex;gap:8px}.vi-toggle input[type=checkbox]{accent-color:var(--ok);height:1rem;transition:all .2s ease-in-out;width:1rem}.vi-hint{color:var(--muted);font-size:12px;line-height:1.2}.vi-kpis{grid-gap:16px;background:var(--panel);border:1px solid var(--grid-strong);border-radius:14px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:12px}.vi-kpi{background:var(--grid);border-radius:10px;box-shadow:inset 0 0 0 1px #0f172a0d,0 2px 4px #0000001a;padding:16px;text-align:center;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.vi-kpi:hover{box-shadow:inset 0 0 0 1px #0f172a0d,0 4px 8px #0003;transform:translateY(-2px)}.vi-kpi-val{font-size:24px;font-weight:700;margin-bottom:4px}.vi-kpi-val[data-accent=primary]{color:var(--accent)}.vi-kpi-val[data-accent=success]{color:var(--ok)}.vi-kpi-val[data-accent=warn]{color:var(--warn)}.vi-kpi-val[data-accent=danger]{color:var(--hot)}.vi-kpi-label{color:var(--ink-weak);font-size:14px;font-weight:600}.vi-kpi-sub{color:var(--muted);font-size:12px}.vi-chart{height:260px;width:100%}.recharts-bar-rectangle path{rx:8;ry:8}.vi-tooltip{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--tooltip-bg);border:1px solid var(--grid-strong);border-radius:8px;box-shadow:0 2px 6px #0003;padding:8px 12px}.vi-tooltip-title{color:var(--ink);font-size:13px;font-weight:600;margin-bottom:4px}.vi-tooltip-val{color:var(--ink-weak);font-size:16px;font-weight:700}.vi-notes{grid-gap:16px;background:var(--panel);border:1px solid var(--grid-strong);border-radius:14px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:12px}.vi-note{background:var(--bg);border-radius:10px;box-shadow:inset 0 0 0 1px #0f172a0d,0 2px 4px #0000001a;padding:12px 16px}.vi-note-head{color:var(--ink);font-size:14px;font-weight:600;margin-bottom:4px}.vi-note ul{margin:0;padding-left:1rem}.vi-note li{color:var(--muted);font-size:13px;line-height:1.3;margin:4px 0}.navbar-demo{align-items:center;background:#0e131b;border-bottom:1px solid #ffffff1f;display:flex;height:58px;justify-content:space-between;padding:0 18px}.navbar-left .navbar-logo{color:#e7edf7;font-weight:800;letter-spacing:.4px;text-decoration:none}.navbar-demo-back{border:1px solid #ffffff2e;border-radius:10px;color:#aab6c8;padding:6px 10px;text-decoration:none}.navbar-demo-back:hover{border-color:#00d5ff80;color:#e7edf7}.demo-layout{background:linear-gradient(135deg,#1e293b,#0f172a);color:#f8fafc;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh}.demo-main{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding:2rem}.landing-content{max-width:1200px;width:100%}.hero-section{animation:fadeInUp 1s ease-out;background:#1e293bf2;border-radius:20px;box-shadow:0 8px 30px #0009;margin-bottom:3rem;padding:4rem 2rem;text-align:center}.hero-title{color:#38bdf8;font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{color:#cbd5e1;font-size:1.3rem;line-height:1.6;margin-bottom:2rem}.hero-cta button{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:700;margin:0 .8rem;padding:1rem 2rem;transition:all .3s ease}.hero-cta button:first-child{background:#38bdf8;color:#0f172a}.hero-cta button:first-child:hover{background:#0ea5e9;transform:translateY(-2px)}.hero-cta button.secondary{background:#0000;border:2px solid #38bdf8;color:#38bdf8}.hero-cta button.secondary:hover{background:#38bdf8;color:#0f172a}.stats-section{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;margin:3rem 0;text-align:center}.stat{flex:1 1 200px}.stat h2{color:#38bdf8;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat p{color:#e2e8f0;font-size:1rem}.features-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:3rem 0}.feature-tile{background:#1e293bd9;border-radius:16px;box-shadow:0 6px 18px #0006;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-tile:hover{box-shadow:0 10px 25px #0009;transform:translateY(-8px)}.feature-tile h3{color:#38bdf8;font-size:1.4rem;margin-bottom:.8rem}.feature-tile p{color:#cbd5e1;font-size:1rem;line-height:1.5}.testimonial-section{background:#1e293bcc;border-radius:12px;box-shadow:0 4px 15px #0000004d;font-style:italic;margin:4rem 0;padding:2rem;text-align:center}.testimonial-section blockquote{font-size:1.4rem;line-height:1.6;margin-bottom:.8rem}.testimonial-section cite{color:#94a3b8;display:block;font-size:.95rem;margin-top:.5rem}.final-cta{margin:4rem 0 2rem;text-align:center}.final-cta h2{font-size:2rem;margin-bottom:1rem}.final-cta button{background:#38bdf8;border:none;border-radius:12px;color:#0f172a;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2.5rem;transition:all .3s ease}.final-cta button:hover{background:#0ea5e9;transform:translateY(-2px)}.login-modal{align-items:center;animation:fadeIn .3s ease-in-out;background:#0f172acc;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.login-box{background:#1e293b;border-radius:16px;box-shadow:0 8px 25px #0009;max-width:400px;padding:2.5rem;text-align:center;width:100%}.login-box h2{color:#38bdf8;margin-bottom:1.5rem}.login-box input{border-radius:8px;margin:.6rem 0;outline:none}.login-box button,.login-box input{border:none;font-size:1rem;padding:.9rem;width:100%}.login-box button{border-radius:8px;cursor:pointer;font-weight:700;margin-top:1rem;transition:all .3s ease}.login-box button[type=submit]{background:#38bdf8;color:#0f172a}.login-box button[type=submit]:hover{background:#0ea5e9}.login-box button.secondary{background:#0000;border:2px solid #38bdf8;color:#38bdf8;margin-top:.8rem}.login-box button.secondary:hover{background:#38bdf8;color:#0f172a}.error{color:#f87171;font-size:.9rem;margin-top:.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mpsdash-wrap{background:#0b0f16;display:flex;flex-direction:column;min-height:100vh}.mpsdash-main{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:260px 1fr}.mpsdash-content{color:#e7edf7;padding:20px 24px}.mpsdash-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.mpsdash-header h1{font-size:1.6rem;margin:0}.mpsdash-header p{color:#aab6c8;margin:6px 0 0}.mpsdash-kpis{display:flex;gap:12px}.kpi{min-width:110px}.mpsdash-section{margin-bottom:18px}.mpsdash-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.mpsdash-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;padding:14px}@media (max-width:1024px){.mpsdash-main{grid-template-columns:76px 1fr}.mpsdash-grid{grid-template-columns:1fr}}.sidebar-demo{background:#0e131b;border-right:1px solid #ffffff1f;min-height:calc(100vh - 58px);position:sticky;top:58px}.sidebar-demo.open{transition:width .25s ease;width:260px}.sidebar-demo.closed{transition:width .25s ease;width:76px}.sidebar-toggle{background:#0e131b;border:1px solid #ffffff38;border-radius:999px;color:#e7edf7;cursor:pointer;display:grid;height:28px;place-items:center;position:absolute;right:-14px;top:10px;width:28px}.sidebar-links{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:38px 0 0;padding:14px}.sidebar-links a{border:1px solid #0000;border-radius:10px;color:#aab6c8;display:block;padding:10px 12px;text-decoration:none}.sidebar-links a:hover,.sidebar-links li.active a{background:#ffffff0f;border-color:#00d5ff59;color:#e7edf7}.sidebar-links .settings-link-button{background:#0000;border:1px solid #0000;border-radius:10px;color:#aab6c8;cursor:pointer;display:block;font:inherit;padding:10px 12px;text-align:left;text-decoration:none;width:100%}.sidebar-links .settings-link-button:hover,.sidebar-links li.active .settings-link-button{background:#ffffff0f;border-color:#00d5ff59;color:#e7edf7}.modal-overlay{background:#02061799;display:grid;inset:0;padding:20px;place-items:center;z-index:99999}.modal-content{background:#0f1724;border:1px solid #ffffff0a;border-radius:12px;box-shadow:0 8px 30px #02061799;color:#e6eef8;max-width:calc(100% - 40px);width:420px}.modal-content h3{color:#f8fafc;font-size:1.15rem;font-weight:700;margin:0 0 6px}.modal-sub{color:#9fb0c8;font-size:.9rem;margin:0 0 12px}.login-form label{align-items:center;color:#cfe3fb;display:block;font-size:.9rem;justify-content:center;margin-bottom:10px;text-align:center}.login-form input[type=password],.login-form input[type=text]{background:#071022;border:1px solid #ffffff0f;border-radius:8px;box-sizing:border-box;color:#e6eef8;margin-top:6px;padding:8px 10px;width:100%}.login-error{background:#e11d480f;border-radius:6px;color:#ffd2d2;font-size:.9rem;margin:8px 0;padding:8px}.login-actions{align-items:center;display:flex;gap:10px;margin-top:10px}.login-btn{background:#0ea5e9;border:none;border-radius:8px;color:#08162a;cursor:pointer;font-weight:600;padding:8px 12px}.login-btn:hover{opacity:.95}.cancel-btn{background:#0000;border:1px solid #ffffff0a;border-radius:8px;color:#9fb0c8;padding:8px 12px}.credentials-hint{color:#9fb0c8;font-size:.85rem;margin-top:12px}.credentials-hint code{background:#ffffff08;border-radius:4px;color:#e6eef8;padding:2px 6px}.footer-demo{align-items:center;background:#0e131b;border-top:1px solid #ffffff1f;color:#aab6c8;display:flex;height:52px;justify-content:center}.planner-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;padding:14px}.planner-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.toolbar-left{display:flex;flex-wrap:wrap;gap:12px}label{align-items:center;color:#e7edf7;display:flex;font-size:.95rem;gap:8px}input[type=number],select{background:#0b0f16;min-width:120px;padding:8px 10px}.btn,input[type=number],select{border:1px solid #fff3;border-radius:10px;color:#e7edf7}.btn{background:#0000;padding:8px 12px}.btn.primary{background:linear-gradient(135deg,#7c5cff,#00d5ff);border:1px solid #0000;color:#0b0f16;font-weight:700}.btn.ghost:hover{border-color:#00d5ff}.planner-error{background:#ff00000f;border:1px solid #ff000059;border-radius:10px;color:#ffb3b3;margin-bottom:10px;padding:10px}.planner-meta{color:#aab6c8;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:8px}.planner-table-wrap{border:1px solid #ffffff1f;border-radius:12px;overflow:auto}.planner-table{border-collapse:initial;border-spacing:0;width:100%}.planner-table thead th{background:#101722;color:#aab6c8;font-weight:600;padding:10px;position:sticky;text-align:left;top:0}.planner-table td{border-top:1px solid #ffffff14;padding:10px}.planner-table tr:hover td{background:#ffffff0a}.empty{color:#aab6c8;text-align:center}.planner-kpi-row{display:flex;gap:12px;margin-top:12px}.kpi{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;min-width:150px;padding:10px 14px;text-align:center}.kpi-label{color:#aab6c8;display:block;font-size:.85rem}.kpi-value{color:#e7edf7;font-size:1.1rem}@media (max-width:720px){.planner-toolbar{align-items:flex-start}.planner-kpi-row,.planner-toolbar{flex-direction:column}}.chart-card{color:#e7edf7}.chart-head h3{margin:4px 0 10px}.mpsdetail-wrap{background:#0b0f16;color:#e7edf7;display:flex;flex-direction:column;min-height:100vh}.mpsdetail-main{display:grid;flex:1 1;grid-template-columns:260px 1fr}.mpsdetail-content{padding:20px 24px}.mpsdetail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.md-btn{background:#0000;border:1px solid #ffffff2e;border-radius:10px;color:#e7edf7;padding:8px 12px;text-decoration:none}.mpsdetail-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;padding:16px}@media (max-width:1024px){.mpsdetail-main{grid-template-columns:76px 1fr}}.scroll-to-top-btn{align-items:center;background-color:var(--primary-brand);border:none;border-radius:50%;bottom:30px;box-shadow:0 5px 15px #0000004d;color:var(--text-on-dark);cursor:pointer;display:flex;font-size:1.5em;height:55px;justify-content:center;opacity:0;position:fixed;right:30px;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease,background-color .3s ease,box-shadow .3s ease;visibility:hidden;width:55px;z-index:1000}.scroll-to-top-btn.show{opacity:1;transform:translateY(0);visibility:visible}.scroll-to-top-btn:hover{background-color:#366795;box-shadow:0 8px 20px #0006;transform:translateY(-3px)}@media (max-width:768px){.scroll-to-top-btn{bottom:20px;font-size:1.3em;height:50px;right:20px;width:50px}}@media (max-width:576px){.scroll-to-top-btn{bottom:15px;font-size:1.2em;height:45px;right:15px;width:45px}}.settings-header{align-items:center;background:linear-gradient(90deg,#1e293b00,#14294b54);box-sizing:border-box;color:#f8fafc;display:flex;justify-content:space-between;left:0;padding:.8rem 1.5rem;position:absolute;top:0;width:100%;z-index:1000}.settings-header h2{color:#38bdf8;font-size:1.1rem;font-weight:600;margin:0;padding-left:75%}.settings-header p{color:#e2e8f0;font-size:.9rem;margin:0;padding-right:20px}.settings-container{background:linear-gradient(0deg,#14294b,#495f83);color:#1e293b;display:flex;font-family:Inter,sans-serif;height:100vh}.settings-sidebar{background:linear-gradient(0deg,#617ead,#14294b);border-right:1px solid #334155;color:#e2e8f0;display:flex;flex-direction:column;padding:20px;width:260px}.settings-sidebar h3{color:#f8fafc;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase}.settings-sidebar ul{flex-grow:1;list-style:none;margin:0;padding:0}.settings-sidebar li{border-radius:8px;cursor:pointer;font-size:.95rem;margin:6px 0;padding:10px 14px;transition:all .25s ease-in-out}.settings-sidebar li:hover{background:#3b82f6;color:#fff}.settings-sidebar li.active{background:#2563eb;color:#fff;font-weight:600}.back-button{background:#334155;border-radius:6px;color:#e2e8f0;font-size:.9rem;margin-top:1rem;padding:8px 14px;transition:background .25s}.back-button:hover{background:#475569}.settings-content{background:#4e95db4e;flex-grow:1;overflow-y:auto;padding:25px}.departments-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.department-tile{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a0f;cursor:pointer;padding:30px 20px;text-align:center;transition:all .3s ease}.department-tile:hover{background:#ffffffaf;border-color:#3b82f6;box-shadow:0 8px 18px #273e75de;transform:translateY(-5px);transform:scale(1.05)}.dept-icon{color:#2563eb;font-size:2.5rem;margin-bottom:12px}.dept-label{color:#1e293b;font-size:1.2rem;font-weight:600}.dashboard{padding:20px}.dashboard-title{color:#111827;font-size:1.6rem;font-weight:700;margin-bottom:25px}.kpi-cards{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.kpi-card{box-shadow:0 2px 6px #0000000d;padding:20px}.kpi-card:hover{background:rgba(191,188,221,.832);transform:scale(1.05)}.kpi-card h3{color:#475569;font-size:.95rem;font-weight:600;margin-bottom:10px;margin-top:100px}.kpi-card p{color:#2563eb;font-size:1.5rem;font-weight:700}.charts-row{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr 1fr;height:320px;margin-bottom:30px}.recharts-responsive-container{box-shadow:0 2px 6px #0000000a;padding:12px}.kpi-card,.recharts-responsive-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px}.kpi-card{align-items:center;box-shadow:0 2px 6px rgba(60,114,224,.644);display:flex;flex-direction:column;height:160px;justify-content:center;text-align:center;transition:transform .2s}.settings-home-title{color:#1e293b;font-size:1.8rem;font-weight:700;margin-bottom:80px;margin-top:80px;text-align:center}.departments-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:40px auto;max-width:1000px}.bom-page{background:#f9fafb;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:20px}.bom-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.bom-header h2{color:#333;font-size:1.5rem;font-weight:600}.add-btn,.delete-btn,.edit-btn{transition:all .2s ease-in-out}.bom-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-top:10px;overflow:hidden;width:100%}.bom-table td,.bom-table th{border-bottom:1px solid #e5e7eb;font-size:.9rem;padding:12px 14px;text-align:left}.bom-table th{background:#f3f4f6;color:#374151;font-weight:600}.bom-table tr:hover{background:#f9fafb}.modal-form input,.modal-form select{font-size:.9rem;padding:8px 10px}.modal-form input:focus,.modal-form select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.calendar-page{background:#f9fafb;border-radius:10px;padding:20px}.calendar-header{display:flex;justify-content:space-between;margin-bottom:20px}.calendar-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.calendar-table td,.calendar-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.calendar-table th{background:#f3f4f6;color:#374151;font-weight:600}.days-selector{display:flex;gap:6px}.day-btn{background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;padding:6px 10px}.day-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.day-btn input{display:none}.holiday-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.holiday-chip{background:#e5e7eb;border-radius:4px;font-size:12px;padding:4px 8px}.modal-content{width:600px}.form-group-inline{align-items:center;display:flex;gap:12px;margin-bottom:15px}.employee-page{background:#f9fafb;border-radius:10px;padding:20px}.employee-header{display:flex;justify-content:space-between;margin-bottom:20px}.employee-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.employee-table td,.employee-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.employee-table th{background:#f3f4f6;color:#374151;font-weight:600}.ecc-page{background:#f9fafb;border-radius:10px;padding:20px}.ecc-header{display:flex;justify-content:space-between;margin-bottom:20px}.ecc-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.ecc-table td,.ecc-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.ecc-table th{background:#f3f4f6;color:#374151;font-weight:600}.status-badge{border-radius:6px;text-transform:capitalize}.status-badge.draft{background:#f3f4f6;color:#374151}.status-badge.released{background:#93c5fd;color:#1e3a8a}.status-badge.implemented{background:#bbf7d0;color:#166534}.status-badge.obsolete{background:#fecaca;color:#991b1b}.modal-form textarea{font-family:sans-serif;height:60px}.forecast-visualization-container{background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.header-with-back{align-items:center;display:flex;gap:15px;margin-bottom:15px}.header-with-back h2{color:#2c3e50;margin:0}.back-button{background-color:#7f8c8d;font-weight:600}.back-button:hover{background-color:#6c7a7d}.filter-selector,.time-range-selector{align-items:center;display:flex;gap:10px}.filter-selector label,.time-range-selector label{font-weight:600}.filter-selector select,.time-range-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 12px}.visualization-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.chart-view,.timeline-view{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.chart-view h3,.timeline-view h3{border-bottom:1px solid #eee;color:#2c3e50;margin-top:0;padding-bottom:10px}.timeline{max-height:500px;overflow-y:auto}.timeline-item{border-left:3px solid #ddd;display:flex;margin-bottom:15px;padding:10px}.timeline-item:hover{background-color:#f9f9f9}.timeline-marker{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:30px;justify-content:center;margin-right:15px;width:30px}.timeline-content{flex:1 1}.forecast-header{margin-bottom:5px}.item-name,.quantity{font-weight:600}.quantity{color:#2c3e50}.forecast-details{color:#7f8c8d;display:flex;font-size:14px;gap:15px;margin-bottom:10px}.confidence-bar{background-color:#ecf0f1;border-radius:10px;height:20px;overflow:hidden;position:relative}.confidence-fill{transition:width .3s ease}.confidence-text{color:#fff;font-size:12px;font-weight:600;left:10px;text-shadow:0 1px 2px #0000004d;top:50%;transform:translateY(-50%)}.chart-container{display:flex;flex-direction:column;gap:15px}.chart-item{gap:15px}.chart-item,.chart-label{align-items:center;display:flex}.chart-label{font-weight:600;gap:8px;width:120px}.source-color{border-radius:3px;height:15px;width:15px}.chart-bar{background-color:#ecf0f1;border-radius:4px;flex:1 1;height:30px;overflow:hidden;position:relative}.chart-fill{border-radius:4px;height:100%;transition:width .3s ease}.chart-value{color:#2c3e50;font-size:14px;font-weight:600;position:absolute;right:10px;top:50%;transform:translateY(-50%)}@media (max-width:1024px){.visualization-content{grid-template-columns:1fr}}@media (max-width:768px){.controls{flex-direction:column;gap:10px}.forecast-details{flex-direction:column;gap:5px}.legend-items{flex-direction:column;gap:10px}}.forecast-gantt-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.gantt-header{align-items:center;justify-content:space-between}.gantt-header h2{color:#333;margin:0}.back-button{font-size:14px}.back-button:hover{background-color:#5a6268}.time-range-selector{align-items:center;display:flex;gap:8px}.time-range-selector select{padding:6px 10px}.gantt-content,.time-range-selector select{border:1px solid #ddd;border-radius:4px}.gantt-sidebar{background-color:#f8f9fa;border-right:1px solid #ddd}.sidebar-header{background-color:#e9ecef;border-bottom:1px solid #ddd;padding:12px 15px}.item-row{border-bottom:1px solid #eee;cursor:pointer;padding:12px 15px;transition:background-color .2s}.item-row:hover{background-color:#e9ecef}.item-row.selected{background-color:#d4edda;border-left:3px solid #28a745}.item-info{display:flex;flex-direction:column;margin-bottom:5px}.item-name{color:#333}.item-stats,.item-version{color:#6c757d;font-size:12px}.timeline-header{background-color:#e9ecef;border-bottom:1px solid #ddd}.time-unit{border-right:1px solid #ddd;flex-shrink:0;font-size:12px;padding:8px 4px}.timeline-row{height:50px}.time-cell{border-right:1px solid #eee;flex-shrink:0}.gantt-bar{height:30px;transition:opacity .2s}.gantt-bar:hover{opacity:.8}.bar-content{color:#fff;font-size:11px;padding:2px;text-shadow:1px 1px 1px #00000080}.bar-confidence{font-size:10px}.item-details{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;margin-top:20px;padding:15px}.item-details h3{color:#333;margin-top:0}.details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.detail-item label{font-size:14px}.forecast-list{max-height:200px;overflow-y:auto}.forecast-item{grid-gap:10px;border-bottom:1px solid #eee;display:grid;font-size:14px;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr;padding:8px 0}.forecast-item:last-child{border-bottom:none}.gantt-legend{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px}.gantt-legend h4{color:#333;margin-top:0}.legend-items{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.no-data h3{margin-top:0}@media (max-width:768px){.gantt-content{flex-direction:column}.gantt-sidebar{border-bottom:1px solid #ddd;border-right:none;width:100%}.forecast-item{grid-template-columns:1fr 1fr}}.forecast-container{background-color:#f5f7f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.forecast-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.forecast-header h2{color:#2c3e50;font-weight:600;margin:0}.header-buttons{gap:15px}.gantt-button,.new-button,.visualization-button{font-weight:500;transition:background-color .2s}.new-button:hover{background-color:#388e3c}.visualization-button:hover{background-color:#1976d2}.gantt-button{background-color:#9c27b0}.gantt-button:hover{background-color:#7b1fa2}.form-content{box-shadow:0 4px 20px #0003;padding:30px}.form-content h3{font-weight:600;margin:0 0 20px}.form-group label{color:#34495e}.form-actions button{font-weight:500}.form-actions button[type=button]{background-color:#f5f5f5}.form-actions button[type=button]:hover{background-color:#e0e0e0}.form-actions button[type=submit]{background-color:#2196f3}.form-actions button[type=submit]:hover{background-color:#1976d2}.forecast-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:auto}.forecast-table{border-collapse:collapse;width:100%}.forecast-table td,.forecast-table th{border-bottom:1px solid #eaecef;padding:12px 15px;text-align:left}.forecast-table th{background-color:#f8f9fa;color:#34495e;font-weight:600;position:sticky;top:0}.forecast-table tr:hover{background-color:#f1f8ff}.item-cell{color:#2c3e50;font-weight:500}.source-badge{border-radius:12px;font-size:.85em;font-weight:500;padding:4px 8px}.source-badge.statistical{background-color:#e3f2fd;color:#1976d2}.source-badge.manual{background-color:#f3e5f5;color:#7b1fa2}.source-badge.customer{background-color:#ffecb3;color:#f57c00}.source-badge.system{background-color:#e8eaf6;color:#303f9f}.confidence-meter{background-color:#f5f5f5;border-radius:10px;height:20px;overflow:hidden;position:relative}.confidence-fill{background-color:#4caf50;border-radius:10px;height:100%;transition:width .3s}.confidence-text{align-items:center;bottom:0;color:#333;display:flex;font-size:.8em;font-weight:500;justify-content:center;left:0;position:absolute;right:0;top:0}.status-badge{font-size:.85em;font-weight:500}.status-badge.active{background-color:#e8f5e9;color:#388e3c}.status-badge.deprecated{background-color:#ffebee;color:#d32f2f}.delete-btn,.edit-btn{border-radius:4px;font-size:.85em;font-weight:500}.edit-btn{background-color:#2196f3}.edit-btn:hover{background-color:#1976d2}.delete-btn:hover{background-color:#d32f2f}.no-data{color:#95a5a6}.loading-spinner{align-items:center;color:#7f8c8d;display:flex;font-size:1.1em;height:200px;justify-content:center}.error-message{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:40px;text-align:center}.error-message h3{color:#d32f2f;margin-bottom:10px}.error-message p{color:#5c5c5c;margin-bottom:20px}.retry-button{font-weight:500}.retry-button:hover{background-color:#1976d2}@media (max-width:768px){.forecast-header{align-items:flex-start;flex-direction:column;gap:15px}.header-buttons{flex-wrap:wrap}.form-row{flex-direction:column;gap:10px}.forecast-table{font-size:.9em}.forecast-table td,.forecast-table th{padding:8px 10px}.action-buttons{flex-direction:column}}.inventory-container{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.inventory-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.inventory-header h2{color:#2c3e50;margin:0}.inventory-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.inventory-table{border-collapse:collapse;width:100%}.inventory-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#2c3e50;font-weight:600;padding:12px 15px;text-align:left}.inventory-table td{border-bottom:1px solid #e9ecef;padding:12px 15px}.inventory-table tr:hover{background-color:#f8f9fa}.no-data{color:#6c757d;font-style:italic}.status-badge{font-size:.75rem}.status-ok{background-color:#d4edda;color:#155724}.status-hold{background-color:#fff3cd;color:#856404}.status-blocked{background-color:#f8d7da;color:#721c24}.status-qa{background-color:#cce5ff;color:#004085}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 12px;transition:all .2s}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.modal{box-shadow:0 4px 20px #00000026;max-width:700px}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#2c3e50;margin:0}.modal-close{background:none;border:none;color:#6c757d;cursor:pointer;font-size:24px}.modal-close:hover{color:#2c3e50}.inventory-form{padding:20px}.form-group.full-width{flex:0 0 100%}.form-group input,.form-group select{border:1px solid #ced4da;font-size:14px;padding:10px}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-actions{border-top:1px solid #e9ecef;padding-top:20px}.loading{color:#3498db}@media (max-width:768px){.form-row{flex-direction:column;gap:10px}.inventory-header{align-items:flex-start;gap:15px}.action-buttons,.inventory-header{flex-direction:column}.inventory-table{font-size:14px}.inventory-table td,.inventory-table th{padding:8px 10px}}.model-page{padding:20px}.model-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.model-header h2{font-size:1.5rem;font-weight:700}.add-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:8px 14px}.model-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;width:100%}.model-table td,.model-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.model-table th{background:#f3f4f6;font-size:.9rem;font-weight:600}.model-table tr:hover{background:#f9fafb}.delete-btn,.edit-btn{border:none;border-radius:5px;cursor:pointer;font-size:.8rem;margin-right:6px;padding:6px 12px}.edit-btn{background:#10b981;color:#fff}.edit-btn:hover{background:#059669}.switch{height:24px;width:46px}.slider{background-color:#dc2626}.slider:before{height:18px;left:3px;width:18px}input:checked+.slider{background-color:#10b981}input:checked+.slider:before{transform:translateX(22px)}.modal-overlay{background:#0009;z-index:50}.modal-content{box-shadow:0 4px 10px #0003;width:400px}.modal-form label{display:block;font-weight:600}.modal-form input{border:1px solid #ddd;padding:8px;width:100%}.cancel-btn{background:#9ca3af;color:#fff}.cancel-btn:hover{background:#6b7280}.mps-visualization-container{background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.visualization-header{border-bottom:1px solid #ddd;padding-bottom:15px}.controls{gap:20px}.plan-selector,.time-range-selector{gap:10px}.plan-selector label,.time-range-selector label{font-weight:600}.kpi-dashboard{grid-gap:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi-item{background:#fff;box-shadow:0 2px 5px #0000001a}.kpi-label{color:#7f8c8d;margin-bottom:8px}.status-indicator{font-weight:600}.status-indicator.draft{background-color:#e2e3e5;color:#383d41}.status-indicator.proposed{background-color:#fff3cd;color:#856404}.status-indicator.approved{background-color:#d4edda;color:#155724}.status-indicator.archived{background-color:#f8d7da;color:#721c24}.visualization-content{background:#fff;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.timeline-header{border-bottom:2px solid #eee;font-weight:600;margin-bottom:10px;min-width:1000px;padding-bottom:10px}.resource-header{flex-shrink:0;padding:0 10px;width:200px}.time-bucket-header{flex:1 1;min-width:100px;padding:0 10px}.timeline-body{min-width:1000px}.timeline-row{border-bottom:1px solid #eee;padding:10px 0}.timeline-row:hover{background-color:#f9f9f9}.resource-cell{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding:0 10px;width:200px}.resource-name{font-weight:600;margin-bottom:5px}.resource-meta{display:flex;gap:10px}.feasibility.feasible{color:#27ae60}.feasibility.infeasible{color:#e74c3c}.shortage-warning{color:#f39c12}.time-bucket-cell{border-radius:4px;color:#fff;flex:1 1;font-weight:600;height:60px;margin:0 5px;min-width:100px;text-shadow:0 1px 2px #0000004d}.time-bucket-cell.empty{border:1px dashed #ddd}.bucket-quantity{font-size:16px;margin-bottom:4px}.bucket-utilization{font-size:12px;opacity:.9}.visualization-legend{background:#fff;box-shadow:0 2px 10px #0000001a;padding:15px 20px}.visualization-legend h4{margin:0 0 15px}@media (max-width:768px){.controls{flex-direction:column;gap:10px}.kpi-dashboard{grid-template-columns:1fr 1fr}.legend-items{flex-direction:column;gap:10px}}.mps-gantt-container{background-color:#f5f7f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.gantt-header{background:#fff;box-shadow:0 2px 10px #0000001a}.gantt-header h2{font-weight:600}.back-button{background-color:#3498db;font-weight:500;transition:background-color .2s}.back-button:hover{background-color:#2980b9}.plan-selector,.time-range-selector{align-items:center;display:flex;gap:8px}.plan-selector label,.time-range-selector label{color:#34495e;font-weight:500}.plan-selector select,.time-range-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 12px}.gantt-content{background:#fff;box-shadow:0 2px 10px #0000001a;overflow:auto}.gantt-sidebar{border-right:1px solid #eaecef;flex-shrink:0;width:250px}.sidebar-header{font-weight:600}.line-name,.sidebar-header{border-bottom:1px solid #eaecef}.line-name{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px;transition:background-color .2s}.line-name:hover{background-color:#f1f8ff}.line-name.selected{background-color:#e3f2fd;border-left:3px solid #2196f3}.line-info{display:flex;flex-direction:column}.line-id{color:#2c3e50;font-weight:600}.product-name{color:#7f8c8d;font-size:.85em}.line-status{display:flex;gap:5px}.feasibility{font-weight:700}.feasibility.feasible{color:#4caf50}.feasibility.infeasible{color:#f44336}.shortage-warning{color:#ff9800}.gantt-timeline{overflow:auto}.timeline-header{border-bottom:1px solid #eaecef}.time-unit{border-right:1px solid #eaecef;color:#34495e;flex:1 1;font-weight:500;min-width:80px;padding:10px 5px}.timeline-row{border-bottom:1px solid #eaecef}.time-cell{border-right:1px solid #eaecef;flex:1 1;min-width:80px}.gantt-bar{font-weight:500;overflow:hidden;transition:transform .2s,box-shadow .2s}.gantt-bar:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-2px);z-index:10}.bar-content{padding:0 5px}.bar-quantity{font-size:.9em;font-weight:600}.bar-utilization{font-size:.8em}.line-details{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:20px;padding:20px}.line-details h3{color:#2c3e50;font-weight:600;margin:0 0 15px}.detail-item label{color:#7f8c8d;font-size:.9em;font-weight:600}.detail-item span{color:#2c3e50}.gantt-legend{background:#fff;box-shadow:0 2px 10px #0000001a;margin-top:20px;padding:20px}.gantt-legend h4{font-weight:600;margin:0 0 15px}.color-box{border-radius:3px}.no-data{background:#fff;box-shadow:0 2px 10px #0000001a}.no-data h3{color:#7f8c8d;margin-bottom:10px}.no-data p{color:#95a5a6;margin-bottom:20px}@media (max-width:768px){.gantt-controls{align-items:flex-start}.gantt-content,.gantt-controls{flex-direction:column}.gantt-sidebar{border-bottom:1px solid #eaecef;border-right:none;width:100%}.details-grid{grid-template-columns:1fr}}.mps-plan-container{background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.mps-plan-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.mps-plan-header h2{color:#2c3e50;margin:0}.visualization-button{background-color:#9b59b6;border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s}.visualization-button:hover{background-color:#8e44ad}.form-content{max-width:1000px}.mps-plan-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow-x:auto;padding:20px}.mps-plan-table{border-collapse:collapse;width:100%}.mps-plan-table th{background-color:#f1f5f9;border-bottom:2px solid #ddd;color:#2c3e50;font-weight:600;padding:12px 15px;text-align:left}.mps-plan-table td{border-bottom:1px solid #eee;padding:12px 15px}.mps-plan-table tr:hover{background-color:#f8f9fa}.scenario-name{color:#2c3e50;font-weight:600}.status-badge.proposed{background-color:#fff3cd;color:#856404}.status-badge.archived{background-color:#f8d7da;color:#721c24}.feasible{color:#27ae60;font-weight:600}.infeasible{color:#e74c3c;font-weight:600}@media (max-width:768px){.mps-plan-header{align-items:flex-start;flex-direction:column;gap:10px}.header-buttons{justify-content:space-between;width:100%}.form-row{flex-direction:column;gap:10px}.form-content{padding:15px;width:95%}.mps-plan-table-container{overflow-x:auto}.mps-plan-table{min-width:1000px}.action-buttons{flex-direction:column}}.mrp-visualization-container{background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.visualization-header{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;margin-bottom:20px;padding:20px}.visualization-header h2{color:#2c3e50;margin:0 0 15px}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.refresh-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.kpi-dashboard{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.kpi-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;min-width:180px;padding:15px;text-align:center}.kpi-label{color:#6c757d;font-size:14px;margin-bottom:5px}.kpi-value{color:#2c3e50;font-size:24px;font-weight:700}.status-indicator{border-radius:12px;font-size:14px;font-weight:700;padding:4px 8px}.status-indicator.completed{background-color:#4caf50;color:#fff}.status-indicator.in-progress{background-color:#2196f3;color:#fff}.status-indicator.failed{background-color:#f44336;color:#fff}.status-indicator.pending{background-color:#ff9800;color:#fff}.visualization-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.timeline-header{border-bottom:2px solid #e9ecef;left:0}.item-header{background-color:#f8f9fa;min-width:200px}.item-header,.time-bucket-header{border-right:1px solid #e9ecef;font-weight:700;padding:15px}.time-bucket-header{min-width:120px;text-align:center}.timeline-body{max-height:600px;overflow-y:auto}.timeline-row:hover{background-color:#f8f9fa}.item-cell{background-color:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;justify-content:center;left:0;min-width:200px;padding:15px;position:sticky;z-index:1}.item-name{font-weight:700;margin-bottom:5px}.item-meta{display:flex;gap:8px}.requirement-type{font-size:12px}.time-bucket-cell{align-items:center;border-right:1px solid #e9ecef;display:flex;flex-direction:column;height:80px;justify-content:center;min-width:120px;padding:10px;transition:all .2s ease}.time-bucket-cell:hover{box-shadow:0 0 8px #0003;transform:scale(1.05);z-index:2}.time-bucket-cell.empty{background-color:#f8f9fa}.bucket-quantity{font-size:18px;font-weight:700}.bucket-quantity,.bucket-type{color:#fff;text-shadow:1px 1px 2px #0000004d}.bucket-type{font-size:12px}.visualization-legend{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:15px}.visualization-legend h4{color:#2c3e50;margin:0 0 10px}@media (max-width:768px){.controls{align-items:flex-start}.controls,.kpi-dashboard{flex-direction:column}.kpi-item{min-width:100%}.item-cell,.item-header,.time-bucket-header{min-width:100px;padding:10px}.time-bucket-cell{height:60px;min-width:100px}}.mrp-gantt-container{background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.gantt-header{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;margin-bottom:20px;padding:20px}.gantt-header h2{color:#2c3e50;margin:0 0 15px}.gantt-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.back-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 15px}.run-selector,.time-range-selector{align-items:center;display:flex;gap:8px}.run-selector label,.time-range-selector label{font-weight:700;white-space:nowrap}.run-selector select,.time-range-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px}.gantt-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;margin-bottom:20px;overflow:hidden}.gantt-sidebar{border-right:1px solid #e9ecef;max-height:600px;overflow-y:auto;width:300px}.sidebar-header{background-color:#f8f9fa;font-weight:700;position:sticky;top:0;z-index:1}.requirement-name,.sidebar-header{border-bottom:1px solid #e9ecef;padding:15px}.requirement-name{cursor:pointer;transition:background-color .2s ease}.requirement-name:hover{background-color:#f8f9fa}.requirement-name.selected{background-color:#e3f2fd;border-right:3px solid #2196f3}.requirement-info{display:flex;flex-direction:column;margin-bottom:8px}.item-id{font-weight:700;margin-bottom:5px}.requirement-type{border-radius:12px;display:inline-block;font-size:14px;font-weight:700;padding:2px 8px}.requirement-type.supply{background-color:#4caf50;color:#fff}.requirement-type.shortage{background-color:#f44336;color:#fff}.requirement-quantity{color:#6c757d;font-size:14px}.gantt-timeline{flex:1 1;overflow-x:auto}.timeline-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;position:sticky;top:0;z-index:1}.time-unit{border-right:1px solid #e9ecef;font-weight:700;min-width:100px;padding:15px 10px;text-align:center}.timeline-content,.timeline-row{position:relative}.timeline-row{border-bottom:1px solid #e9ecef;display:flex;height:60px}.time-cell{border-right:1px solid #e9ecef;min-width:100px}.gantt-bar{align-items:center;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;position:absolute;top:10px;transition:transform .2s ease}.gantt-bar:hover{transform:scale(1.05);z-index:2}.bar-content{align-items:center;display:flex;flex-direction:column;text-shadow:1px 1px 2px #00000080}.bar-quantity{font-size:14px;font-weight:700}.bar-type{font-size:12px}.requirement-details{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.requirement-details h3{color:#2c3e50;margin:0 0 15px}.details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column}.detail-item label{color:#6c757d;font-weight:700;margin-bottom:5px}.detail-item span{font-size:16px}.type.supply{color:#4caf50;font-weight:700}.type.shortage{color:#f44336;font-weight:700}.gantt-legend{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}.gantt-legend h4{color:#2c3e50;margin:0 0 10px}.legend-items{display:flex;flex-wrap:wrap;gap:20px}.legend-item{align-items:center;display:flex;gap:8px}.color-box{border-radius:4px;height:20px;width:20px}.no-data{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:40px}.no-data h3{color:#2c3e50;margin:0 0 10px}.no-data p{color:#6c757d;margin:0 0 20px}@media (max-width:768px){.gantt-controls{align-items:flex-start}.gantt-content,.gantt-controls{flex-direction:column}.gantt-sidebar{max-height:300px;width:100%}.time-unit{font-size:12px;padding:10px 5px}.time-cell,.time-unit{min-width:80px}.details-grid{grid-template-columns:1fr}}.mrp-run-container{background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.mrp-run-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-buttons{display:flex;gap:10px}.gantt-button,.new-button,.visualization-button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:10px 15px}.new-button{background-color:#4caf50}.visualization-button{background-color:#2196f3;color:#fff}.gantt-button{background-color:#ff9800;color:#fff}.mrp-run-table-container{overflow-x:auto}.mrp-run-table{border-collapse:collapse;margin-top:20px;width:100%}.mrp-run-table td,.mrp-run-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.mrp-run-table th{background-color:#f2f2f2;font-weight:700}.status-badge{font-weight:700}.status-badge.completed{background-color:#4caf50;color:#fff}.status-badge.in-progress{background-color:#2196f3;color:#fff}.status-badge.failed{background-color:#f44336;color:#fff}.status-badge.pending{background-color:#ff9800;color:#fff}.view-btn{background-color:#2196f3}.delete-btn{background-color:#f44336}.no-data{color:#757575;padding:20px;text-align:center}.form-modal{height:100%;width:100%}.form-content{background-color:#fff;max-height:80vh;max-width:800px;padding:20px;width:80%}.form-group label{font-weight:700}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;padding:8px}.requirements-section{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.requirement-item{border:1px solid #eee;border-radius:4px;margin-bottom:15px;padding:15px}.requirement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.remove-requirement-btn{background-color:#f44336;padding:5px 10px}.add-requirement-btn,.remove-requirement-btn{border:none;border-radius:4px;color:#fff;cursor:pointer}.add-requirement-btn{background-color:#4caf50;margin-top:10px;padding:8px 15px}.form-actions button:first-child{background-color:#f44336;color:#fff}.form-actions button:last-child{background-color:#4caf50;color:#fff}.error-message,.loading-spinner{font-size:18px;padding:40px;text-align:center}.retry-button{background-color:#2196f3;padding:10px 20px}.operation-page{background:#f9fafb;border-radius:10px;padding:20px}.operation-header{display:flex;justify-content:space-between;margin-bottom:20px}.operation-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.operation-table td,.operation-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.operation-table th{background:#f3f4f6;color:#374151;font-weight:600}.plant-page{background:#f9fafb;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:20px}.plant-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.plant-header h2{color:#333;font-size:1.5rem;font-weight:600}.add-btn,.delete-btn,.edit-btn{font-size:.9rem;transition:all .2s}.plant-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 6px #00000014;overflow:hidden;width:100%}.plant-table td,.plant-table th{border-bottom:1px solid #e5e7eb;font-size:.9rem;padding:12px 14px;text-align:left}.plant-table th{background:#f3f4f6;color:#374151;font-weight:600}.plant-table tr:hover{background:#f9fafb}.error-text{color:red;font-weight:500;margin-top:10px}.switch{display:inline-block;height:22px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ef4444;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:16px;left:4px;width:16px}.switch input:checked+.slider{background-color:#22c55e}.switch input:checked+.slider:before{transform:translateX(22px)}.modal-overlay{background:#0006}.modal-content{border-radius:10px;box-shadow:0 6px 20px #0003}.modal-form label{color:#374151}.modal-form input{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:8px 10px}.modal-form input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.save-btn{cursor:pointer}.save-btn:hover{background:#1d4ed8}.cancel-btn{cursor:pointer}.cancel-btn:hover{background:#9ca3af}.production-order-container{margin:0 auto;max-width:1200px;padding:20px}.production-orders-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.production-order-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.production-order-card:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.status-badge-scheduled{background-color:#3498db;color:#fff}.status-badge-in-progress{background-color:#f39c12;color:#fff}.status-badge-cancelled{background-color:#e74c3c;color:#fff}.order-detail{display:flex;justify-content:space-between;margin-bottom:12px}.order-detail label{color:#7f8c8d;font-weight:600}.order-detail span{color:#2c3e50;text-align:right}.card-footer{justify-content:flex-end}.form-group input[type=checkbox]{margin-right:8px;width:auto}.form-group label.checkbox-label{align-items:center;display:flex;font-weight:400}@media (max-width:768px){.production-orders-grid{grid-template-columns:1fr}.header{align-items:flex-start;flex-direction:column;gap:15px}.modal{padding:20px;width:95%}}.purchaseorder-container{background:#fdfdfd;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin:auto;max-width:1100px;padding:20px}.purchaseorder-container h2{margin-bottom:16px;text-align:center}.purchaseorder-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.purchaseorder-form input,.purchaseorder-form select{border:1px solid #ccc;border-radius:6px;flex:1 1;padding:8px}.purchaseorder-form button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 16px}.purchaseorder-form button:hover{opacity:.9}.purchaseorder-table{border-collapse:collapse;width:100%}.purchaseorder-table td,.purchaseorder-table th{border:1px solid #ddd;padding:8px}.purchaseorder-table th{background:#007bff;color:#fff}.purchaseorder-table tr:nth-child(2n){background:#f9f9f9}.purchaseorder-table tr:hover{background:#f1f1f1}.purchaseorder-table button{background:none;border:none;cursor:pointer;font-size:16px;margin:0 4px}.resource-page{background:#f9fafb;border-radius:10px;padding:20px}.resource-header{display:flex;justify-content:space-between;margin-bottom:20px}.resource-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.resource-table td,.resource-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.resource-table th{background:#f3f4f6;color:#374151;font-weight:600}.modal-form input,.modal-form select,.modal-form textarea{border:1px solid #d1d5db;border-radius:6px;padding:8px}.modal-form textarea{font-family:monospace;height:80px}.routing-op-page{background:#f9fafb;border-radius:10px;padding:20px}.routing-op-header{display:flex;justify-content:space-between;margin-bottom:20px}.routing-op-table{background:#fff;border-collapse:collapse;border-radius:8px;width:100%}.sales-order-container{background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.sales-order-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.sales-order-header h2{color:#2c3e50;margin:0}.new-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s}.new-button:hover{background-color:#2980b9}.form-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.form-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:900px;overflow-y:auto;padding:25px;width:90%}.form-content h3{border-bottom:1px solid #eee;color:#2c3e50;margin-top:0;padding-bottom:10px}.form-row{gap:15px}.form-group label{color:#555}.lines-section{border:1px solid #eee;border-radius:4px;margin:20px 0;padding:15px}.lines-section h4{color:#2c3e50;margin-top:0}.line-item{background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;margin-bottom:15px;padding:15px}.line-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.line-header h5{color:#2c3e50;margin:0}.remove-line-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.remove-line-btn:hover{background-color:#c0392b}.add-line-btn{background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px 15px}.add-line-btn:hover{background-color:#219653}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.form-actions button{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:10px 20px}.form-actions button[type=button]{background-color:#e0e0e0;color:#333}.form-actions button[type=button]:hover{background-color:#d0d0d0}.form-actions button[type=submit]{background-color:#27ae60;color:#fff}.form-actions button[type=submit]:hover{background-color:#219653}.sales-order-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow-x:auto;padding:20px}.sales-order-table{border-collapse:collapse;width:100%}.sales-order-table th{background-color:#f1f5f9;border-bottom:2px solid #ddd;color:#2c3e50;font-weight:600;padding:12px 15px;text-align:left}.sales-order-table td{border-bottom:1px solid #eee;padding:12px 15px}.sales-order-table tr:hover{background-color:#f8f9fa}.order-number{color:#2c3e50;font-weight:600}.status-badge.approved{background-color:#d4edda;color:#155724}.status-badge.submitted{background-color:#d1ecf1;color:#0c5460}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.on-hold{background-color:#ffeaa7;color:#5d4e00}.status-badge.cancelled{background-color:#f8d7da;color:#721c24}.status-badge.draft{background-color:#e2e3e5;color:#383d41}.line-status{border-radius:8px;font-size:11px;font-weight:600;padding:3px 6px}.line-status.completed{background-color:#d4edda;color:#155724}.line-status.in-process{background-color:#d1ecf1;color:#0c5460}.line-status.cancelled{background-color:#f8d7da;color:#721c24}.line-status.open{background-color:#e2e3e5;color:#383d41}.delete-btn,.view-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.view-btn{background-color:#3498db;color:#fff}.view-btn:hover{background-color:#2980b9}.error-message,.loading-spinner,.no-data{color:#7f8c8d;font-size:18px;padding:40px;text-align:center}.error-message{color:#e74c3c}.error-message h3{margin-top:0}.retry-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 16px}.retry-button:hover{background-color:#2980b9}@media (max-width:768px){.sales-order-header{align-items:flex-start}.form-row,.sales-order-header{flex-direction:column;gap:10px}.form-content{padding:15px;width:95%}.sales-order-table-container{overflow-x:auto}.sales-order-table{min-width:1000px}.action-buttons{flex-direction:column}}.schedule-plan-container{margin:0 auto;max-width:1400px;padding:20px}.schedule-plans-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.schedule-plan-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.schedule-plan-card:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.status-badge-draft{background-color:#bdc3c7;color:#2c3e50}.status-badge-finalized{background-color:#3498db;color:#fff}.status-badge-in-use{background-color:#f39c12;color:#fff}.status-badge-archived{background-color:#7f8c8d;color:#fff}.status-badge-planned{background-color:#3498db;color:#fff}.plan-detail{display:flex;justify-content:space-between;margin-bottom:12px}.plan-detail label{color:#7f8c8d;font-weight:600}.plan-detail span{color:#2c3e50;text-align:right}.schedule-lines-section{padding:0 20px 20px}.schedule-lines-section h4{color:#2c3e50;font-size:14px;margin:0 0 15px}.schedule-lines-table{border-collapse:collapse;font-size:12px;width:100%}.schedule-lines-table td,.schedule-lines-table th{border-bottom:1px solid #ecf0f1;padding:8px;text-align:left}.schedule-lines-table th{background-color:#f8f9fa;color:#7f8c8d;font-weight:600}.schedule-lines-table tr:hover{background-color:#f8f9fa}@media (max-width:768px){.schedule-plans-grid{grid-template-columns:1fr}.header{align-items:flex-start;flex-direction:column;gap:15px}.modal{padding:20px;width:95%}.schedule-lines-table{display:block;overflow-x:auto}}.skillgroup-page{background:#f9fafb;border-radius:10px;padding:20px}.skillgroup-header{display:flex;justify-content:space-between;margin-bottom:20px}.skillgroup-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.skillgroup-table td,.skillgroup-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.skillgroup-table th{background:#f3f4f6;color:#374151;font-weight:600}.modal-form input,.modal-form textarea{border:1px solid #d1d5db;border-radius:6px;padding:8px}.modal-form textarea{min-height:60px;resize:vertical}.staff-page{background:#f9fafb;border-radius:10px;padding:20px}.staff-header{display:flex;justify-content:space-between;margin-bottom:20px}.staff-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.staff-table td,.staff-table th{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left}.staff-table th{background:#f3f4f6;color:#374151;font-weight:600}.checkbox-group{gap:10px}.warehouse-page{background:#f9fafb;border-radius:10px;padding:20px}.warehouse-header{display:flex;justify-content:space-between;margin-bottom:20px}.warehouse-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.warehouse-table td,.warehouse-table th{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left}.warehouse-table th{background:#f3f4f6;color:#374151;font-weight:600}.modal-form .form-group{margin-bottom:12px}.modal-form label{margin-bottom:4px}.modal-form input,.modal-form select{margin-bottom:6px}.checkbox-group{align-items:center;display:flex;gap:15px}.modal-actions{margin-top:15px}.workcenter-page{background:#f9fafb;border-radius:10px;padding:20px}.workcenter-header{display:flex;justify-content:space-between;margin-bottom:20px}.add-btn,.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;padding:6px 12px;transition:.2s}.add-btn{background:#2563eb;color:#fff}.add-btn:hover{background:#1d4ed8}.edit-btn{background:#facc15;color:#333;margin-right:6px}.edit-btn:hover{background:#eab308}.delete-btn{background:#ef4444}.delete-btn:hover{background:#dc2626}.workcenter-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.workcenter-table td,.workcenter-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.workcenter-table th{background:#f3f4f6;color:#374151;font-weight:600}.modal-overlay{background:#00000080;height:100%;width:100%;z-index:2000}.modal-content{background:#fff;border-radius:8px;max-width:95%;padding:20px;width:500px}.modal-form .form-group{display:flex;flex-direction:column;margin-bottom:15px}.modal-form label{font-weight:500;margin-bottom:6px}.modal-form input,.modal-form select{border:1px solid #d1d5db;border-radius:6px;padding:8px}.save-btn{background:#2563eb;color:#fff}.cancel-btn,.save-btn{border:none;border-radius:6px;padding:8px 14px}.cancel-btn{background:#d1d5db}.customer-container{background:#fdfdfd;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:auto;max-width:1200px;padding:20px}.customer-container h2{color:#333;margin-bottom:20px;text-align:center}.customer-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.customer-form input,.customer-form select{border:1px solid #ccc;border-radius:6px;flex:1 1;padding:8px 10px}.checkbox-row{align-items:center;display:flex;gap:8px}.customer-form button{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:10px 16px;transition:background .3s}.customer-form button[type=submit]{background:#007bff;color:#fff}.customer-form .cancel-btn{background:#6c757d;color:#fff;margin-left:10px}.customer-form button:hover{opacity:.9}.customer-table{border-collapse:collapse;width:100%}.customer-table td,.customer-table th{border:1px solid #ddd;padding:8px;text-align:left}.customer-table th{background:#007bff;color:#fff}.customer-table tr:nth-child(2n){background:#f9f9f9}.customer-table tr:hover{background:#f1f1f1}.customer-table button{background:none;border:none;cursor:pointer;font-size:16px;margin:0 4px}.supplier-container{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;margin:auto;max-width:1000px;padding:20px}.supplier-container h2{margin-bottom:20px;text-align:center}.supplier-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.form-row{gap:10px}.supplier-form input{border:1px solid #ccc;border-radius:6px;flex:1 1;padding:8px}.supplier-form button{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px}.supplier-form button:hover{background:#218838}.supplier-table{border-collapse:collapse;width:100%}.supplier-table td,.supplier-table th{border:1px solid #ddd;padding:8px}.supplier-table th{background:#28a745;color:#fff}.supplier-table tr:nth-child(2n){background:#f9f9f9}.supplier-table tr:hover{background:#f1f1f1}.supplier-table button{background:none;border:none;cursor:pointer;font-size:16px;margin:0 4px}.production-log-container{margin:0 auto;max-width:1400px;padding:20px}.header{margin-bottom:30px}.btn-primary{padding:10px 20px}.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.btn-secondary{background-color:#95a5a6;color:#fff;margin-right:8px;padding:8px 16px}.btn-secondary:hover{background-color:#7f8c8d}.production-logs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.production-log-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.production-log-card:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.card-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:15px 20px}.card-header h3{color:#2c3e50;font-size:16px;margin:0}.status-badge{border-radius:12px;padding:4px 8px}.status-badge-started{background-color:#3498db;color:#fff}.status-badge-in-process{background-color:#f39c12;color:#fff}.status-badge-paused{background-color:#e74c3c;color:#fff}.status-badge-completed{background-color:#27ae60;color:#fff}.status-badge-rejected{background-color:#7f8c8d;color:#fff}.card-body{padding:20px}.log-detail{display:flex;justify-content:space-between;margin-bottom:12px}.log-detail label{color:#7f8c8d;font-weight:600}.log-detail span{color:#2c3e50;text-align:right}.card-footer{border-top:1px solid #ecf0f1;display:flex;justify-content:flex-start;padding:15px 20px}.error,.loading{font-size:18px;padding:40px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal h2{color:#2c3e50;margin-bottom:25px;margin-top:0}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #bdc3c7;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}@media (max-width:768px){.production-logs-grid{grid-template-columns:1fr}.header{align-items:flex-start;flex-direction:column;gap:15px}.modal{padding:20px;width:95%}}.non-conformance-container{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.header h1{color:#2c3e50;margin:0}.btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 15px;transition:background-color .2s}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-info{background-color:#17a2b8;color:#fff}.btn-sm{font-size:.875rem;padding:5px 10px}.form-container{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:5px;margin-bottom:20px;padding:20px}.form-container h2{color:#2c3e50;margin-top:0}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-group{display:flex;flex:1 1;flex-direction:column}.form-group label{font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:8px 12px}.form-group textarea{min-height:80px;resize:vertical}.filters{background-color:#f8f9fa;border-radius:5px;margin-bottom:20px;padding:15px}.filters h2{color:#2c3e50;margin-top:0}.filter-controls{display:flex;gap:15px}.filter-controls select{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 12px}.non-conformance-list{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;overflow:hidden}.non-conformance-list h2{background-color:#f8f9fa;border-bottom:1px solid #ddd;color:#2c3e50;margin:0;padding:15px 20px}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}th{font-weight:600}th,tr:hover{background-color:#f8f9fa}.badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.severity-minor{background-color:#f39c12;color:#fff}.severity-major{background-color:#e74c3c;color:#fff}.severity-critical{background-color:#c0392b;color:#fff}.status-open{background-color:#e74c3c;color:#fff}.status-investigating{background-color:#f39c12;color:#fff}.status-closed{background-color:#27ae60;color:#fff}.pagination{align-items:center;background-color:#f8f9fa;display:flex;gap:15px;justify-content:center;padding:15px}.pagination button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.pagination button:disabled{background-color:#bdc3c7;cursor:not-allowed}.error,.loading{font-size:1.2rem;padding:20px;text-align:center}.error{color:#e74c3c}@media (max-width:768px){.filter-controls,.form-row{flex-direction:column;gap:10px}.header{align-items:flex-start;flex-direction:column;gap:15px}table{display:block;overflow-x:auto}}.receipt-page{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.receipt-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.receipt-header h2{color:#2c3e50;margin:0}.header-controls{align-items:center;display:flex;gap:15px}.search-container{position:relative}.search-container i{color:#6c757d;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-container input{border:1px solid #ced4da;border-radius:20px;padding:8px 15px 8px 35px;width:300px}.status-filter{background-color:#fff;border:1px solid #ced4da;border-radius:6px;padding:8px 15px}.error-text,.loading{font-size:18px;padding:20px;text-align:center}.error-text{color:#e74c3c}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow-x:auto}.receipt-table{border-collapse:collapse;width:100%}.receipt-table td,.receipt-table th{border-bottom:1px solid #e0e0e0;padding:12px 15px;text-align:left}.receipt-table th{background-color:#f8f9fa;color:#2c3e50;font-weight:600;position:sticky;top:0}.receipt-table tr:hover{background-color:#3498db0d}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:5px 10px;text-transform:uppercase}.status-received{background-color:#d4edda;color:#155724}.status-inspected{background-color:#d1ecf1;color:#0c5460}.status-quarantine{background-color:#fff3cd;color:#856404}.status-approved{background-color:#cce5ff;color:#004085}.status-pending{background-color:#f8d7da;color:#721c24}.action-buttons{align-items:center;display:flex;gap:8px}.status-select{border:1px solid #ced4da;border-radius:4px;font-size:12px;padding:5px}.delete-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 8px}.delete-btn:hover{background-color:#c0392b}@media (max-width:1200px){.receipt-header{align-items:flex-start;flex-direction:column}.header-controls{justify-content:space-between;width:100%}.search-container input{width:250px}}@media (max-width:768px){.receipt-page{padding:10px}.header-controls{align-items:flex-start;flex-direction:column;gap:10px}.search-container input{width:100%}.receipt-table{font-size:14px}.receipt-table td,.receipt-table th{padding:8px 10px}.action-buttons{flex-direction:column;gap:5px}}
/*# sourceMappingURL=main.a75bf857.css.map*/