.navbar{background:linear-gradient(135deg,#000,#333);box-shadow:0 2px 10px #0000004d;padding:1rem 0;position:sticky;top:0;z-index:1000}.navbar .container{justify-content:space-between}.nav-brand,.navbar .container{align-items:center;display:flex}.nav-brand{gap:1rem}.logo{align-items:center;cursor:pointer;display:flex;gap:.5rem;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-circle{align-items:center;background-color:orange;border-radius:50%;color:#000;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.logo-text{color:orange;font-size:1.3rem;font-weight:700;letter-spacing:1px}.tagline{color:#fff;font-size:.8rem;font-weight:300;margin:0}.nav-menu{align-items:center;display:flex;gap:2rem;list-style:none}.nav-link{border-radius:4px;color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background-color:#ffa50033;color:orange}.nav-user{border-left:2px solid orange;gap:1rem;padding-left:2rem}.nav-user,.user-info{align-items:center;display:flex}.user-info{color:#fff;flex-direction:column;font-weight:500;gap:.5rem}.role-badge{background-color:orange;border-radius:12px;color:#000;display:block;font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px}.menu-toggle span{background-color:orange;border-radius:2px;height:3px;transition:all .3s ease;width:25px}@media (max-width:768px){.nav-menu{background-color:#1a1a1a;flex-direction:column;gap:0;left:0;max-height:0;overflow:hidden;position:absolute;right:0;top:70px;transition:max-height .3s ease}.nav-menu.active{max-height:400px;padding:1rem 0}.nav-menu li{border-bottom:1px solid #333;text-align:center;width:100%}.nav-menu li:last-child{border-bottom:none}.nav-link{display:block;padding:1rem}.nav-user{border-left:none;border-top:2px solid orange;flex-direction:column;gap:.5rem;padding-left:0;padding-top:1rem}.menu-toggle{display:flex}.navbar .container{flex-wrap:wrap}}.footer{background:linear-gradient(135deg,#000,#333);border-top:3px solid orange;color:#fff;margin-top:4rem;padding:3rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h4{color:orange;font-size:1.2rem;margin-bottom:1rem}.footer-section p{color:#e0e0e0;font-size:.95rem;line-height:1.8;margin-bottom:.5rem}.footer-section .tagline{color:#b0b0b0;font-size:.9rem;font-style:italic}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:orange;font-weight:500;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#ffb84d;text-decoration:underline}.footer-bottom{border-top:1px solid #555;padding-top:1.5rem;text-align:center}.footer-bottom p{color:#b0b0b0;font-size:.9rem;margin-bottom:.5rem}.footer-tagline{color:orange;font-weight:600;letter-spacing:.5px}.footer-tagline strong{color:gold}@media (max-width:768px){.footer-content{gap:1.5rem;grid-template-columns:1fr 1fr}.footer-section h4{font-size:1rem}.footer{padding:2rem 0 1rem}.footer-bottom p{font-size:.85rem}}@media (max-width:480px){.footer-content{grid-template-columns:1fr}.footer-section{text-align:center}.footer-section ul{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}}.home-page{overflow-x:hidden}.hero{align-items:center;background:linear-gradient(135deg,#000,#333);color:#fff;display:flex;min-height:500px;padding:4rem 0}.hero .container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.hero-text h1{color:#fff;font-size:3rem;line-height:1.2;margin-bottom:1rem}.hero-tagline{color:orange;font-size:1.3rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem}.hero-tagline strong{color:gold}.hero-description{color:#e0e0e0;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-buttons .btn{padding:15px 30px}.hero-visual{align-items:center;display:flex;justify-content:center}.logo-large{text-align:center}.logo-circle-large{align-items:center;background-color:orange;border-radius:50%;box-shadow:0 10px 30px #ffa5004d;color:#000;display:flex;font-size:2.5rem;font-weight:700;height:150px;justify-content:center;margin:0 auto 1rem;width:150px}.logo-large h2{color:orange;font-size:2rem;letter-spacing:3px;margin:0}.company-info{background:#fff;padding:4rem 0}.company-info h2{border-bottom:3px solid orange;color:#000;font-size:2.2rem;margin-bottom:3rem;padding-bottom:1rem;text-align:center}.company-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.company-text p{color:#333;font-size:1rem;line-height:1.8;margin-bottom:1.5rem}.company-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}.stat{background:#f5f5f5;border-radius:8px;border-top:3px solid orange;padding:1.5rem;text-align:center}.stat p{color:#666}.company-info-card{background:linear-gradient(135deg,#fff8f0,#ffe8cc);border-left:4px solid orange;border-radius:8px;padding:2rem}.company-info-card h3{color:#000;margin-bottom:1rem}.company-info-card ul{list-style:none;padding:0}.company-info-card li{border-bottom:1px solid #ffa50033;color:#333;padding:.7rem 0}.company-info-card li:last-child{border-bottom:none}.features{background:linear-gradient(135deg,#f5f5f5,#efefef);padding:4rem 0}.features h2{border-bottom:3px solid orange;color:#000;font-size:2.2rem;margin-bottom:3rem;padding-bottom:1rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#fff;border-radius:10px;border-top:4px solid orange;box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 10px 25px #ffa50033;transform:translateY(-10px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#000;margin-bottom:.5rem}.feature-card p{color:#666;font-size:.95rem;line-height:1.6}.agents{background:#fff;padding:4rem 0}.agents h2{color:#000;font-size:2.2rem;margin-bottom:.5rem;text-align:center}.section-subtitle{color:#666;font-size:1.1rem;margin-bottom:3rem;text-align:center}.agents-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:4rem}.agent-card{background:linear-gradient(135deg,#fff8f0,#ffe8cc);border:2px solid orange;border-radius:10px;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.agent-card:hover{box-shadow:0 10px 30px #ffa5004d;transform:translateY(-10px)}.agent-number{align-items:center;background:orange;border-radius:50%;color:#000;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:40px}.agent-icon{font-size:2.5rem;margin-bottom:1rem;margin-top:1rem}.agent-card h3{color:#000;margin-bottom:.5rem}.agent-card p{color:#333;font-size:.9rem;line-height:1.6}.workflow-diagram{background:#f5f5f5;border-radius:10px;margin-top:3rem;padding:2rem}.workflow-diagram h3{color:#000;font-size:1.3rem;margin-bottom:2rem;text-align:center}.workflow-steps{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.step{background:#fff;border:2px solid orange;border-radius:8px;flex:0 1 120px;padding:1.5rem;text-align:center}.step-number{align-items:center;background:orange;border-radius:50%;color:#000;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;margin:0 auto .5rem;width:40px}.step p{color:#333;font-size:.9rem;font-weight:500;margin:0}.arrow{color:orange;font-size:2rem;font-weight:700}.timeline{background:linear-gradient(135deg,#f5f5f5,#efefef);padding:4rem 0}.timeline h2{color:#000;font-size:2.2rem;margin-bottom:3rem;text-align:center}.timeline-items{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto;max-width:1000px}.timeline-item{background:#fff;border-radius:8px;border-top:4px solid orange;box-shadow:0 2px 10px #0000001a;flex:1 1;min-width:150px;padding:1.5rem;text-align:center}.timeline-time{color:orange;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.timeline-item p{color:#333;font-size:.95rem;margin:0}.users{background:#fff;padding:4rem 0}.users h2{border-bottom:3px solid orange;color:#000;font-size:2.2rem;margin-bottom:3rem;padding-bottom:1rem;text-align:center}.users-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.user-type{background:linear-gradient(135deg,#fff8f0,#ffe8cc);border:2px solid orange;border-radius:10px;padding:2rem;text-align:center;transition:all .3s ease}.user-type:hover{box-shadow:0 10px 25px #ffa50033;transform:translateY(-10px)}.user-icon{font-size:4rem;margin-bottom:1rem}.user-type h3{color:#000;margin-bottom:.5rem}.user-role{background:orange;border-radius:20px;color:#000;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:1rem;padding:.4rem .8rem}.user-type p{color:#333;line-height:1.6}.cta{background:linear-gradient(135deg,#000,#333);color:#fff;padding:4rem 0;text-align:center}.cta h2{color:#fff;font-size:2.5rem;margin-bottom:1rem}.cta p{color:#e0e0e0;font-size:1.2rem;margin-bottom:2rem}.cta .btn{padding:15px 40px}@media (max-width:1024px){.company-content,.hero .container{grid-template-columns:1fr}.company-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-text h1{font-size:2rem}.hero-tagline{font-size:1.1rem}.logo-circle-large{font-size:2rem;height:100px;width:100px}.logo-large h2{font-size:1.5rem}.hero-buttons{flex-direction:column}.agents h2,.cta h2,.features h2,.timeline h2,.users h2{font-size:1.8rem}.company-stats{grid-template-columns:repeat(2,1fr)}.workflow-steps{gap:.5rem}.arrow{display:none}.timeline-items{flex-direction:column}.timeline-item{width:100%}}@media (max-width:480px){.hero{padding:2rem 0}.hero-text h1{font-size:1.5rem}.company-stats{grid-template-columns:1fr}.stat{padding:1rem}.stat h3{font-size:1.5rem}.agents-grid,.features-grid,.users-grid{grid-template-columns:1fr}.workflow-steps{flex-direction:column}.step{width:100%}.cta h2{font-size:1.5rem}.cta p{font-size:1rem}}.login-page{align-items:center;background:linear-gradient(135deg,#f5f5f5,#efefef);display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:20px}.login-container{grid-gap:0;background:#fff;border-radius:10px;box-shadow:0 10px 40px #0003;display:grid;gap:0;grid-template-columns:1fr 1fr;max-width:1000px;overflow:hidden;width:100%}.login-box{display:flex;flex-direction:column;padding:2rem 2.5rem}.login-header{margin-bottom:1.25rem;text-align:center}.login-header .logo-circle{align-items:center;background-color:orange;border-radius:50%;color:#000;display:flex;font-size:1.5rem;font-weight:700;height:56px;justify-content:center;margin:0 auto .6rem;width:56px}.login-header h1{color:#000;font-size:1.6rem;margin-bottom:.25rem}.login-header .subtitle{color:#666;font-size:.95rem;margin-bottom:.5rem}.login-header .tagline{color:orange;font-size:.85rem;font-weight:600;letter-spacing:1px}.login-form{display:flex;flex:1 1;flex-direction:column}.login-form h2{color:#000;font-size:1.25rem}.login-form .form-group,.login-form h2{margin-bottom:1rem}.login-form label{color:#000;display:block;font-weight:600;margin-bottom:.5rem}.login-form input{border:2px solid #e0e0e0;border-radius:5px;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}.login-form input:focus{border-color:orange;box-shadow:0 0 5px #ffa5004d;outline:none}.login-form input.error{border-color:#dc3545}.error-message{color:#dc3545;display:block;font-size:.85rem;margin-top:.3rem}.login-form .btn-primary{font-size:1rem;margin-top:1rem;padding:12px;width:100%}.demo-users{border-top:2px solid #e0e0e0;margin-top:3rem;padding-top:2rem}.demo-users h3{color:#000;font-size:1.1rem;margin-bottom:.5rem}.demo-info{color:#666;font-size:.85rem;margin-bottom:1rem}.users-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.user-card{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;padding:1rem;text-align:center;transition:all .3s ease}.user-card:hover{background:#fff8f0;border-color:orange;box-shadow:0 5px 15px #ffa50033;transform:translateY(-2px)}.user-icon{font-size:2rem;margin-bottom:.5rem}.user-card h4{color:#000;font-size:.9rem;margin:.5rem 0}.user-card .role{color:orange;font-size:.8rem;font-weight:600;margin-bottom:.3rem}.user-card .desc{color:#666;font-size:.75rem;line-height:1.4;margin-bottom:.5rem}.user-card .email{color:#999;display:block;font-size:.7rem}.login-footer{border-top:1px solid #e0e0e0;color:#999;font-size:.85rem;margin-top:1.25rem;padding-top:1rem;text-align:center}.login-info{background:linear-gradient(135deg,#000,#333);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 3rem}.info-content h2{color:orange;font-size:2rem;margin-bottom:1rem}.info-content>p{color:#e0e0e0;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.info-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}.feature{align-items:flex-start;display:flex;gap:1rem}.feature .icon{font-size:2rem;min-width:50px;text-align:center}.feature h4{color:orange;font-size:1rem;margin:0 0 .3rem}.feature p{color:#b0b0b0;font-size:.9rem;margin:0}.info-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);text-align:center}.stat h3{color:orange;font-size:2rem;margin-bottom:.5rem}.stat p{color:#b0b0b0;font-size:.9rem;margin:0}@media (max-width:768px){.login-container{grid-template-columns:1fr}.login-info{display:none}.login-box{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}.login-form h2{font-size:1.2rem}.users-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.login-box{padding:1.5rem 1rem}.login-header .logo-circle{font-size:1.2rem;height:50px;width:50px}.login-header h1{font-size:1.3rem}.login-header .tagline{font-size:.75rem}.users-grid{grid-template-columns:repeat(2,1fr)}.info-stats{gap:1rem;grid-template-columns:1fr}}.login-form .btn-primary{background-color:orange;border:none;color:#000;cursor:pointer;font-weight:700}.login-form .btn-primary:disabled{cursor:default;opacity:.6}.dashboard-page{background:linear-gradient(135deg,#f5f5f5,#efefef);min-height:calc(100vh - 200px);padding:2rem 0}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:3rem}.header-content h1{color:#000;font-size:2.5rem;margin-bottom:.5rem}.header-content p{color:#666;font-size:1.1rem}.header-actions{display:flex;gap:1rem}.header-actions .btn{white-space:nowrap}.summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.summary-card{background:#fff;border-radius:10px;border-top:4px solid orange;box-shadow:0 2px 10px #0000001a;padding:1.5rem;text-align:center;transition:all .3s ease}.summary-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.card-icon{font-size:2.5rem;margin-bottom:.5rem}.summary-card h3{color:#666;font-size:1rem;margin-bottom:.5rem}.card-value{color:orange;font-size:2rem;font-weight:700;margin:0}.card-date{color:#999;font-size:.9rem;margin:0}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.metric-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.metric-card h3{border-bottom:2px solid orange;color:orange;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.metric-rows{display:flex;flex-direction:column;gap:.8rem}.metric-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.5rem 0}.metric-row.total{border-bottom:none;border-top:2px solid orange;font-weight:700;padding-top:.8rem}.metric-row span{color:#666}.metric-row strong{color:#000;font-size:1.1rem}.metric-row strong.positive{color:#28a745}.metric-row strong.negative{color:#dc3545}.tabs{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.tab-buttons{border-bottom:2px solid #e0e0e0;display:flex}.tab-btn{background:#0000;border:none;color:#666;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;text-align:center;transition:all .3s ease}.tab-btn:hover{background:#f5f5f5;color:orange}.tab-btn.active{border-bottom:3px solid orange;color:orange;margin-bottom:-2px}.tab-content{padding:2rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-card{background:#f5f5f5;border-left:4px solid orange;border-radius:8px;padding:1.5rem}.info-card h3{color:#000;font-size:1.1rem;margin-bottom:1rem}.status-item{color:#333;padding:.5rem 0}.status-dot{align-items:center;background-color:#28a745;border-radius:50%;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;height:20px;justify-content:center;width:20px}.status-dot.online{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #28a745b3}50%{box-shadow:0 0 0 5px #28a74500}}.quick-list{list-style:none;margin:0;padding:0}.quick-list li{border-bottom:1px solid #e0e0e0;color:#333;padding:.5rem 0}.quick-list li:last-child{border-bottom:none}.audits-table{margin-top:1rem}.audits-table h3{color:#000;margin-bottom:1rem}.audits-table table{border-collapse:collapse;width:100%}.audits-table thead{background-color:#000;color:#fff}.audits-table th{font-weight:700;padding:1rem;text-align:left}.audits-table td{border-bottom:1px solid #e0e0e0;padding:1rem}.audits-table tbody tr:hover{background-color:#f5f5f5}.status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.4rem .8rem;text-transform:uppercase}.status-badge.completed{background-color:#d4edda;color:#155724}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.error{background-color:#f8d7da;color:#721c24}.status-badge.in-progress{background-color:#d1ecf1;color:#0c5460}.statistics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.stat-card{background:linear-gradient(135deg,#fff8f0,#ffe8cc);border:2px solid orange;border-radius:8px;padding:1.5rem;text-align:center}.stat-card h4{color:#000;font-size:.95rem;margin-bottom:.5rem}.stat-value{color:orange;font-size:2rem;font-weight:700;margin:.5rem 0}.stat-change{color:#666;font-size:.85rem;margin:0}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column}.header-content h1{font-size:1.8rem}.summary-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:1fr}.tab-buttons{flex-wrap:wrap}.tab-btn{flex:1 1 auto}}@media (max-width:480px){.tab-content{padding:1rem}.info-grid,.statistics-grid,.summary-grid{grid-template-columns:1fr}.audits-table{overflow-x:auto}.audits-table table{font-size:.9rem}}.file-upload-page{background:linear-gradient(135deg,#f5f5f5,#efefef);min-height:calc(100vh - 200px);padding:3rem 0}.page-header{margin-bottom:3rem;text-align:center}.page-header h1{color:#000;font-size:2.5rem;margin-bottom:.5rem}.page-header p{color:#666;font-size:1.1rem}.upload-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.status-box,.upload-box{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:2rem}.status-box h2,.upload-box h2{border-bottom:2px solid orange;color:orange;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.form-group label{color:#000;display:block;font-weight:600;margin-bottom:.5rem}.form-group input[type=date]{border:2px solid #e0e0e0;border-radius:5px;font-size:1rem;padding:10px;width:100%}.form-group input[type=date]:focus{border-color:orange;box-shadow:0 0 5px #ffa5004d;outline:none}.files-list{margin-bottom:2rem}.files-list h3{color:#000;font-size:1.1rem;margin-bottom:1rem}.file-upload-item{align-items:center;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.file-upload-item:hover{background:#fff8f0;border-color:orange}.file-info{align-items:center;display:flex;flex:1 1;gap:1rem}.file-icon{font-size:2rem;min-width:40px;text-align:center}.file-details h4{color:#000;font-size:1rem;margin:0}.file-details p{color:#666;font-size:.85rem;margin:.3rem 0 0}.file-input-wrapper{flex:1 1;min-width:200px}.file-label{background-color:orange;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:8px 16px;text-align:center;transition:all .3s ease;width:100%}.file-label:hover{background-color:#ff8c00}.file-selected{align-items:center;background-color:#d4edda;border:2px solid #28a745;border-radius:5px;display:flex;gap:.5rem;justify-content:space-between;padding:8px 12px}.file-name{color:#155724;flex:1 1;font-weight:600}.btn-remove{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:700;height:28px;justify-content:center;transition:all .3s ease;width:28px}.btn-remove:hover{background:#c82333}.file-status{color:#999;flex:0 0 auto;font-size:.75rem;text-align:right}.auto-audit-option{background:#f0f0f0;border-radius:8px;margin:2rem 0;padding:1rem}.checkbox-label{align-items:center;color:#000;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.upload-box .btn-primary{font-size:1.1rem;padding:15px;width:100%}.status-card{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.status-card h3{color:orange;font-size:1rem;margin-bottom:.5rem}.status-value{color:#000;font-size:1.2rem;font-weight:600}.file-status-list{display:flex;flex-direction:column;gap:.5rem}.status-item{align-items:center;color:#000;display:flex;font-size:.9rem;gap:.5rem}.status-icon{align-items:center;background-color:#e0e0e0;border-radius:50%;color:#999;display:inline-flex;font-size:.8rem;font-weight:700;height:20px;justify-content:center;width:20px}.status-icon.ready{background-color:#28a745;color:#fff}.status-name{flex:1 1}.progress-bar{background-color:#e0e0e0;border-radius:5px;height:10px;margin:1rem 0 .5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,orange,#ff8c00);height:100%;transition:width .3s ease}.progress-text{color:#666;font-size:.9rem;margin:0;text-align:center}.audit-status{border-left:4px solid #007bff}.audit-status.starting{border-left-color:#ffc107}.audit-status.started{border-left-color:#28a745}.audit-status.error{border-left-color:#dc3545}.status-message{font-weight:500;margin:0}.info-card{background:#e7f3ff;border:2px solid #007bff}.info-card ul{list-style:none;margin:0;padding:0}.info-card li{border-bottom:1px solid #0056b333;color:#0056b3;font-size:.9rem;padding:.5rem 0}.info-card li:last-child{border-bottom:none}.info-card li:before{content:"✓ ";font-weight:700;margin-right:.5rem}.quick-actions{background:#f8f9fa}.quick-actions button{display:block;margin-bottom:.5rem;width:100%}.quick-actions button:last-child{margin-bottom:0}@media (max-width:768px){.upload-grid{grid-template-columns:1fr}.page-header h1{font-size:1.8rem}.status-box,.upload-box{padding:1.5rem}.file-upload-item{flex-wrap:wrap}.file-input-wrapper{width:100%}}@media (max-width:480px){.file-upload-item{align-items:flex-start;flex-direction:column}.file-info,.file-input-wrapper{width:100%}}.optional-heading{margin-top:1.5rem}.optional-hint{color:#6b7280;font-size:.85rem;margin:.25rem 0 .75rem}.file-upload-item.optional{background:#fbfbfd;border-style:dashed}.badge-optional{background:#eef2ff;border-radius:999px;color:#4338ca;display:inline-block;font-size:.7rem;font-weight:600;margin-inline-start:.4rem;padding:.05rem .45rem;vertical-align:middle}.audit-status.pending{border-inline-start:4px solid #f59e0b}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-orange:orange;--primary-black:#000;--dark-gray:#333;--light-gray:#f5f5f5;--white:#fff;--red:#dc3545;--green:#28a745;--blue:#007bff;--warning:#ffc107;--success:#28a745;--danger:#dc3545}body{background-color:#f5f5f5;background-color:var(--light-gray);color:#333;color:var(--dark-gray);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}#root,body,html{height:100%;width:100%}h1,h2,h3,h4,h5,h6{color:#000;color:var(--primary-black);font-weight:700;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{line-height:1.8;margin-bottom:1rem}a{color:orange;color:var(--primary-orange);text-decoration:none;transition:color .3s ease}a:hover{color:#333;color:var(--dark-gray)}.container{margin:0 auto;max-width:1200px;padding:0 20px}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}button{border:none;font-family:inherit;font-size:1rem;padding:10px 20px}.btn,button{border-radius:5px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn{border:none;display:inline-block;padding:12px 24px;text-align:center}.btn-primary{background-color:orange;background-color:var(--primary-orange);color:#fff;color:var(--white)}.btn-primary:hover{background-color:#ff8c00;box-shadow:0 5px 15px #ffa5004d;transform:translateY(-2px)}.btn-secondary{background-color:#000;background-color:var(--primary-black);color:#fff;color:var(--white)}.btn-secondary:hover{background-color:#333;background-color:var(--dark-gray);box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.btn-success{background-color:#28a745;background-color:var(--success);color:#fff;color:var(--white)}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#dc3545;background-color:var(--danger);color:#fff;color:var(--white)}.btn-danger:hover{background-color:#c82333}.btn-sm{font-size:.9rem;padding:8px 16px}.btn-lg{font-size:1.1rem;padding:15px 30px}.form-group{margin-bottom:1.5rem}label{color:#000;color:var(--primary-black);display:block;font-weight:600;margin-bottom:.5rem}input,select,textarea{border:2px solid #e0e0e0;border-radius:5px;font-family:inherit;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:orange;border-color:var(--primary-orange);box-shadow:0 0 5px #ffa5004d;outline:none}input[type=file]{padding:8px}textarea{min-height:100px;resize:vertical}.card{background:#fff;background:var(--white);border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.card-header{border-bottom:3px solid orange;border-bottom:3px solid var(--primary-orange);margin-bottom:1.5rem;padding-bottom:1rem}.card-title{color:#000;color:var(--primary-black);font-size:1.3rem;margin:0}.card-body{padding:1.5rem 0}.card-footer{border-top:1px solid #e0e0e0;margin-top:1.5rem;padding-top:1rem}.alert{border-left:4px solid;border-radius:5px;margin-bottom:1rem;padding:1rem}.alert-info{background-color:#d1ecf1;border-color:#007bff;border-color:var(--blue);color:#0c5460}.alert-success{background-color:#d4edda;border-color:#28a745;border-color:var(--success);color:#155724}.alert-warning{background-color:#fff3cd;border-color:#ffc107;border-color:var(--warning);color:#856404}.alert-danger{background-color:#f8d7da;border-color:#dc3545;border-color:var(--danger);color:#721c24}table{background:#fff;background:var(--white);border-collapse:collapse;margin-top:1rem;width:100%}thead{background-color:#000;background-color:var(--primary-black);color:#fff;color:var(--white)}th{border-bottom:2px solid orange;border-bottom:2px solid var(--primary-orange);font-weight:700;text-align:left}td,th{padding:1rem}td{border-bottom:1px solid #e0e0e0}tbody tr:hover{background-color:#f5f5f5;background-color:var(--light-gray)}.spinner{animation:spin .8s linear infinite;border:4px solid #f5f5f5;border-top-color:orange;border:4px solid var(--light-gray);border-radius:50%;border-top-color:var(--primary-orange);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container{align-items:center;display:flex;justify-content:center;min-height:300px}.text-center{text-align:center}.text-right{text-align:right}.text-orange{color:orange;color:var(--primary-orange)}.text-black{color:#000;color:var(--primary-black)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.shadow{box-shadow:0 2px 10px #0000001a}.hidden{display:none}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.container{padding:0 15px}.grid-2,.grid-3{grid-template-columns:1fr}.btn,button{width:100%}}