body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f0f1f);color:#e0e0e0;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}body:before{animation:gradientShift 20s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#ffd70014 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffa5000d 0,#0000 50%),radial-gradient(circle at 40% 20%,#ffd70008 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}@keyframes gradientShift{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.App{min-height:100vh;position:relative}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f7f7f9;border-bottom:1px solid #ffd70033;box-shadow:0 4px 20px #0003;position:sticky;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#14141efa;border-bottom-color:#ffd7004d;box-shadow:0 4px 25px #0000004d}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.logo,.nav-container{align-items:center;display:flex}.logo{cursor:pointer;font-size:1.5rem;font-weight:700;gap:.75rem;position:relative;transition:all .3s ease}.logo:hover{transform:translateY(-2px)}.logo-icon{animation:logoFloat 3s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(255,215,0,.3));font-size:2rem}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange,#ff8c00);-webkit-background-clip:text;background-clip:text;font-weight:800;letter-spacing:-.5px;position:relative}.logo-text:after{background:linear-gradient(90deg,gold,orange,#ff8c00);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.logo:hover .logo-text:after{width:100%}.nav-menu{display:flex;gap:1rem;list-style:none}.nav-menu li{border-radius:12px;color:#e0e0e0cc;cursor:pointer;font-weight:500;letter-spacing:.3px;padding:.6rem 1.2rem;position:relative;transition:all .3s}.nav-menu li:before{background:linear-gradient(90deg,gold,orange,#ff8c00);border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-menu li:hover:before{width:70%}.nav-menu li:hover{background:#ffd70014;color:gold;transform:translateY(-2px)}.nav-menu li.active{background:#ffd70026;border:1px solid #ffd7004d;box-shadow:0 2px 8px #ffd7001a;color:gold}.nav-menu li.active:before{width:70%}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#1e1e28cc;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,gold,orange,#ff8c00);border-radius:10px;-webkit-transition:all .3s;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,orange,#ff8c00,gold);transform:scale(1.1)}.loading{animation:pulse 1.5s ease-in-out infinite}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem;padding:1rem}.nav-menu{flex-wrap:wrap;gap:.5rem;justify-content:center}.nav-menu li{font-size:.9rem;padding:.5rem 1rem}.logo{font-size:1.2rem}.logo-icon{font-size:1.5rem}}@media (max-width:480px){.nav-container{padding:.8rem}.nav-menu li{font-size:.8rem;padding:.4rem .8rem}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}*{transition:all .3s cubic-bezier(.4,0,.2,1)}a:focus,button:focus,input:focus,textarea:focus{border-color:gold;box-shadow:0 0 0 3px #ffd70066;outline:none}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;filter:grayscale(.2);opacity:.5;transform:none!important}@media print{.navbar{display:none}.contact-section,.features-section,.results-section,.upload-section{break-inside:avoid;page-break-inside:avoid}body{background:#fff;color:#000}}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffd70033;border-radius:24px;box-shadow:0 4px 15px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#ffffff14;border-color:#ffd70066;box-shadow:0 20px 35px -10px #0000004d;transform:translateY(-8px)}.btn-modern{background:linear-gradient(135deg,gold,orange,#ff8c00);border:none;border-radius:50px;box-shadow:0 4px 15px #ffd7004d;color:#1a202c;cursor:pointer;font-weight:700;overflow:hidden;padding:12px 32px;position:relative;transition:all .3s}.btn-modern:before{background:#fff6;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-modern:hover:before{height:300px;width:300px}.btn-modern:hover{background:linear-gradient(135deg,#ffe55c,#ffb347,#ff9f2e);box-shadow:0 8px 25px #ffd70066;transform:translateY(-3px)}.input-modern{background:#ffffff14;border:1px solid #ffd70033;border-radius:14px;color:#e0e0e0;font-size:1rem;padding:12px 16px;transition:all .3s}.input-modern:focus{background:#ffffff1f;border-color:gold;box-shadow:0 0 0 3px #ffd70033}.input-modern::placeholder{color:#e0e0e080}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in{animation:fadeIn .5s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.scale-in{animation:scaleIn .5s ease-out}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffd7001a 25%,#ffd70033 50%,#ffd7001a 75%);background-size:200% 100%;border-radius:12px}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]:before{background:linear-gradient(135deg,#1a202c,#0f1419);border:1px solid #ffd7004d;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0003;color:gold;content:attr(data-tooltip);font-size:12px;font-weight:500;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s;white-space:nowrap;z-index:1000}[data-tooltip]:hover:before{opacity:1;transform:translateX(-50%) translateY(-8px)}.badge{background:linear-gradient(135deg,gold,orange);border-radius:20px;box-shadow:0 2px 8px #ffd70033;color:#1a202c;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.progress-bar-custom{background:#ffffff1a;border-radius:10px;box-shadow:inset 0 1px 3px #0003;height:8px;overflow:hidden;width:100%}.progress-fill-custom{background:linear-gradient(90deg,gold,orange,#ff8c00);border-radius:10px;box-shadow:0 0 8px #ffd70080;height:100%;overflow:hidden;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-fill-custom:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.status-indicator{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:4px 12px}.status-success{background:#4caf5026;border:1px solid #4caf504d;color:#4caf50}.status-warning{background:#ff980026;border:1px solid #ff98004d;color:#ff9800}.status-error{background:#f4433626;border:1px solid #f443364d;color:#f44336}.hover-lift{transition:all .4s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 20px 35px -10px #0000004d;transform:translateY(-8px)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange,#ff8c00);-webkit-background-clip:text;background-clip:text;font-weight:800}.divider{background:linear-gradient(90deg,#0000,#ffd7004d,#0000);height:1px;margin:2rem 0}.float-animation{animation:float 3s ease-in-out infinite}.ripple{overflow:hidden;position:relative}.ripple:after{background-image:radial-gradient(circle,gold 10%,#0000 10.01%);background-position:50%;background-repeat:no-repeat;content:"";display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(10);transition:transform .5s,opacity 1s;width:100%}.ripple:active:after{opacity:.3;transform:scale(0);transition:0s}.container{padding:0 2rem}@media (max-width:768px){.container{padding:0 1rem}}.section-padding{padding:5rem 0}@media (max-width:768px){.section-padding{padding:3rem 0}}.glow-text{text-shadow:0 0 20px #ffd70080}.glow-border{box-shadow:0 0 15px #ffd7004d}.hover-glow:hover{box-shadow:0 0 25px #ffd70066}.glass-light{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08}.glass-medium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.glass-heavy{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14}.homepage{overflow-x:hidden}.home-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;box-shadow:0 1px 3px #0000000d;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.home-navbar.scrolled{background:#fffffffa;box-shadow:0 4px 20px #0000001a}.home-nav-container{justify-content:space-between;margin:0 auto;max-width:1280px;padding:1rem 2rem}.home-logo,.home-nav-container{align-items:center;display:flex}.home-logo{cursor:pointer;gap:.75rem}.logo-icon-wrapper{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:12px;display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.home-logo-icon,.home-logo-text{font-size:1.5rem}.home-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-weight:700}.home-nav-menu{display:flex;gap:2rem;list-style:none}.home-nav-menu li{color:#4a5568;cursor:pointer;font-weight:500;padding:.5rem 0;position:relative;transition:all .3s}.home-nav-menu li:after{background:linear-gradient(135deg,gold,orange);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.home-nav-menu li.home-active:after,.home-nav-menu li:hover:after{width:100%}.home-nav-menu li.home-active,.home-nav-menu li:hover{color:gold}.nav-dashboard-btn{align-items:center;background:linear-gradient(135deg,gold,orange);border:none;border-radius:50px;color:#1a202c;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.6rem 1.5rem;transition:all .3s}.nav-dashboard-btn:hover{box-shadow:0 5px 20px #ffd7004d;transform:translateY(-2px)}.btn-arrow{transition:transform .3s}.nav-dashboard-btn:hover .btn-arrow{transform:translateX(5px)}.home-menu-icon{color:gold;cursor:pointer;display:none;font-size:1.5rem}.hero-section{background:linear-gradient(135deg,#0a0a2a,#1a1a3a);min-height:100vh;overflow:hidden;padding-top:80px;position:relative}.hero-overlay{background:radial-gradient(circle at 20% 50%,#ffd7001a,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1280px;padding:4rem 2rem;position:relative;z-index:1}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffd7001a;border-radius:50px;display:inline-flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.hero-badge span:last-child{color:gold;font-size:.875rem;font-weight:500}.hero-title{color:#fff;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;display:block}.hero-description{color:#fffc;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.btn-primary{align-items:center;background:linear-gradient(135deg,gold,orange);border:none;border-radius:50px;color:#1a202c;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s}.btn-primary:hover{box-shadow:0 10px 25px #ffd7004d;transform:translateY(-2px)}.btn-outline{align-items:center;background:#0000;border:2px solid gold;border-radius:50px;color:gold;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s}.btn-outline:hover{background:#ffd7001a;transform:translateY(-2px)}.btn-icon{transition:transform .3s}.btn-primary:hover .btn-icon{transform:translateX(5px)}.hero-stats{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:2rem;padding-top:2rem}.stat-item{text-align:center}.stat-number{color:gold;font-size:1.5rem;font-weight:700}.stat-label{color:#fff9;margin-top:.25rem}.stat-divider{background:#fff3;height:30px;width:1px}.hero-image-wrapper{position:relative}.hero-image-container{border-radius:20px;overflow:hidden;position:relative}.hero-img{border-radius:20px;height:auto;transition:transform .5s;width:100%}.hero-image-container:hover .hero-img{transform:scale(1.05)}.image-overlay{background:linear-gradient(135deg,#ffd7001a,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.floating-card{align-items:center;animation:float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;gap:.75rem;padding:.75rem 1rem;position:absolute}.card-1{left:-20px;top:20%}.card-2{animation-delay:1.5s;bottom:20%;right:-20px}.card-icon{font-size:1.5rem}.card-title{color:#666;font-size:.75rem}.card-value{color:gold;font-size:.875rem;font-weight:600}.features-section{background:#f8f9fa;padding:6rem 2rem}.container{margin:0 auto;max-width:1280px}.section-header{margin-bottom:4rem;text-align:center}.section-badge{background:#ffd7001a;border-radius:50px;color:gold;display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}.section-title{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:#718096;font-size:1.125rem;margin:0 auto;max-width:600px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;transition:all .3s}.feature-card:hover{border-color:gold;box-shadow:0 20px 30px -10px #0000001a;transform:translateY(-5px)}.feature-icon-wrapper{height:60px;margin-bottom:1.5rem;position:relative;width:60px}.feature-icon-bg{background:linear-gradient(135deg,gold,orange);border-radius:15px;height:100%;opacity:.1;position:absolute;width:100%}.feature-icon{align-items:center;display:flex;font-size:2rem;height:100%;justify-content:center;position:relative}.feature-card h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:#718096;line-height:1.6;margin-bottom:1rem}.feature-link{color:gold;cursor:pointer;font-weight:600;transition:all .3s}.feature-link:hover{display:inline-block;transform:translateX(5px)}.about-section{background:linear-gradient(135deg,#fff,#fef9e6);padding:6rem 2rem}.about-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.about-content .section-badge{margin-bottom:1rem}.about-content .section-title{font-size:2.25rem;margin-bottom:1.5rem}.about-content p{color:#4a5568;line-height:1.6;margin-bottom:2rem}.about-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.about-feature{align-items:center;display:flex;gap:.75rem}.about-check{color:gold;font-size:1.25rem;font-weight:700}.btn-secondary-about{background:#0000;border:2px solid gold;border-radius:50px;color:gold;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s}.btn-secondary-about:hover{background:gold;color:#1a202c;transform:translateY(-2px)}.about-image-wrapper{position:relative}.about-image-container{border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.about-image-container img{display:block;height:auto;width:100%}.contact-section{background:#1a202c;padding:6rem 2rem}.contact-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.contact-info .section-badge{background:#ffd70026}.contact-info .section-title{color:#fff}.contact-info p{color:#a0aec0;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-detail{align-items:center;display:flex;gap:1rem}.contact-detail-icon{align-items:center;background:#ffd7001a;border-radius:12px;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.contact-detail h4{color:#fff;margin-bottom:.25rem}.contact-detail p{color:#a0aec0;margin:0}.contact-form-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:20px;padding:2rem}.form-group{margin-bottom:1rem}.form-input,.form-textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;padding:.875rem;transition:all .3s;width:100%}.form-input:focus,.form-textarea:focus{border-color:gold;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#a0aec0}.form-submit{background:linear-gradient(135deg,gold,orange);border:none;border-radius:10px;color:#1a202c;cursor:pointer;font-weight:600;padding:.875rem;transition:all .3s;width:100%}.form-submit:hover{box-shadow:0 5px 15px #ffd7004d;transform:translateY(-2px)}.footer{background:#0f1419;color:#fff;padding:4rem 2rem 2rem}.footer-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 2fr;margin-bottom:3rem}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-brand p{color:#a0aec0;line-height:1.6}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.footer-column h4{color:#fff;margin-bottom:1rem}.footer-column ul{list-style:none;padding:0}.footer-column ul li{color:#a0aec0;cursor:pointer;margin-bottom:.5rem;transition:color .3s}.footer-column ul li:hover{color:gold}.footer-bottom{border-top:1px solid #ffffff1a;color:#a0aec0;padding-top:2rem;text-align:center}.modal{align-items:center;animation:fadeIn .3s;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:slideUp .3s;background:#fff;border-radius:20px;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#1a202c}.close-btn{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:1.5rem;transition:color .3s}.close-btn:hover{color:gold}.modal-body{max-height:60vh;overflow-y:auto;padding:1.5rem}.importance-points{grid-gap:1rem;display:grid;gap:1rem}.point{background:#f7fafc;border-left:3px solid gold;border-radius:12px;padding:1rem}.point h3{color:#1a202c;margin-bottom:.5rem}.point p{color:#718096}.modal-footer{border-top:1px solid #e2e8f0;padding:1.5rem}.modal-btn{background:linear-gradient(135deg,gold,orange);border:none;border-radius:10px;color:#1a202c;cursor:pointer;font-weight:600;padding:.875rem;transition:all .3s;width:100%}.modal-btn:hover{box-shadow:0 5px 15px #ffd7004d;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:968px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-buttons,.hero-stats{justify-content:center}.about-grid,.contact-grid,.features-grid,.footer-content{grid-template-columns:1fr}.home-nav-menu{display:none}.home-nav-menu.home-active-menu{background:#fff;box-shadow:0 10px 20px #0000001a;display:flex;flex-direction:column;gap:.5rem;left:0;padding:1rem;position:absolute;right:0;top:70px}.home-menu-icon{display:block}.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.floating-card{display:none}}@media (max-width:640px){.hero-stats{flex-direction:column;gap:1rem}.stat-divider{display:none}.hero-buttons{flex-direction:column}.footer-links{grid-template-columns:1fr}}.safety-dashboard{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.dashboard-header{margin-bottom:4rem;padding:2rem 0;position:relative;text-align:center}.header-badge{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffd70026,#ffa5001a);border:1px solid #ffd7004d;border-radius:50px;box-shadow:0 2px 10px #0000001a;display:inline-flex;gap:.5rem;margin-bottom:1.5rem;padding:.6rem 1.2rem}.badge-icon{animation:pulse 2s infinite;font-size:1rem}.header-badge span:last-child{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:.875rem;font-weight:600}.dashboard-header h1{-webkit-text-fill-color:#0000;animation:fadeInUp .6s ease-out;background:linear-gradient(135deg,gold,orange,#ff8c00);-webkit-background-clip:text;background-clip:text;font-size:3.2rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 10px #0000001a}.dashboard-header p{color:#fffc;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.upload-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:3rem}.upload-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e28f2,#14141efa);border:1px solid #ffd70033;border-radius:24px;box-shadow:0 4px 15px #0003;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.upload-card:before{background:linear-gradient(90deg,#0000,#ffd7001a,#ffa5000d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.upload-card:hover:before{left:100%}.upload-card:hover{border-color:#ffd70080;box-shadow:0 15px 35px #0000004d,0 0 20px #ffd7001a;transform:translateY(-8px)}.upload-card.dragging{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border-color:gold;box-shadow:0 0 30px #ffd7004d;transform:scale(1.02)}.upload-card-header{align-items:center;display:flex;gap:1.2rem;margin-bottom:1.8rem}.upload-icon-wrapper{position:relative}.upload-icon{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border-radius:20px;box-shadow:0 2px 8px #0003;font-size:2.8rem;padding:1rem;transition:all .3s}.upload-card:hover .upload-icon{background:linear-gradient(135deg,#ffd70040,#ffa50033);box-shadow:0 4px 15px #ffd70033;transform:scale(1.1) rotate(5deg)}.upload-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;margin:0 0 .3rem}.upload-info p{color:#e0e0e0b3;font-size:.9rem;margin:0}.upload-area{margin-top:1rem;text-align:center}input[type=file]{display:none}.upload-label{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:50px;box-shadow:0 4px 15px #ffd7004d;color:#1a202c;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.8rem;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s}.upload-label:before{background:#fff6;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.upload-label:hover:before{height:300px;width:300px}.upload-label:hover{background:linear-gradient(135deg,#ffe55c,#ffb347);box-shadow:0 8px 25px #ffd70066;transform:translateY(-3px)}.upload-icon-small{font-size:1.2rem}.upload-hint{color:#e0e0e080;font-size:.75rem;margin-top:.8rem}.progress-container{margin-top:1.5rem}.progress-bar{background:#ffffff1a;box-shadow:inset 0 1px 3px #0003;height:10px;width:100%}.progress-bar,.progress-fill{border-radius:10px;overflow:hidden}.progress-fill{align-items:center;background:linear-gradient(90deg,gold,orange,#ff8c00);box-shadow:0 0 10px #ffd70080;display:flex;height:100%;justify-content:flex-end;padding-right:8px;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-text{color:#1a202c;font-size:.7rem;font-weight:700;text-shadow:0 1px 0 #ffffff4d}.progress-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-message{color:#e0e0e0b3;font-size:.875rem;font-weight:500;margin-top:.6rem}.status-message{align-items:center;animation:slideDown .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;gap:.8rem;margin-bottom:2rem;padding:1rem 1.5rem}.status-message.success{background:linear-gradient(135deg,#4caf5026,#4caf500d);border:1px solid #4caf5066;color:#4caf50}.status-message.error{background:linear-gradient(135deg,#f4433626,#f443360d);border:1px solid #f4433666;color:#f44336}.status-message.info{background:linear-gradient(135deg,#2196f326,#2196f30d);border:1px solid #2196f366;color:#2196f3}.status-icon{animation:pulse 1.5s infinite;font-size:1.2rem}.results-section{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e28f2,#14141efa);border:1px solid #ffd70033;border-radius:24px;box-shadow:0 8px 25px #0003;margin-bottom:2rem;overflow:hidden}.results-tabs{background:#0000004d;border-bottom:1px solid #ffd70033;display:flex;gap:.5rem;padding:0 1.5rem}.tab,.tab-active{align-items:center;background:none;border:none;border-radius:12px 12px 0 0;color:#e0e0e0b3;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.6rem;justify-content:center;padding:1rem 1.5rem;position:relative;transition:all .3s}.tab-icon{font-size:1.1rem;transition:transform .3s}.tab:hover .tab-icon{transform:scale(1.1)}.tab-badge{background:linear-gradient(135deg,#ffd70033,#ffa5001a);border-radius:20px;color:gold;font-size:.7rem;font-weight:700;margin-left:.5rem;padding:2px 8px}.tab:hover:not(:disabled){background:#ffd7000d;color:gold;transform:translateY(-2px)}.tab-active{background:#ffd70014;color:gold}.tab-active:after{animation:slideIn .3s ease-out;background:linear-gradient(90deg,gold,orange,#ff8c00);border-radius:3px 3px 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.tab:disabled{cursor:not-allowed;opacity:.3}.rules-section{padding:2rem}.company-info{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffd7001a,#ffa5000d);border:1px solid #ffd70033;border-radius:20px;display:flex;gap:1.2rem;margin-bottom:2rem;padding:1.5rem;transition:all .3s}.company-info:hover{border-color:#ffd70066;transform:translateY(-2px)}.company-avatar{align-items:center;background:linear-gradient(135deg,#ffd70033,#ffa5001a);border-radius:20px;display:flex;font-size:2.2rem;height:70px;justify-content:center;transition:all .3s;width:70px}.company-info:hover .company-avatar{background:linear-gradient(135deg,#ffd7004d,#ffa50033);transform:scale(1.05)}.company-details h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700;margin-bottom:.3rem}.company-details p{color:#e0e0e0b3;font-size:.875rem}.backend-badge{background:linear-gradient(135deg,#4caf5033,#4caf501a);border-radius:20px;color:#4caf50;display:inline-block;font-size:.7rem;font-weight:600;margin-top:.5rem;padding:2px 10px}.stats-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#282832cc,#1e1e28e6);border:1px solid #ffd7001a;border-radius:20px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,gold,orange,#ff8c00);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{border-color:#ffd7004d;box-shadow:0 10px 25px #0000004d;transform:translateY(-8px)}.stat-icon{animation:float 3s ease-in-out infinite;font-size:2.2rem;margin-bottom:.8rem}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.3rem}.stat-label{color:#e0e0e0b3;font-size:.875rem;font-weight:500}.categories-section{margin-bottom:2rem}.categories-section h3{align-items:center;color:#e0e0e0;display:flex;font-size:1.3rem;font-weight:700;gap:.6rem;margin-bottom:1.2rem}.section-icon{font-size:1.3rem}.categories-list{display:flex;flex-direction:column;gap:1rem}.category-item{align-items:center;display:flex;gap:1rem;padding:.5rem;transition:all .3s}.category-item:hover{transform:translateX(5px)}.category-name{color:#e0e0e0e6;font-size:.9rem;font-weight:600;width:180px}.category-bar{background:#ffffff1a;box-shadow:inset 0 1px 3px #0003;flex:1 1;height:10px;overflow:hidden}.category-bar,.category-fill{border-radius:10px;position:relative}.category-fill{align-items:center;background:linear-gradient(90deg,gold,orange,#ff8c00);box-shadow:0 0 8px #ffd70080;display:flex;height:100%;justify-content:flex-end;padding-right:8px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.percentage-text{color:#1a202c;font-size:.7rem;font-weight:700;line-height:10px}.category-count{color:#e0e0e0b3;font-size:.875rem;font-weight:500;text-align:right;width:80px}.rules-list{max-height:500px;overflow-y:auto;padding-right:.5rem}.rules-list h3{align-items:center;color:#e0e0e0;display:flex;font-size:1.3rem;font-weight:700;gap:.6rem;margin-bottom:1.2rem}.rule-item{background:linear-gradient(135deg,#28283299,#1e1e28cc);border-left:4px solid gold;border-radius:16px;cursor:pointer;display:flex;margin:.6rem 0;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.rule-item:hover{background:linear-gradient(135deg,#32323ccc,#282832e6);border-left-width:6px;box-shadow:0 4px 12px #0003;transform:translateX(8px)}.rule-number{color:gold;font-size:.9rem;font-weight:700;margin-right:1rem;min-width:45px}.rule-content{flex:1 1}.rule-text{color:#e0e0e0e6;font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.rule-meta{display:flex;flex-wrap:wrap;font-size:.8rem;gap:1rem}.rule-category{align-items:center;background:#ffd7001a;border-radius:12px;color:gold;display:flex;font-weight:600;gap:.25rem;padding:2px 8px}.meta-icon,.rule-priority{font-size:.7rem}.rule-priority{align-items:center;border-radius:12px;display:flex;font-weight:600;gap:.25rem;padding:2px 8px}.priority-high{background:linear-gradient(135deg,#dc262633,#dc26261a);border:1px solid #dc26264d;color:#f87171}.priority-medium{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border:1px solid #f59e0b4d;color:#fbbf24}.priority-low{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid #22c55e4d;color:#4ade80}.priority-icon{font-size:.7rem}.video-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));padding:2rem}.video-card{background:linear-gradient(135deg,#282832cc,#1e1e28e6);border:1px solid #ffd70033;border-radius:24px;overflow:hidden;padding:1.5rem;transition:all .4s}.video-card:hover{border-color:#ffd70066;box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}.video-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.2rem}.video-icon{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border-radius:18px;font-size:2.2rem;padding:.8rem;transition:all .3s}.video-card:hover .video-icon{transform:scale(1.05) rotate(5deg)}.video-card-header h3{color:#e0e0e0;font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.video-card-header p{color:#e0e0e099;font-size:.8rem}.video-container{background:#000;border-radius:16px;box-shadow:0 4px 15px #0000004d;margin:1rem 0;overflow:hidden;position:relative}.safety-video{display:block;transition:transform .3s;width:100%}.video-container:hover .safety-video{transform:scale(1.02)}.video-actions{margin-top:1.2rem;text-align:center}.download-video-btn{align-items:center;background:linear-gradient(135deg,gold,orange);border:none;border-radius:50px;box-shadow:0 2px 8px #0003;color:#1a202c;cursor:pointer;display:inline-flex;font-weight:700;gap:.6rem;padding:10px 28px;transition:all .3s}.download-video-btn:hover{background:linear-gradient(135deg,#ffe55c,#ffb347);box-shadow:0 8px 20px #ffd70066;transform:translateY(-3px)}.reports-section{padding:2rem}.reports-header{margin-bottom:2rem;text-align:center}.reports-header h3{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;color:#e0e0e0;display:inline-flex;font-size:1.6rem;font-weight:700;gap:.6rem;margin-bottom:.5rem}.reports-header p{color:#e0e0e0b3}.reports-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.report-card{background:linear-gradient(135deg,#282832cc,#1e1e28e6);border:1px solid #ffd70033;border-radius:24px;padding:2rem;text-align:center;transition:all .4s}.report-card:hover{border-color:#ffd70066;box-shadow:0 15px 30px #0000004d;transform:translateY(-8px)}.report-icon{animation:float 3s ease-in-out infinite;font-size:3.5rem;margin-bottom:1rem}.report-card h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.report-card p{color:#e0e0e0b3;line-height:1.5;margin-bottom:1rem}.report-features{list-style:none;margin:1rem 0;padding:0;text-align:left}.report-features li{align-items:center;color:#e0e0e0cc;display:flex;font-size:.9rem;gap:.5rem;padding:.4rem 0;transition:all .3s}.report-features li:hover{color:gold;transform:translateX(5px)}.report-btn{border:none;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:12px;transition:all .3s;width:100%}.report-btn:disabled{cursor:not-allowed;opacity:.5}.pdf-btn{background:linear-gradient(135deg,gold,orange);box-shadow:0 2px 8px #0003;color:#1a202c}.csv-btn{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#1a202c}.report-btn:hover:not(:disabled){box-shadow:0 8px 20px #ffd7004d;transform:translateY(-3px)}.report-summary{background:linear-gradient(135deg,#28283299,#1e1e28cc);border:1px solid #ffd70033;border-radius:20px;margin-top:2rem;padding:1.5rem}.report-summary h4{align-items:center;color:#e0e0e0;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.summary-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:#0003;border-radius:12px;color:#e0e0e0e6;display:flex;justify-content:space-between;padding:.8rem;transition:all .3s}.summary-item:hover{background:#ffd7001a;transform:translateX(5px)}.summary-item strong{color:#e0e0e0;font-weight:600}.summary-item .critical{color:#f87171;font-weight:600}.success-text{color:#4ade80;font-weight:600}.warning-text{color:#fbbf24;font-weight:600}.reset-container{margin-top:2rem;text-align:center}.reset-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000;border:2px solid gold;border-radius:50px;color:gold;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.8rem;padding:12px 36px;transition:all .3s}.reset-btn:hover{background:linear-gradient(135deg,gold,orange);border-color:#0000;box-shadow:0 8px 20px #ffd7004d;color:#1a202c;transform:translateY(-3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;width:0}to{opacity:1;width:100%}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.modal-body::-webkit-scrollbar,.rules-list::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track,.rules-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.modal-body::-webkit-scrollbar-thumb,.rules-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,gold,orange);border-radius:10px;-webkit-transition:all .3s;transition:all .3s}.modal-body::-webkit-scrollbar-thumb:hover,.rules-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:scale(1.1)}@media (max-width:968px){.safety-dashboard{padding:1.5rem}.dashboard-header h1{font-size:2.5rem}.upload-sections,.video-section{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.category-name{width:140px}}@media (max-width:640px){.safety-dashboard{padding:1rem}.dashboard-header h1{font-size:2rem}.reports-grid,.stats-grid{grid-template-columns:1fr}.category-item{align-items:flex-start;flex-direction:column;gap:.5rem}.category-name{width:auto}.category-bar{width:100%}.results-tabs{flex-direction:column;gap:0;padding:0}.tab,.tab-active{border-radius:0;justify-content:center;padding:.8rem}.company-info{flex-direction:column;text-align:center}.summary-details{grid-template-columns:1fr}.upload-card-header{flex-direction:column;text-align:center}.rule-meta{flex-direction:column;gap:.5rem}}
/*# sourceMappingURL=main.4bc505a1.css.map*/