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}body{background:linear-gradient(135deg,#f0f2f5,#e8eaed)}.App{min-height:100vh}.logo{height:60px;max-width:200px}.logo,.logo-small{object-fit:contain;width:auto}.logo-small{height:40px;max-width:120px}.logo-large{height:80px;max-width:250px;object-fit:contain;width:auto}.logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px}:root{--primary-color:#c41e3a;--secondary-color:#1e3a8a;--accent-color:#6b7280;--success-color:#059669;--warning-color:#d97706;--light-bg:#f8fafc;--dark-text:#1f2937}.auth-container{align-items:center;background:linear-gradient(135deg,#c41e3a,#1e3a8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:450px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{color:#c41e3a;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:8px}.auth-header p{color:#6b7280;color:var(--accent-color);font-size:1rem}.error-message{background:#fee2e2;border-radius:8px;color:#dc2626;margin-bottom:20px;padding:12px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#1f2937;color:var(--dark-text);font-size:.9rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#c41e3a;border-color:var(--primary-color);box-shadow:0 0 0 3px #c41e3a1a}.password-input{position:relative}.password-toggle{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.auth-btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:14px 24px;text-transform:uppercase;transition:all .3s ease}.auth-btn.primary{background:linear-gradient(135deg,#c41e3a,#1e3a8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff}.auth-btn.primary:hover:not(:disabled){box-shadow:0 10px 20px #c41e3a4d;transform:translateY(-2px)}.auth-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-footer{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px;text-align:center}.link-btn{background:none;border:none;color:#c41e3a;color:var(--primary-color);cursor:pointer;font-weight:600;text-decoration:underline}.link-btn:hover{color:#1e3a8a;color:var(--secondary-color)}.dashboard-container{background:#f8fafc;background:var(--light-bg);min-height:100vh}.dashboard-header,.etc-header,.workflow-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 10px #0000001a}.header-content{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:15px}.header-left h1{color:#1f2937;color:var(--dark-text);font-size:1.5rem;font-weight:700;margin:0}.header-left p{color:#6b7280;color:var(--accent-color);font-size:.9rem;margin:0}.header-right{align-items:center;display:flex;gap:15px}.user-badge{background:linear-gradient(135deg,#c41e3a,#1e3a8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:8px 16px}.user-badge.online{background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--success-color) 0,#10b981 100%)}.back-btn,.create-btn,.logout-btn{align-items:center;background:#f8f9fa;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;color:var(--accent-color);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.back-btn:hover,.logout-btn:hover{background:#e9ecef;border-color:#6b7280;border-color:var(--accent-color)}.create-btn{background:linear-gradient(135deg,#c41e3a,#1e3a8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;color:#fff}.create-btn:hover{box-shadow:0 8px 16px #c41e3a4d;transform:translateY(-2px)}.dashboard-main,.etc-main,.workflow-main{margin:0 auto;max-width:1200px;padding:40px 20px}.dashboard-title,.section-header{margin-bottom:30px}.dashboard-title h2,.section-header h2{color:#1f2937;color:var(--dark-text);font-size:2rem;font-weight:700;margin-bottom:8px}.dashboard-title p,.section-header p{color:#6b7280;color:var(--accent-color);font-size:1.1rem}.section-header{align-items:center;display:flex;justify-content:space-between}.search-bar,.section-header{margin-bottom:30px}.search-bar input{border-radius:10px;font-size:1rem;max-width:400px;padding:12px 16px;width:100%}.search-bar input:focus{box-shadow:0 0 0 3px #c41e3a1a;outline:none}.admin-panels-grid,.companies-grid,.projects-grid,.stages-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:40px}.admin-panel-card,.company-card,.project-card,.stage-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 15px #00000014;cursor:pointer;padding:25px;transition:all .3s ease}.admin-panel-card:hover,.company-card:hover,.project-card:hover,.stage-card:hover:not(.locked){box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.stage-card.active{border:2px solid #c41e3a;border:2px solid var(--primary-color);box-shadow:0 8px 25px #c41e3a33}.stage-card.locked{cursor:not-allowed;opacity:.6}.stage-card.completed{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#059669;border-color:var(--success-color)}.stage-card.pending-approval{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#d97706;border-color:var(--warning-color)}.company-header,.panel-header,.project-header,.stage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.company-icon,.panel-icon,.project-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.stage-icon{font-size:2rem}.panel-arrow{color:#6b7280;color:var(--accent-color);font-size:1.5rem;transition:all .3s ease}.admin-panel-card:hover .panel-arrow{color:#c41e3a;color:var(--primary-color);transform:translateX(5px)}.admin-panel-card h3,.company-card h3,.project-card h3,.stage-card h4{color:#1f2937;color:var(--dark-text);font-size:1.3rem;font-weight:700;margin-bottom:8px}.admin-panel-card p,.company-card p,.project-card p,.stage-card p{color:#6b7280;color:var(--accent-color);font-size:.95rem;line-height:1.5;margin-bottom:15px}.panel-stats{display:flex;gap:15px;justify-content:space-between}.stat-item{text-align:center}.stat-value{display:block;font-size:1.2rem;font-weight:700}.stat-label{text-transform:capitalize}.company-footer,.project-footer{align-items:center;color:#6b7280;color:var(--accent-color);display:flex;font-size:.85rem;justify-content:space-between}.stage-progress{margin-top:15px}.stage-progress span{color:#6b7280;color:var(--accent-color);display:block;font-size:.9rem;margin-bottom:5px}.progress-bar{background:#f0f0f0;border-radius:4px}.progress-fill{background:linear-gradient(135deg,#c41e3a,#1e3a8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:4px;transition:width .3s ease}.progress-bar.large{height:12px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:25px}.stat-card .stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-bottom:15px;width:50px}.vishvas-primary{background:linear-gradient(135deg,#c41e3a,#dc2626);background:linear-gradient(135deg,var(--primary-color) 0,#dc2626 100%);color:#fff}.vishvas-secondary{background:linear-gradient(135deg,#1e3a8a,#1e40af);background:linear-gradient(135deg,var(--secondary-color) 0,#1e40af 100%);color:#fff}.vishvas-accent{background:linear-gradient(135deg,#6b7280,#4b5563);background:linear-gradient(135deg,var(--accent-color) 0,#4b5563 100%);color:#fff}.vishvas-success{background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--success-color) 0,#10b981 100%);color:#fff}.stat-card h4{color:#6b7280;color:var(--accent-color);font-size:.9rem;margin-bottom:5px}.stat-number{color:#1f2937;color:var(--dark-text)}.status-badge{align-items:center;border-radius:20px;display:flex;gap:5px;text-transform:capitalize}.status-completed{background:#ecfdf5;color:#059669;color:var(--success-color)}.status-progress{background:linear-gradient(135deg,#c41e3a1a,#1e3a8a1a);color:#c41e3a;color:var(--primary-color)}.status-pending{background:#fffbeb;color:#d97706;color:var(--warning-color)}.status-default{background:#f5f5f5;color:#6b7280;color:var(--accent-color)}.modal-overlay{background:#00000080;padding:20px;z-index:1000}.modal-content{border-radius:16px;box-shadow:0 20px 40px #0003;max-width:500px;padding:30px;width:100%}.modal-header{margin-bottom:15px}.modal-content h3{color:#1f2937;color:var(--dark-text);font-size:1.5rem;font-weight:700;margin-bottom:8px}.modal-content p{color:#6b7280;color:var(--accent-color);margin-bottom:20px}.modal-actions{margin-top:25px}.approve-btn,.cancel-btn,.reject-btn,.submit-btn{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.approve-btn,.submit-btn{background:linear-gradient(135deg,#c41e3a,#1e3a8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff}.approve-btn:hover,.submit-btn:hover{box-shadow:0 8px 16px #c41e3a4d;transform:translateY(-2px)}.submit-btn:disabled{opacity:.6}.cancel-btn{background:#f8f9fa;border:2px solid #e5e7eb;color:#6b7280;color:var(--accent-color)}.cancel-btn:hover{background:#e9ecef}.reject-btn{background:#dc2626}.reject-btn:hover{background:#b91c1c;box-shadow:0 8px 16px #dc26264d}.dashboard-footer{border-top:2px solid #e5e7eb;margin-top:50px;padding:30px 0}.footer-logo p{color:#6b7280;color:var(--accent-color);font-size:.9rem}.department-form-container{display:flex;flex-direction:column;gap:10px}.department-form-inline{align-items:center;display:flex;gap:10px}.department-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;min-width:250px;padding:12px 16px;transition:all .3s ease}.department-input:focus{border-color:#c41e3a;border-color:var(--primary-color);box-shadow:0 0 0 3px #c41e3a1a;outline:none}.no-departments{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 15px #00000014;color:#6b7280;color:var(--accent-color);font-style:italic;grid-column:1/-1;padding:25px;text-align:center}.delete-department-btn{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;margin-top:10px;padding:8px 12px;transition:background-color .2s}.delete-department-btn:hover{background-color:#dc2626}.required{color:#ef4444;margin-left:2px}.department-details-modal{max-height:90vh;max-width:800px;overflow-y:auto}.department-modal-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header h3{flex-grow:1;margin:0 0 0 15px}.close-btn{background:none;border:none;color:#6b7280;color:var(--accent-color);cursor:pointer;font-size:1.5rem}.department-details-content{display:flex;flex-direction:column;gap:30px}.department-info-section h4,.department-stats-section h4,.department-users-section h4{border-bottom:1px solid #f0f0f0;color:#1f2937;color:var(--dark-text);font-size:1.2rem;font-weight:600;margin-bottom:15px;padding-bottom:10px}.department-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:5px}.info-label{color:#6b7280;color:var(--accent-color);font-size:.8rem;font-weight:500}.info-value{color:#1f2937;color:var(--dark-text);font-size:1.1rem;font-weight:600}.department-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #f0f0f0;padding:12px;text-align:left}.users-table th{color:#6b7280;color:var(--accent-color);font-size:.9rem;font-weight:600}.users-table td{color:#1f2937;color:var(--dark-text)}.users-table tr:last-child td{border-bottom:none}.no-data{background:#f9fafb;border-radius:8px;color:#6b7280;color:var(--accent-color);font-style:italic;padding:20px;text-align:center}.completion-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.completion-card{animation:completionSlideIn .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-width:600px;padding:40px;text-align:center;width:100%}@keyframes completionSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.completion-content{align-items:center;display:flex;flex-direction:column;gap:20px}.completion-icon{animation:bounce 1s infinite;font-size:4rem;margin-bottom:10px}.completion-card h2{color:#c41e3a;color:var(--primary-color);font-size:2rem;font-weight:700;margin:0}.completion-card p{color:#6b7280;color:var(--accent-color);font-size:1.1rem;margin:0}.completion-stats{display:flex;gap:20px;justify-content:space-around;margin:20px 0;width:100%}.completion-stats .stat{align-items:center;display:flex;flex-direction:column;gap:5px}.completion-stats .stat-number{color:#c41e3a;color:var(--primary-color);font-size:2.5rem;font-weight:700}.completion-stats .stat-label{color:#6b7280;color:var(--accent-color);font-size:.9rem;font-weight:500}.completion-actions{display:flex;flex-direction:column;gap:15px;margin-top:20px;width:100%}.primary-btn{align-items:center;background:linear-gradient(135deg,#c41e3a,#1e3a8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;padding:15px 30px;transition:all .3s ease}.primary-btn:hover{box-shadow:0 10px 25px #c41e3a66;transform:translateY(-2px)}.secondary-btn{align-items:center;background:#f8f9fa;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;color:var(--accent-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 25px;transition:all .3s ease}.secondary-btn:hover{background:#e9ecef;border-color:#6b7280;border-color:var(--accent-color);transform:translateY(-1px)}.error-container,.loading-container{min-height:50vh}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#c41e3a;border-top:4px solid var(--primary-color);height:50px;margin-bottom:20px;width:50px}.error-container{border-radius:16px;box-shadow:0 4px 15px #0000001a}.error-icon{font-size:3rem;margin-bottom:15px}.error-container h3{color:#1f2937;color:var(--dark-text);font-size:1.5rem;margin-bottom:10px}.error-container p{color:var(--accent-color);margin-bottom:20px}.error-actions{gap:15px}.retry-btn{background:#c41e3a;background:var(--primary-color);border-radius:8px;padding:10px 20px}.retry-btn:hover{background:#1e3a8a;background:var(--secondary-color);transform:translateY(-1px)}.error-banner{align-items:center;background:#fee2e2;border-left:4px solid #dc2626;border-radius:10px;color:#dc2626;display:flex;gap:10px;margin:20px;padding:15px 20px}.error-close{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.2rem;margin-left:auto;padding:0 5px}.progress-details{display:flex;flex-direction:column;gap:8px;margin-top:15px}.progress-stage{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.stage-status{border-radius:6px;font-size:.8rem;font-weight:600;padding:4px 8px}.stage-status.completed{background:#ecfdf5;color:#059669;color:var(--success-color)}.stage-status.in-progress{background:#c41e3a1a;color:#c41e3a;color:var(--primary-color)}.stage-status.pending-approval{background:#fffbeb;color:#d97706;color:var(--warning-color)}.stage-status.locked{background:#f5f5f5;color:#6b7280;color:var(--accent-color)}.stage-approved{margin-top:10px;text-align:center}.approved-badge{align-items:center;background:#ecfdf5;border-radius:20px;color:#059669;color:var(--success-color);display:inline-flex;font-size:.8rem;font-weight:600;gap:5px;padding:6px 12px}.form-stage{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;padding:30px}.completion-notice{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:2px solid #059669;border:2px solid var(--success-color);border-radius:16px;margin-bottom:30px;padding:25px;text-align:center}.notice-content h4{color:#059669;color:var(--success-color);font-size:1.3rem;margin-bottom:10px}.notice-content p{color:#6b7280;color:var(--accent-color);margin-bottom:20px}.submit-stage-btn{background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--success-color) 0,#10b981 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.submit-stage-btn:hover{box-shadow:0 8px 16px #0596694d;transform:translateY(-2px)}.forms-list{margin-bottom:30px}.forms-list h4{color:#1f2937;color:var(--dark-text);font-size:1.2rem;margin-bottom:10px}.forms-list p{color:#6b7280;color:var(--accent-color);margin-bottom:20px}.forms-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.form-item{align-items:center;background:#f8f9fa;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.form-item.completed{background:#ecfdf5;border-color:#059669;border-color:var(--success-color)}.form-item.current{background:linear-gradient(135deg,#c41e3a1a,#1e3a8a1a);border-color:#c41e3a;border-color:var(--primary-color);box-shadow:0 4px 15px #c41e3a33}.form-number{align-items:center;background:#6b7280;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;width:40px}.form-item.completed .form-number{background:#059669;background:var(--success-color)}.form-item.current .form-number{background:#c41e3a;background:var(--primary-color)}.form-content{flex:1 1}.form-content h5{color:#1f2937;color:var(--dark-text);font-size:1rem;margin-bottom:5px}.form-content p{color:#6b7280;color:var(--accent-color);font-size:.85rem;margin:0}.form-status{margin-left:auto}.current-form{border:2px solid #c41e3a;border:2px solid var(--primary-color);border-radius:16px;margin-bottom:30px;padding:30px}.current-form h4{color:#c41e3a;color:var(--primary-color);font-size:1.3rem;margin-bottom:10px}.current-form p{color:#6b7280;color:var(--accent-color);margin-bottom:25px}.form-fields{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:25px}.form-fields .form-group.full-width{grid-column:1/-1}.approval-section{margin-top:30px}.approval-card{border-radius:16px;box-shadow:0 4px 15px #00000014;padding:30px;text-align:center}.approval-card.pending{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #d97706;border:2px solid var(--warning-color)}.approval-card.completed{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:2px solid #059669;border:2px solid var(--success-color)}.approval-icon{font-size:3rem;margin-bottom:15px}.approval-card h4{font-size:1.4rem;margin-bottom:10px}.approval-card.pending h4{color:#d97706;color:var(--warning-color)}.approval-card.completed h4{color:#059669;color:var(--success-color)}.approval-details{background:#ffffff80;border-radius:10px;display:flex;justify-content:space-around;margin:20px 0;padding:20px}.approval-stat{align-items:center;display:flex;flex-direction:column;gap:5px}.stat-label{color:#6b7280;color:var(--accent-color);font-size:.8rem;font-weight:500}.stat-value{color:#1f2937;color:var(--dark-text);font-size:1.1rem;font-weight:600}.approval-actions{gap:15px;margin-top:20px}.waiting-message{color:#6b7280;color:var(--accent-color);font-style:italic;margin-top:15px}.final-completion,.next-stage-info{border-radius:10px;font-weight:500;margin-top:15px;padding:15px}.next-stage-info{background:#c41e3a1a;color:#c41e3a;color:var(--primary-color)}.final-completion{background:#0596691a;color:#059669;color:var(--success-color)}.progress-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;padding:30px}.progress-card h3{color:#1f2937;color:var(--dark-text);font-size:1.4rem;margin-bottom:10px}.progress-card p{color:#6b7280;color:var(--accent-color);margin-bottom:20px}.stage-details{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:30px}.stage-details h3{color:#1f2937;color:var(--dark-text);font-size:1.4rem;margin-bottom:10px}.stage-details p{color:#6b7280;color:var(--accent-color);margin-bottom:25px}@media (max-width:768px){.header-content{height:60px;padding:0 15px}.header-left h1{font-size:1.2rem}.logo{height:35px}.logo-large{height:60px}.dashboard-main,.etc-main,.workflow-main{padding:20px 15px}.admin-panels-grid,.companies-grid,.projects-grid,.stages-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.modal-content{margin:20px;padding:20px}.auth-card{padding:30px 20px}.department-form-inline{align-items:stretch;flex-direction:column}.department-input{width:100%}.department-details-modal{max-width:none;width:95%}.department-info-grid{grid-template-columns:1fr 1fr}.users-table{display:block;overflow-x:auto}.completion-card{margin:20px;padding:30px 20px}.completion-card h2{font-size:1.5rem}.completion-stats{flex-direction:column;gap:15px}.completion-stats .stat-number{font-size:2rem}.completion-actions{gap:12px}.primary-btn,.secondary-btn{font-size:1rem;padding:12px 20px}.form-fields,.forms-grid{grid-template-columns:1fr}.approval-details{flex-direction:column;gap:15px}}@media (max-width:480px){.auth-card{padding:25px 15px}.dashboard-title h2,.section-header h2{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.header-left{gap:10px}.logo{height:30px}.logo-large{height:50px}.department-info-grid{grid-template-columns:1fr}}.mobile-menu-toggle{background:none;border:none;border-radius:4px;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:8px;transition:background-color .3s ease}.mobile-menu-toggle:hover{background-color:#0000001a}.hamburger-line{background-color:#1f2937;background-color:var(--dark-text);border-radius:1px;height:2px;transition:all .3s ease;width:20px}.mobile-menu-overlay{background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.mobile-menu{animation:slideInRight .3s ease-out;background:#fff;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:100%;width:280px}.mobile-menu-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.mobile-menu-close{background:none;border:none;border-radius:4px;color:#6b7280;color:var(--accent-color);cursor:pointer;font-size:24px;padding:5px;transition:background-color .3s ease}.mobile-menu-close:hover{background-color:#0000001a}.mobile-menu-content{display:flex;flex-direction:column;gap:20px;padding:20px}.mobile-user-info{background:#f8fafc;background:var(--light-bg);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:15px}.mobile-user-info p{color:#6b7280;color:var(--accent-color);font-size:.9rem;margin:0}.mobile-logout-btn{align-items:center;background:linear-gradient(135deg,#c41e3a,#1e3a8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.mobile-logout-btn:hover{box-shadow:0 8px 16px #c41e3a4d;transform:translateY(-2px)}.header-title{display:flex;flex-direction:column}.desktop-only{display:flex}@media (max-width:768px){.mobile-menu-toggle{display:flex}.desktop-only{display:none}.header-content{position:relative}.header-left{flex:1 1;justify-content:space-between}.header-title h1{font-size:1.1rem}.header-title p{font-size:.8rem}.logo{height:35px}.back-btn{font-size:.9rem;padding:8px 12px}}@media (max-width:480px){.header-content{height:90px;padding:0 10px}.header-title h1{font-size:1rem}.header-title p{font-size:.75rem}.logo{height:30px}.mobile-menu{width:100%}.back-btn{font-size:.8rem;padding:6px 10px}.header-left{flex-wrap:wrap;gap:8px}.header-title{margin-top:5px;order:3;width:100%}}.mobile-menu-overlay{z-index:9999}.mobile-menu-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.individual-technical-form{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin:24px 0;overflow:hidden;padding:32px;position:relative}.individual-technical-form:before{border-radius:20px 20px 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0}.form-header,.individual-technical-form:before{background:linear-gradient(135deg,#667eea,#764ba2)}.form-header{border-radius:16px;box-shadow:0 8px 32px #667eea4d;color:#fff;margin-bottom:32px;padding:24px;position:relative;text-align:center}.form-header:after{border-left:15px solid #0000;border-right:15px solid #0000;border-top:10px solid #764ba2;bottom:-10px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.form-header h3{font-size:1.6rem;font-weight:700;margin:0 0 12px;text-shadow:0 2px 4px #0003}.form-header h4{font-size:1.2rem;font-weight:500;margin:8px 0;opacity:.9}.form-header p{font-size:.95rem;line-height:1.5;margin:6px 0;opacity:.85}.form-section-title{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;box-shadow:0 4px 20px #4f46e54d;color:#fff;margin:32px 0 20px;padding:16px 24px;position:relative}.form-section-title h4{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0}.form-section-title h4:before{content:"📋";font-size:1.1rem}.form-section-title h5{font-size:1rem;font-weight:400;margin:8px 0 0;opacity:.9}.form-row{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:20px 0}.form-group label{align-items:center;color:#374151;display:flex;gap:6px}.form-group label:before{color:#667eea;content:"•";font-size:1.2rem;font-weight:700}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-size:.95rem;padding:14px 18px}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#9ca3af;box-shadow:0 4px 12px #0000001a}.form-table{border-radius:16px;box-shadow:0 8px 32px #0000001a;margin:24px 0;overflow-x:auto}.technical-table{background:#fff;border-collapse:collapse;border-radius:16px;min-width:600px;overflow:hidden;width:100%}.technical-table th{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:16px 12px;position:relative;text-align:center;text-transform:uppercase}.technical-table th:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.technical-table td{border-bottom:1px solid #f1f5f9;padding:14px 12px;text-align:center;transition:background-color .2s ease;vertical-align:middle}.technical-table tr:hover td{background-color:#f8fafc}.technical-table td.field-label{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-left:4px solid #667eea;color:#374151;font-weight:600;padding-left:16px;text-align:left}.technical-table input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;padding:10px 12px;text-align:center;transition:all .3s ease;width:100%}.technical-table input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:scale(1.02)}.technical-table input[type=checkbox]{accent-color:#667eea;transform:scale(1.3);width:auto}.technical-table select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.9rem;padding:10px 12px;width:100%}.ir-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:6px solid #f59e0b;border-radius:16px;box-shadow:0 8px 32px #f59e0b33;margin:32px 0;padding:24px}.ir-header{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-bottom:20px;padding:16px}.ir-header p{color:#374151;font-size:.95rem;font-weight:500;margin:0;text-align:center}.signature-section{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:3px dashed #10b981;border-radius:20px;box-shadow:0 8px 32px #10b98133;margin-top:40px;padding:32px;position:relative}.signature-section:before{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;content:"✍️ Digital Signatures";font-size:.85rem;font-weight:600;left:24px;padding:8px 16px;position:absolute;top:-12px}.signature-row{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.signature-group{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.signature-group:hover{border-color:#10b981;box-shadow:0 8px 32px #00000026;transform:translateY(-4px)}.signature-group label{color:#374151;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.signature-upload{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;margin-bottom:12px;padding:12px;transition:all .3s ease;width:100%}.signature-upload:hover{background:#ecfdf5;border-color:#10b981}.signature-preview{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px;width:100%}.signature-preview img{border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:80px;max-width:150px}.signature-preview span{color:#6b7280;font-size:.8rem;font-weight:500}.signature-date{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;display:flex;gap:12px;justify-content:center;padding:16px}.signature-date label{color:#374151;font-weight:600}.signature-date input{border:2px solid #e5e7eb;border-radius:8px;font-weight:500;padding:10px 16px}.form-stage{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.stage-header-new{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 12px 48px #667eea4d;color:#fff;display:flex;gap:20px;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.stage-header-new:before{animation:shimmer 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes shimmer{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.stage-icon{animation:bounce 2s ease-in-out infinite;font-size:3rem;opacity:.9}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.stage-title h1{font-size:2rem;font-weight:700;margin:0 0 12px;text-shadow:0 2px 4px #0003}.stage-title p{font-size:1.1rem;margin:0;opacity:.9}.forms-checklist-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:40px}.form-checklist-card{background:#fff;border:3px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 32px #0000001a;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.form-checklist-card:before{background:#e5e7eb;content:"";height:6px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.form-checklist-card.completed{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#10b981;transform:translateY(-2px)}.form-checklist-card.completed:before{background:linear-gradient(135deg,#10b981,#059669)}.form-checklist-card.current{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fef2f2,#fff);border-color:#ef4444;box-shadow:0 12px 48px #ef444433;transform:translateY(-4px)}@keyframes pulse{0%,to{box-shadow:0 12px 48px #ef444433}50%{box-shadow:0 16px 64px #ef44444d}}.form-checklist-card.current:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.form-checklist-card.pending{background:linear-gradient(135deg,#f9fafb,#fff);border-color:#9ca3af;opacity:.8}.form-checklist-card.pending:before{background:linear-gradient(135deg,#9ca3af,#6b7280)}.form-checklist-card:hover{box-shadow:0 16px 64px #00000026;transform:translateY(-6px)}.form-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.form-number-badge{align-items:center;background:#9ca3af;border-radius:50%;box-shadow:0 4px 16px #0003;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;position:relative;width:50px}.form-number-badge:after{background:linear-gradient(135deg,#0000,#ffffff4d);border-radius:50%;content:"";inset:-3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:3px;position:absolute}.form-number-badge.completed{animation:checkmark .5s ease-in-out;background:linear-gradient(135deg,#10b981,#059669)}@keyframes checkmark{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.form-number-badge.current{animation:currentPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes currentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.form-number-badge.pending{background:linear-gradient(135deg,#9ca3af,#6b7280)}.form-status-badge{align-items:center;border-radius:25px;display:flex;font-size:.9rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.form-status-badge.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;color:#065f46}.form-status-badge.current{background:linear-gradient(135deg,#fecaca,#fca5a5);border:2px solid #ef4444;color:#7f1d1d}.form-status-badge.pending{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #9ca3af;color:#374151}.status-icon{font-size:1rem}.status-text{font-weight:700}.form-card-content{text-align:left}.form-title{color:#1f2937;font-size:1.2rem;font-weight:700;line-height:1.4;margin:0 0 12px}.form-progress{color:#6b7280;font-size:.95rem;font-weight:500;margin:0}.current-form{background:#fff;border:3px solid #667eea;border-radius:24px;box-shadow:0 16px 64px #0000001a;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.current-form:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:8px;left:0;position:absolute;right:0;top:0}.form-header-info{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #667eea;border-radius:16px;margin-bottom:32px;padding:24px;text-align:center}.form-header-info h3{color:#1e40af;font-size:1.6rem;font-weight:700;margin:0}.form-actions{border-top:2px solid #e5e7eb;padding-top:32px;text-align:center}.submit-btn{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 8px 32px #10b9814d;font-size:1.1rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:16px 40px;position:relative;text-transform:uppercase}.submit-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 12px 48px #10b98166}.completion-status{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 12px 48px #10b9814d;color:#fff;margin:32px 0;overflow:hidden;padding:32px;position:relative;text-align:center}.completion-status:before{animation:celebrate 2s ease-in-out infinite;content:"🎉";font-size:2rem;position:absolute;right:16px;top:16px}@keyframes celebrate{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.completion-status h3{font-size:1.8rem;font-weight:700;margin:0 0 16px}.completion-status p{font-size:1.1rem;margin:12px 0;opacity:.9}.admin-approval-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #f59e0b;border-radius:20px;box-shadow:0 12px 48px #f59e0b33;margin:32px 0;padding:32px}.admin-approval-section h3{color:#92400e;font-size:1.5rem;font-weight:700;margin:0 0 20px}.admin-approval-section p{color:#374151;font-weight:500;margin:12px 0}.approval-actions{display:flex;gap:20px;justify-content:center;margin-top:24px}.approve-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #10b9814d;font-weight:700;padding:14px 28px}.approve-btn:hover{box-shadow:0 8px 32px #10b98166}.reject-btn{box-shadow:0 4px 20px #ef44444d;font-weight:700;padding:14px 28px}.reject-btn:hover{box-shadow:0 8px 32px #ef444466}@media (max-width:1024px){.forms-checklist-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.form-row{gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.form-stage{padding:16px}.individual-technical-form{border-radius:16px;margin:16px 0;padding:20px}.form-header{border-radius:12px;padding:20px}.form-header h3{font-size:1.3rem}.stage-header-new{flex-direction:column;gap:16px;padding:24px;text-align:center}.stage-icon{font-size:2.5rem}.stage-title h1{font-size:1.6rem}.forms-checklist-grid{gap:16px;grid-template-columns:1fr}.form-checklist-card{padding:20px}.form-row{gap:12px}.form-row,.signature-row{grid-template-columns:1fr}.signature-row{gap:20px}.approval-actions{align-items:center;flex-direction:column;gap:16px}.approve-btn,.reject-btn{width:200px}.technical-table{font-size:.85rem}.technical-table td,.technical-table th{padding:10px 8px}}@media (max-width:480px){.form-stage{padding:12px}.individual-technical-form{padding:16px}.stage-header-new{padding:20px}.stage-title h1{font-size:1.4rem}.form-checklist-card{padding:16px}.form-number-badge{font-size:1rem;height:40px;width:40px}.technical-table{font-size:.75rem}.technical-table input{font-size:.8rem;padding:6px 8px}.form-header h3{font-size:1.1rem}.submit-btn{font-size:1rem;padding:12px 24px}}@media print{.form-stage{background:#fff;max-width:none;padding:0}.admin-approval-section,.form-actions,.forms-checklist-grid,.stage-header-new{display:none}.individual-technical-form{background:#fff;border:2px solid #000;box-shadow:none;margin:0;page-break-inside:avoid}.technical-table{box-shadow:none}.form-header,.technical-table th{background:#f0f0f0!important;color:#000!important}}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:60px;margin-bottom:24px;width:60px}.error-container{background:#fff;border:3px solid #ef4444;border-radius:20px;box-shadow:0 12px 48px #0000001a;margin:0 auto;max-width:500px}.error-icon{font-size:4rem;margin-bottom:20px}.error-container h3{color:#dc2626;font-size:1.8rem;font-weight:700;margin-bottom:16px}.error-container p{color:#6b7280;font-size:1.1rem;margin-bottom:24px}.error-actions{display:flex;gap:16px;justify-content:center}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{box-shadow:0 8px 32px #667eea4d;transform:translateY(-2px)}.back-btn{background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:12px}.back-btn:hover{box-shadow:0 8px 32px #6b72804d}.departments-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:40px}.department-card{background:#fff;border:3px solid #f0f0f0;border-radius:20px;box-shadow:0 8px 32px #0000001a;cursor:pointer;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.department-card:before{background:linear-gradient(135deg,#c41e3a,#1e3a8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);content:"";height:6px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.department-card:hover:before{transform:scaleX(1)}.department-card:hover{border-color:#c41e3a;border-color:var(--primary-color);box-shadow:0 20px 60px #00000026;transform:translateY(-8px)}.department-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.department-icon{align-items:center;border-radius:16px;box-shadow:0 8px 24px #0003;color:#fff;display:flex;font-size:2.2rem;height:70px;justify-content:center;overflow:hidden;position:relative;width:70px}.department-icon:before{animation:iconShimmer 3s ease-in-out infinite;background:radial-gradient(circle,#fff3 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes iconShimmer{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.department-card h3{color:#1f2937;color:var(--dark-text);font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:12px}.department-card p{font-size:1rem;line-height:1.6;margin-bottom:20px}.department-card p,.department-footer{color:#6b7280;color:var(--accent-color)}.department-footer{align-items:center;border-top:2px solid #f0f0f0;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;padding-top:15px}.department-footer span{align-items:center;display:flex;gap:6px}.section-actions{align-items:center;display:flex;gap:15px}.project-card{overflow:hidden;position:relative}.project-card:after{background:linear-gradient(135deg,#c41e3a,#1e3a8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.project-card:hover:after{transform:scaleX(1)}.company-card{overflow:hidden;position:relative}.company-card:after{background:linear-gradient(135deg,#1e3a8a,#3b82f6);bottom:0;content:"";height:4px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.company-card:hover:after{transform:scaleX(1)}.status-badge{overflow:hidden;position:relative}.status-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.status-badge:hover:before{left:100%}.department-card:first-child .department-icon{background:linear-gradient(135deg,#c41e3a,#dc2626)}.department-card:nth-child(2) .department-icon{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.department-card:nth-child(3) .department-icon{background:linear-gradient(135deg,#047857,#10b981)}.breadcrumb-nav{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px 24px}.breadcrumb-item{align-items:center;color:#6b7280;color:var(--accent-color);display:flex;font-size:.9rem;font-weight:500;gap:8px}.breadcrumb-item.active{color:#c41e3a;color:var(--primary-color);font-weight:600}.breadcrumb-separator{color:#6b7280;color:var(--accent-color);font-size:.8rem}.header-title{position:relative}.header-title:after{background:linear-gradient(135deg,#c41e3a,#1e3a8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:2px;bottom:-4px;content:"";height:3px;left:0;position:absolute;width:60px}.department-loading{align-items:center;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:20px 0;min-height:300px}.department-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#c41e3a;border-top:4px solid var(--primary-color);height:50px;margin-bottom:16px;width:50px}.department-loading-text{color:#6b7280;color:var(--accent-color);font-size:1rem;font-weight:500}.modal-content{position:relative}.modal-content:before{background:linear-gradient(135deg,#c41e3a,#1e3a8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:16px 16px 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0}.search-bar{position:relative}.search-bar:before{content:"🔍";font-size:1.1rem;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-bar input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 16px #0000000d;padding-left:48px;transition:all .3s ease}.search-bar input:focus{border-color:#c41e3a;border-color:var(--primary-color);box-shadow:0 0 0 4px #c41e3a1a;transform:translateY(-1px)}@media (max-width:1024px){.departments-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.department-icon{font-size:1.8rem;height:60px;width:60px}.section-actions{align-items:stretch;flex-direction:column;gap:12px}}@media (max-width:768px){.departments-grid{gap:16px;grid-template-columns:1fr}.department-card{padding:24px}.department-card h3{font-size:1.2rem}.department-footer{align-items:flex-start;flex-direction:column;gap:8px}.breadcrumb-nav{flex-wrap:wrap;padding:12px 16px}.section-header{align-items:flex-start;flex-direction:column;gap:16px}}@media (max-width:480px){.department-card{padding:20px}.department-icon{font-size:1.5rem;height:50px;width:50px}.department-card h3{font-size:1.1rem}.department-card p{font-size:.9rem}.breadcrumb-nav{padding:10px 12px}.breadcrumb-item{font-size:.8rem}}@keyframes departmentSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.department-card{animation:departmentSlideIn .6s ease-out}.department-card:first-child{animation-delay:.1s}.department-card:nth-child(2){animation-delay:.2s}.department-card:nth-child(3){animation-delay:.3s}.department-card:focus{outline:3px solid #c41e3a;outline:3px solid var(--primary-color);outline-offset:2px}.department-card:focus:not(:focus-visible){outline:none}@media print{.departments-grid{display:block}.department-card{border:2px solid #000;box-shadow:none;break-inside:avoid;margin-bottom:20px;page-break-inside:avoid}.department-icon{background:#f0f0f0!important;color:#000!important}}.review-stats,.review-summary{margin-bottom:30px}.review-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.review-stats .stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:24px;text-align:center;transition:all .3s ease}.review-stats .stat-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.review-stats .stat-card h4{color:#6b7280;color:var(--accent-color);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.review-stats .stat-number{color:#c41e3a;color:var(--primary-color);font-size:2.2rem;font-weight:700;margin:0}.forms-review-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:40px}.form-review-card{border:3px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:30px;position:relative}.form-review-card:before{background:#e5e7eb;content:"";height:6px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.form-review-card.approved{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#059669;border-color:var(--success-color)}.form-review-card.approved:before{background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--success-color) 0,#10b981 100%)}.form-review-card.rejected{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#ef4444}.form-review-card.rejected:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.form-review-card.pending-review{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#d97706;border-color:var(--warning-color)}.form-review-card.pending-review:before{background:linear-gradient(135deg,#d97706,#d97706);background:linear-gradient(135deg,var(--warning-color) 0,#d97706 100%)}.form-review-card:hover{box-shadow:0 16px 48px #00000026;transform:translateY(-4px)}.form-review-header{border-bottom:2px solid #f0f0f0;margin-bottom:20px}.form-review-header h3{color:#1f2937;color:var(--dark-text);font-size:1.3rem;font-weight:700;margin:0}.form-review-details p{color:#6b7280;color:var(--accent-color);font-size:.95rem;margin:8px 0}.form-review-details strong{color:#1f2937;color:var(--dark-text);font-weight:600}.rejection-reason{background:#fef2f2;border:2px solid #fecaca;border-radius:12px}.rejection-reason strong{color:#dc2626;display:block;margin-bottom:8px}.rejection-reason p{color:#7f1d1d;margin:0}.form-data-preview{margin-bottom:25px}.form-data-preview h4{border-bottom:2px solid #f0f0f0;color:#1f2937;color:var(--dark-text);font-size:1.1rem;font-weight:600;margin-bottom:15px;padding-bottom:8px}.data-grid{grid-gap:12px;gap:12px;grid-template-columns:1fr}.data-item{grid-gap:12px;background:#f8fafc;border-left:4px solid #c41e3a;border-left:4px solid var(--primary-color);display:grid;gap:12px;grid-template-columns:1fr 1.5fr}.data-label{color:#1f2937;color:var(--dark-text)}.data-value{color:#6b7280;color:var(--accent-color);font-size:.9rem;font-weight:500}.form-review-actions{border-top:2px solid #f0f0f0;display:flex;gap:15px;justify-content:center;padding-top:20px}.approve-btn{align-items:center;background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--success-color) 0,#10b981 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.approve-btn:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.reject-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.reject-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}.company-actions{display:flex;gap:10px;margin-top:15px}.review-btn:hover{background:linear-gradient(135deg,#d97706,#b45309)!important;box-shadow:0 8px 25px #f59e0b4d;transform:translateY(-2px)}.view-btn:hover{box-shadow:0 8px 25px #c41e3a4d;transform:translateY(-2px)}@media (max-width:1024px){.forms-review-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.review-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.forms-review-grid{gap:16px;grid-template-columns:1fr}.form-review-card{padding:24px}.form-review-header{align-items:flex-start;flex-direction:column;gap:12px}.data-item{gap:8px;grid-template-columns:1fr}.form-review-actions{flex-direction:column;gap:12px}.approve-btn,.reject-btn{justify-content:center;width:100%}.company-actions{flex-direction:column;gap:8px}.review-btn,.view-btn{text-align:center;width:100%}}@media (max-width:480px){.form-review-card{padding:20px}.review-stats{grid-template-columns:repeat(2,1fr)}.review-stats .stat-number{font-size:1.8rem}}@keyframes formReviewSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-review-card{animation:formReviewSlideIn .6s ease-out}.form-review-card:first-child{animation-delay:.1s}.form-review-card:nth-child(2){animation-delay:.2s}.form-review-card:nth-child(3){animation-delay:.3s}@keyframes approveSuccess{0%{transform:scale(1)}50%{background:linear-gradient(135deg,#10b981,#059669);transform:scale(1.05)}to{transform:scale(1)}}@keyframes rejectError{0%{transform:scale(1)}50%{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.05)}to{transform:scale(1)}}.approve-btn:active{animation:approveSuccess .3s ease}.reject-btn:active{animation:rejectError .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.form-stage-container,body{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.form-stage-container{animation:fadeIn .6s ease-in;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-in}.slide-in-left{animation:slideInLeft .8s ease-out}.slide-in-right{animation:slideInRight .8s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.form-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:25px}.form-progress h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px #0000001a}.progress-bar{background:#e2e8f0;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{background:linear-gradient(90deg,#4299e1,#3182ce);box-shadow:0 2px 8px #4299e14d;transition:width .5s ease}.back-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.back-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.form-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:30px;padding:40px}.form-content h3{border-bottom:3px solid #4299e1;color:#2d3748;font-size:1.6rem;font-weight:700;margin-bottom:30px;padding-bottom:15px;text-align:center;text-shadow:0 2px 4px #0000001a}.form-container{margin:0 auto;max-width:100%}.company-header{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 15px #0000000d;margin-bottom:40px;padding:30px;text-align:center}.company-header h2{color:#2d3748;font-size:1.5rem;font-weight:800;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.company-header h3{color:#4a5568;font-size:1.3rem;font-weight:600;text-decoration:underline;text-underline-offset:5px}.form-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#2d3748;font-size:.95rem;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;padding:12px 16px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;transform:translateY(-1px)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#cbd5e0;box-shadow:0 4px 8px #0000001a}.form-table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin:30px 0;overflow:hidden;width:100%}.form-table th{background:linear-gradient(135deg,#4299e1,#3182ce);border-bottom:2px solid #2b77cb;color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.5px;padding:18px 15px;text-align:center;text-transform:capitalize}.form-table td{border-bottom:1px solid #e2e8f0;font-weight:500;padding:15px;text-align:center;vertical-align:middle}.form-table tr:nth-child(2n){background:#f8fafc}.form-table tr:hover{background:#edf2f7;transform:scale(1.01);transition:all .2s ease}.form-table input,.form-table select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:10px 12px;transition:all .3s ease;width:100%}.form-table input:focus,.form-table select:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e133;outline:none}.signature-section{grid-gap:30px;background:linear-gradient(135deg,#f7fafc,#edf2f7);display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:40px 0;padding:30px}.signature-box,.signature-section{border:2px solid #e2e8f0;border-radius:15px}.signature-box{background:#fff;box-shadow:0 8px 25px #0000001a;padding:25px;text-align:center;transition:all .3s ease}.signature-box:hover{border-color:#4299e1;box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.signature-box label{color:#2d3748;display:block;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.signature-box input{border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;margin-bottom:15px;padding:12px;transition:all .3s ease;width:100%}.signature-box input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.signature-box canvas{background:#fafafa;border:3px solid #e2e8f0;border-radius:10px;cursor:crosshair;margin:15px 0;transition:all .3s ease}.signature-box canvas:hover{border-color:#4299e1;box-shadow:0 4px 15px #4299e133}.clear-signature-btn{background:linear-gradient(135deg,#f56565,#e53e3e);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-top:10px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.clear-signature-btn:hover{background:linear-gradient(135deg,#e53e3e,#c53030);box-shadow:0 4px 15px #f565654d;transform:translateY(-2px)}.signature-box small{color:#718096;display:block;font-style:italic;font-weight:500;margin-top:10px}.form-actions{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:15px;display:flex;gap:20px;justify-content:space-between;margin-top:40px;padding:25px}.prev-btn,.submit-btn{border:none;border-radius:25px;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;min-width:150px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.prev-btn{background:linear-gradient(135deg,#718096,#4a5568);box-shadow:0 4px 15px #7180964d;color:#fff}.prev-btn:hover{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 6px 20px #71809666;transform:translateY(-3px)}.submit-btn{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 15px #48bb784d}.submit-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 6px 20px #48bb7866;transform:translateY(-3px)}.prev-btn:active,.submit-btn:active{transform:translateY(0)}.photo-upload-section{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:2px solid #feb2b2;border-radius:15px;margin:30px 0;padding:25px}.photo-upload-section h4{color:#c53030;font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin-bottom:20px;text-align:center;text-transform:uppercase}.photo-upload-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.photo-upload-item{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:20px;text-align:center;transition:all .3s ease}.photo-upload-item:hover{border-color:#4299e1;box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.photo-upload-item label{color:#2d3748;display:block;font-size:.9rem;font-weight:600;margin-bottom:10px}.photo-upload-item input[type=file]{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;padding:10px;transition:all .3s ease;width:100%}.photo-upload-item input[type=file]:hover{background:#edf2f7;border-color:#4299e1}.form-success{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);border:2px solid #68d391;border-radius:10px;box-shadow:0 4px 15px #68d39133;color:#22543d;font-weight:600;margin:20px 0;padding:20px;text-align:center}@media (max-width:768px){.form-stage-container{padding:15px}.form-header{flex-direction:column;text-align:center}.form-content{padding:25px}.form-grid,.signature-section{gap:20px;grid-template-columns:1fr}.form-actions{flex-direction:column;gap:15px}.prev-btn,.submit-btn{width:100%}.form-table{font-size:.85rem}.form-table td,.form-table th{padding:10px 8px}.signature-box canvas{height:100px;width:100%}.company-header h2{font-size:1.2rem}.company-header h3{font-size:1.1rem}}@media (max-width:480px){.form-content h3{font-size:1.3rem}.form-progress h2{font-size:1.4rem}.form-table{font-size:.8rem}.photo-upload-grid{grid-template-columns:1fr}}@media print{.form-stage-container{background:#fff;padding:0}.form-actions,.form-header{display:none}.form-content{background:#fff;border:none;padding:20px}.form-content,.form-table{box-shadow:none}.signature-box canvas{border:2px solid #000}.photo-upload-section{display:none}}@media (prefers-contrast:high){.form-table th{background:#000;color:#fff}.form-group input,.form-group select,.form-group textarea,.form-table td{border:2px solid #000}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible,.form-table input:focus-visible,.form-table select:focus-visible{outline:3px solid #4299e1;outline-offset:2px}.form-loading{opacity:.6;pointer-events:none;position:relative}.form-loading:after{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#4299e1;content:"";height:40px;left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3182ce,#2c5aa0)}.stage-management{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e5e7eb;border-radius:12px}.stage-management h4{color:var(--dark-text);font-size:1rem;font-weight:600;text-align:center}.stages-row{display:flex;justify-content:space-between}.stage-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;flex:1 1;flex-direction:column}.stage-item.approved{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:var(--success-color)}.stage-item.pending-approval{animation:pendingPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:var(--warning-color)}@keyframes pendingPulse{0%,to{box-shadow:0 0 0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b1a}}.stage-item.available{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:var(--primary-color)}.stage-item.locked{background:#f9fafb;border-color:#d1d5db;opacity:.6}.stage-number{align-items:center;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:.9rem;height:30px;justify-content:center;margin-bottom:8px;width:30px}.stage-item.approved .stage-number{background:var(--success-color)}.stage-item.pending-approval .stage-number{background:var(--warning-color)}.stage-item.available .stage-number{background:var(--primary-color)}.stage-item.locked .stage-number{background:#9ca3af}.stage-status-text{font-size:.75rem;line-height:1.2;text-align:center}.review-stage-btn{background:linear-gradient(135deg,var(--warning-color) 0,#d97706 100%);border-radius:6px;font-size:.7rem;padding:4px 8px}.review-stage-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.stage-info-card{background:#fff;border:3px solid var(--primary-color);border-radius:16px;box-shadow:0 4px 15px #00000014;padding:24px;text-align:center}.stage-info-card h3{color:var(--primary-color);font-size:1.4rem;margin-bottom:16px}.stage-info-card p{color:var(--dark-text);font-size:1rem;margin:8px 0}.stage-approval-actions{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e5e7eb;border-radius:16px}.approve-stage-btn{align-items:center;background:linear-gradient(135deg,var(--success-color) 0,#10b981 100%);border-radius:12px;display:flex;gap:10px;padding:16px 32px}.approve-stage-btn:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 12px 32px #10b98166}.approve-stage-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.reject-stage-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;display:flex;gap:10px;padding:16px 32px}.reject-stage-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 12px 32px #ef444466;transform:translateY(-3px)}.stages-review-container{display:flex;flex-direction:column;gap:40px}.stage-forms-section{background:#fff;border:3px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:30px;position:relative}.stage-forms-section:before{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);content:"";height:6px;left:0;position:absolute;right:0;top:0}.stage-forms-section h3{border-bottom:2px solid #f0f0f0;color:var(--primary-color);margin-bottom:25px;padding-bottom:15px;text-align:center}.form-review-card h4{color:var(--dark-text);font-size:1.1rem;font-weight:600;margin:0}.form-review-card h5{color:var(--dark-text);font-size:1rem;font-weight:600;margin-bottom:12px}.view-forms-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}@media (max-width:768px){.stage-management{padding:16px}.stages-row{flex-direction:column;gap:12px}.stage-item{align-items:center;flex-direction:row;justify-content:space-between;padding:12px 16px}.stage-number,.stage-status-text{margin-bottom:0;margin-right:12px}.stage-status-text{flex:1 1;text-align:left}.stage-approval-actions{flex-direction:column;gap:16px}.approve-stage-btn,.reject-stage-btn{justify-content:center;width:100%}.company-actions{flex-direction:column;gap:8px}.view-btn,.view-forms-btn{text-align:center;width:100%}}@media (max-width:480px){.stage-approval-actions,.stage-forms-section,.stage-info-card{padding:20px}.approve-stage-btn,.reject-stage-btn{font-size:1rem;padding:12px 20px}}.stage-loading{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;justify-content:center;margin:20px 0;min-height:200px}.stage-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top:3px solid var(--primary-color);height:40px;margin-bottom:16px;width:40px}.stage-loading-text{color:var(--accent-color);font-size:.9rem;font-weight:500}.notification-banner{align-items:center;animation:slideInRight .3s ease-out;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;font-weight:600;gap:12px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-banner.success{background:linear-gradient(135deg,var(--success-color) 0,#10b981 100%);color:#fff}.notification-banner.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-banner.warning{background:linear-gradient(135deg,var(--warning-color) 0,#d97706 100%);color:#fff}@media print{.company-actions,.review-stage-btn,.stage-approval-actions{display:none}.stage-forms-section{border:2px solid #000;margin-bottom:30px}.form-review-card,.stage-forms-section{box-shadow:none;break-inside:avoid;page-break-inside:avoid}.form-review-card{border:1px solid #000;margin-bottom:20px}}.stage-header-clickable:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.forms-dropdown-content{overflow:hidden}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:2000px;opacity:1;transform:translateY(0)}}.download-all-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)!important;box-shadow:0 8px 25px #6366f14d;transform:translateY(-2px)}.header-actions{align-items:center;display:flex}.form-review-card:hover{box-shadow:0 8px 25px #00000026!important;transform:translateY(-2px)}@media (max-width:768px){.header-actions{flex-direction:column;gap:12px;width:100%}.download-all-btn{justify-content:center;margin-bottom:8px;margin-right:0!important;width:100%}.stage-header-clickable{padding:12px 16px!important}.stage-header-clickable h3{font-size:1.1rem!important}}.etc-main{margin:0 auto;max-width:1400px;padding:30px 20px}.Companys-grid,.companies-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.Company-card,.Project-card{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 8px 25px #00000014;padding:25px;transition:all .3s ease}.Company-card:hover,.Project-card:hover{border-color:#667eea;box-shadow:0 12px 30px #0000001f;transform:translateY(-3px)}.Company-header,.Project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.Company-icon,.Project-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.Company-card h3,.Project-card h3{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:10px}.Company-card p,.Project-card p{color:#666;line-height:1.6;margin-bottom:15px}.Company-footer,.Project-footer{align-items:center;color:#888;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin-bottom:15px}.progress-bar{background:#e1e5e9;border-radius:10px;height:8px;margin:10px 0;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4caf50,#45a049);border-radius:10px;height:100%;transition:width .6s ease}.status-badge{border-radius:15px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-completed{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.status-progress{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.status-pending{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.status-default{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.stage-management{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:1px solid #e1e5e9;border-radius:10px;margin-top:20px;padding:20px}.stage-management h4{color:#333;font-size:1.1rem;font-weight:700;margin-bottom:15px}.stages-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stage-item{border:2px solid #0000;border-radius:8px;padding:12px 8px;text-align:center;transition:all .3s ease}.stage-item.approved{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#4caf50;color:#155724}.stage-item.pending-approval{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#ff9800;color:#856404}.stage-item.available{background:linear-gradient(135deg,#cce5ff,#b3d9ff);border-color:#2196f3;color:#004085}.stage-item.locked{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#6c757d;color:#6c757d}.stage-number{font-size:1.2rem;font-weight:700;margin-bottom:5px}.stage-status-text{font-size:.8rem;font-weight:600;margin-bottom:8px}.review-stage-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.review-stage-btn:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.Project-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.submit-test-btn,.view-btn,.view-forms-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:5px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.submit-test-btn:hover,.view-btn:hover,.view-forms-btn:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:40px;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;gap:15px;margin-bottom:25px;padding-bottom:20px}.modal-header h3{color:#333;font-size:1.5rem;font-weight:700}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.submit-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:25px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.submit-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.cancel-btn{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:25px;box-shadow:0 4px 15px #6c757d4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-btn:hover{box-shadow:0 6px 20px #6c757d66;transform:translateY(-2px)}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.stage-review-summary{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;padding:25px}.stage-info-card{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:2px solid #e1e5e9;border-radius:10px;padding:20px}.stage-info-card h3{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:15px}.stage-info-card p{color:#666;margin-bottom:8px}.forms-review-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.form-review-card{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 8px 25px #00000014;padding:25px;transition:all .3s ease}.form-review-card:hover{box-shadow:0 12px 30px #0000001f;transform:translateY(-3px)}.form-review-card.approved{background:linear-gradient(135deg,#f8fff8,#f0fff0);border-color:#4caf50}.form-review-card.rejected{background:linear-gradient(135deg,#fff8f8,#fff0f0);border-color:#f44336}.form-review-card.pending-review{background:linear-gradient(135deg,#fffaf8,#fff5f0);border-color:#ff9800}.form-review-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.form-review-header h3,.form-review-header h4{color:#333;font-size:1.2rem;font-weight:700}.form-review-details{margin-bottom:20px}.form-review-details p{color:#666;margin-bottom:8px}.rejection-reason{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border-left:4px solid #f44336;border-radius:8px;margin-top:15px;padding:15px}.rejection-reason strong{color:#d32f2f}.rejection-reason p{color:#666;font-style:italic;margin-top:8px}.form-data-preview{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:1px solid #e1e5e9;border-radius:10px;padding:20px}.form-data-preview h4,.form-data-preview h5{color:#333;font-size:1.1rem;font-weight:700;margin-bottom:15px}.data-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.data-item{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:12px}.data-label{color:#333;display:block;font-size:.9rem;font-weight:600;margin-bottom:5px;text-transform:capitalize}.data-value{color:#666;font-size:.95rem;word-break:break-word}.stage-approval-actions{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;display:flex;gap:20px;justify-content:center;margin-top:40px;padding:30px}.approve-stage-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:25px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.approve-stage-btn:hover:not(:disabled){box-shadow:0 8px 25px #4caf5066;transform:translateY(-3px)}.reject-stage-btn{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:25px;box-shadow:0 4px 15px #f443364d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.reject-stage-btn:hover:not(:disabled){box-shadow:0 8px 25px #f4433666;transform:translateY(-3px)}.approve-stage-btn:disabled,.reject-stage-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.submitter-review-summary{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;padding:25px}.review-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:2px solid #e1e5e9;border-radius:10px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.stat-card h4{color:#333;font-size:1rem;font-weight:600;margin-bottom:10px}.stat-number{color:#667eea;font-size:2rem;font-weight:700}.stages-review-container{margin-top:30px}.stage-forms-section{margin-bottom:40px}.stage-forms-section h3{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#333;color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:20px;padding:15px 20px;text-shadow:0 2px 4px #0000004d}.dashboard-footer{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;margin-top:60px;padding:40px 20px;text-align:center}.footer-logo{align-items:center;display:flex;flex-direction:column;gap:10px}.footer-logo .logo{height:40px;width:auto}.footer-logo p{color:#666;font-weight:500}.no-data-message{background:#fff;border:2px dashed #e1e5e9;border-radius:15px;box-shadow:0 4px 20px #00000014;color:#666;font-size:1.2rem;padding:60px 20px;text-align:center}@media (max-width:768px){.mobile-menu-toggle{display:flex}.header-right.desktop-only{display:none}.header-content{padding:0 15px}.header-title h1{font-size:1.4rem}.header-title p{font-size:.9rem}.etc-main{padding:20px 15px}.section-header{flex-direction:column;gap:20px;text-align:center}.section-actions{justify-content:center;width:100%}.Companys-grid,.companies-grid,.departments-grid,.forms-review-grid{grid-template-columns:1fr}.stages-row{grid-template-columns:repeat(2,1fr)}.Project-actions{flex-direction:column}.stage-approval-actions{align-items:center;flex-direction:column}.approve-stage-btn,.reject-stage-btn{max-width:300px;width:100%}.review-stats{grid-template-columns:repeat(2,1fr)}.data-grid{grid-template-columns:1fr}.modal-content{margin:20px;padding:25px}.modal-actions{flex-direction:column;gap:10px}.cancel-btn,.submit-btn{width:100%}}
/*# sourceMappingURL=main.b2ba25f3.css.map*/