@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}div,h1,h2,h3,h4,h5,h6,input,label,li,p,select,span,td,textarea,th{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}:root{--primary-color:#2c3e50;--primary-light:#4a6572;--secondary-color:#95a5a6;--success-color:#2ecc71;--warning-color:#f39c12;--danger-color:#e74c3c;--light-color:#f8f9fa;--dark-color:#1a1a1a;--text-color:#333;--text-light:#7f8c8d;--border-color:#ddd;--border-radius:8px;--box-shadow:0 10px 30px #00000014;--transition:all 0.3s ease}body{background-color:#f5f7fa;color:#333;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;padding:0}.dashboard-container{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);min-height:100vh;padding:2rem 0}.card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 10px 30px #00000014;box-shadow:var(--box-shadow);overflow:hidden;padding:2rem;position:relative;transition:all .3s ease;transition:var(--transition)}.card:before{background:linear-gradient(90deg,#2c3e50,#4a6572);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));content:"";height:5px;left:0;position:absolute;top:0;width:100%}.card:hover{box-shadow:0 15px 35px #0000001a}.card-title{color:#2c3e50;color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.card-title:after{background:#4a6572;background:var(--primary-light);bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.btn{align-items:center;background:#2c3e50;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.btn:hover{background:#4a6572;background:var(--primary-light);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-secondary{background:#95a5a6;background:var(--secondary-color)}.btn-secondary:hover{background:#7f8c8d}.btn-success{background:#2ecc71;background:var(--success-color)}.btn-success:hover{background:#27ae60}.btn-warning{background:#f39c12;background:var(--warning-color)}.btn-warning:hover{background:#e67e22}.btn-danger{background:#e74c3c;background:var(--danger-color)}.btn-danger:hover{background:#c0392b}.form-control{margin-bottom:1.5rem}.form-label{color:var(--primary-color)}.form-input{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.95rem;padding:.75rem 1rem;transition:var(--transition)}.form-input:focus{border-color:#4a6572;border-color:var(--primary-light);box-shadow:0 0 0 3px #4a65721a}.alert{align-items:center;border-radius:8px;border-radius:var(--border-radius);display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.alert-error{background:#fff5f5;border-left:4px solid #e74c3c;border-left:4px solid var(--danger-color);color:#c0392b}.alert-warning{background:#fff9ec;border-left:4px solid #f39c12;border-left:4px solid var(--warning-color);color:#d35400}.alert-success{background:#f0fff4;border-left:4px solid #2ecc71;border-left:4px solid var(--success-color);color:#27ae60}.alert-info{background:#e6f7ff;border-left:4px solid #3498db;color:#2980b9}.badge{align-items:center;border-radius:50px;display:inline-flex;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.badge-pending{background:#f8f9fa;background:var(--light-color);color:#7f8c8d;color:var(--text-light)}.badge-approved{background:#2ecc71;background:var(--success-color);color:#fff}.badge-overdue,.badge-rejected{background:#e74c3c;background:var(--danger-color);color:#fff}.badge-overdue{animation:pulse 2s infinite}.fade-in{animation:fadeIn .5s ease-in-out}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.row{display:flex;flex-wrap:wrap;margin:0 -1rem}.col{flex:1 0;padding:0 1rem}@media (max-width:768px){.row{flex-direction:column}.col{margin-bottom:1.5rem}}.spinner-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.spinner{border-top:5px solid var(--primary-color)}.fade-enter{opacity:0;transform:translateY(20px)}.fade-enter-active{transition:opacity .4s ease,transform .4s cubic-bezier(.2,.8,.2,1)}.fade-enter-active,.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .4s ease,transform .4s cubic-bezier(.2,.8,.2,1)}.staggered-item{animation:fadeIn .5s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;transform:translateY(20px)}.staggered-item:first-child{animation-delay:.1s}.staggered-item:nth-child(2){animation-delay:.2s}.staggered-item:nth-child(3){animation-delay:.3s}.staggered-item:nth-child(4){animation-delay:.4s}.staggered-item:nth-child(5){animation-delay:.5s}.staggered-item:nth-child(6){animation-delay:.6s}.staggered-item:nth-child(7){animation-delay:.7s}.staggered-item:nth-child(8){animation-delay:.8s}.staggered-item:nth-child(9){animation-delay:.9s}.staggered-item:nth-child(10){animation-delay:1s}.pulse{animation:pulse 2s infinite}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fff9 50%,#fff0);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float{animation:float 4s ease-in-out infinite}@keyframes scale{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.scale{animation:scale 4s ease-in-out infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-gradient{animation:gradient 15s ease infinite;background-size:200% 200%}.hover-lift{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.hover-lift:hover{transform:translateY(-5px)}.hover-scale{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.hover-scale:hover{transform:scale(1.03)}.elegant-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #4f46e51a;border-radius:50%;border-top-color:#4f46e5;height:40px;width:40px}.page-enter{opacity:0;transform:scale(.98)}.page-enter-active{transition:opacity .3s,transform .3s}.page-enter-active,.page-exit{opacity:1;transform:scale(1)}.page-exit-active{opacity:0;transform:scale(1.02);transition:opacity .3s,transform .3s}.button-hover{transition:all .3s ease}.button-hover:after{background:linear-gradient(90deg,#0000,#fff3,#0000);left:-100%;transition:all .5s ease}.button-hover:hover:after{left:100%}.image-zoom{overflow:hidden}.image-zoom img{transition:transform .5s ease}.image-zoom:hover img{transform:scale(1.1)}@keyframes statusPulse{0%{box-shadow:0 0 0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.status-pulse{animation:statusPulse 2s infinite}@keyframes bell{0%{transform:rotate(0)}10%{transform:rotate(10deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}40%{transform:rotate(-6deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}.bell-animation{animation:bell 2s infinite;transform-origin:top center}.typing-indicator{align-items:center;display:flex}.typing-indicator span{background-color:#4f46e5;border-radius:50%;display:inline-block;height:8px;margin:0 2px;opacity:.4;width:8px}.typing-indicator span:first-child{animation:typing 1s 0s infinite}.typing-indicator span:nth-child(2){animation:typing 1s .2s infinite}.typing-indicator span:nth-child(3){animation:typing 1s .4s infinite}@keyframes typing{0%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.4;transform:scale(1)}}.spinner{border:4px solid #0000001a;border-left-color:#000;height:36px;width:36px}.loading-container{flex-direction:column;height:100vh;width:100%}.loading-container p{font-family:sans-serif;margin-top:16px}.gatekeeper-dashboard{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,sans-serif;min-height:100vh;padding-bottom:60px}.categories-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:20px}.category-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.category-card:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.category-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #0000000d;padding:24px}.category-title{align-items:center;color:#0f172a;display:flex;font-size:1.5rem;font-weight:600;gap:10px;margin:0}.category-description{color:#64748b;font-size:.9rem;margin:8px 0 0}.category-content{flex-grow:1;max-height:calc(100vh - 250px);overflow-y:auto;padding:24px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.category-content::-webkit-scrollbar{width:6px}.category-content::-webkit-scrollbar-track{background:#0000}.category-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:6px}.card-container{display:flex;flex-direction:column;gap:16px}.gatepass-card{background-color:#fff;border-left:5px solid #3f51b5;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:16px;transition:all .3s ease}.gatepass-card:nth-child(odd){background-color:#f9f9f9}.gatepass-card:hover{box-shadow:0 4px 8px #00000026}.gatepass-card.expanded{border-left:5px solid #4caf50;box-shadow:0 4px 12px #0003}.gatepass-card.completed{border-left:5px solid #4caf50;transition:max-height .3s ease,opacity .3s ease}.gatepass-card.completed:not(.expanded){cursor:pointer;padding:12px 16px}.completed-badge{background-color:#4caf50;border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;margin-left:8px;padding:3px 8px;text-transform:uppercase}.completed-header{align-items:center;display:flex;justify-content:space-between}.expand-icon{transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.gatepass-details{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.gatepass-details.expanded{margin-top:12px;max-height:2000px;opacity:1}.category-progress .gatepass-card:before,.category-single .gatepass-card:before{background:linear-gradient(180deg,#1e3a8a,#2563eb);border-radius:4px 0 0 4px;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.category-completed .gatepass-card,.category-progress .gatepass-card{align-items:center;background:#f8fafc;cursor:pointer;display:flex;max-height:60px;overflow:hidden;padding:15px;transition:max-height .5s ease,padding .3s ease}.category-progress .gatepass-card:not(.expanded){display:flex;justify-content:space-between;max-height:90px;padding:15px 20px}.category-completed .gatepass-card.expanded,.category-progress .gatepass-card.expanded{background:#fff;cursor:default;max-height:2000px;padding:20px}.category-completed .gatepass-card:not(.expanded) .gatepass-header,.category-progress .gatepass-card:not(.expanded) .gatepass-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;width:100%}.category-completed .gatepass-card:not(.expanded) .gatepass-title,.category-progress .gatepass-card:not(.expanded) .gatepass-title{align-items:center;display:flex;font-size:1rem;margin:0}.category-progress .gatepass-card:not(.expanded) .gatepass-title{font-size:1.1rem;font-weight:600;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-completed .gatepass-card:not(.expanded) .completed-badge{align-items:center;background-color:#10b981;border-radius:50px;color:#fff;display:flex;font-size:.75rem;font-weight:600;margin-left:auto;padding:4px 12px}.category-progress .gatepass-card:not(.expanded) .status-chips{display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:0;margin-left:8px}.category-progress .gatepass-card:not(.expanded) .status-chip{font-size:.75rem;margin-left:0;padding:4px 8px;white-space:nowrap}.category-progress .gatepass-card:not(.expanded) .status-approved{background-color:#10b98126;color:#059669;font-weight:600}.category-progress .gatepass-card:not(.expanded) .status-pending,.category-progress .gatepass-card:not(.expanded) .status-return-pending{background-color:#f59e0b26;color:#d97706;font-weight:600}.category-progress .gatepass-card:not(.expanded) .status-overdue{background-color:#ef444426;color:#dc2626;font-weight:600}.completed-badge .check-icon{font-size:1rem;margin-right:6px}.gatepass-info{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.gatepass-image-container{margin:1rem 0;max-width:100%}.gatepass-image{object-fit:cover}.approve-button{align-items:center;background:linear-gradient(135deg,#1e3a8a,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 12px #2563eb33;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:10px 16px;transition:all .3s ease;width:100%}.approve-button:hover{box-shadow:0 6px 16px #2563eb4d;transform:translateY(-2px)}.approve-button:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.empty-state{padding:40px 20px}.empty-text{margin:0}.category-single .category-title:before{background-color:#f59e0b}.category-progress .category-title:before,.category-single .category-title:before{border-radius:50%;content:"";display:inline-block;height:12px;margin-right:8px;width:12px}.category-progress .category-title:before{background-color:#2563eb}.category-completed .category-title:before{background-color:#10b981;border-radius:50%;content:"";display:inline-block;height:12px;margin-right:8px;width:12px}.category-inconsistency .category-title:before{background-color:#f44336;border-radius:50%;content:"";display:inline-block;height:12px;margin-right:8px;width:12px}.gatepass-card.inconsistency{background-color:#f443360d;border-left:5px solid #f44336}.status-chip.status-inconsistency_reported{animation:pulse 2s infinite;background-color:#f443361a;border:1px solid #f4433633;color:#d32f2f}.item-checkbox-row.incomplete{background-color:#faebd74d;border-radius:4px}.item-status.inconsistency{align-items:center;background-color:#f443361a;border:1px solid #f4433633;border-radius:4px;color:#d32f2f;display:flex;font-weight:500;gap:8px;padding:6px 12px}@media (max-width:768px){.dashboard-container{overflow-x:hidden;padding:12px 8px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}.dashboard-title{font-size:1.5rem;margin-bottom:0}.dashboard-subtitle{font-size:1rem}.category-card{border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px}.category-header{padding:12px}.category-title{font-size:1.1rem}.category-content{max-height:none;overflow-y:auto;padding:0}.gatepass-card{border-radius:8px;margin-bottom:12px;padding:12px;position:relative}.gatepass-title{font-size:1rem;font-weight:600;margin-bottom:8px}.gatepass-info{gap:8px;grid-template-columns:1fr;margin-top:8px}.info-row{margin-bottom:8px;padding:6px 0}.status-chips{flex-wrap:wrap;gap:6px;margin-top:8px}.status-chip{font-size:.75rem;padding:4px 8px}.items-list{margin-top:12px}.items-header{font-size:.9rem;padding:8px 0}.images-container{flex-direction:column;gap:16px;margin-top:12px}.image-section{margin-right:0;max-width:100%;width:100%}.gatepass-image{border-radius:6px;max-height:200px;object-fit:contain;width:100%}.image-placeholder{height:120px}.approve-button,.expand-button,.view-button{align-items:center;display:flex;font-size:.9rem;gap:6px;justify-content:center;margin-top:8px;min-height:44px;padding:8px 12px;width:100%}.manual-entry-badge{font-size:.75rem;justify-content:flex-start;margin-bottom:8px;max-width:100%;padding:4px 8px;width:auto}.item-label{font-size:.85rem}.item-checkbox-row{align-items:center;border-radius:6px;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:10px 8px}.item-checkbox{margin-left:0;margin-right:8px;transform:scale(1.2)}.item-name{flex:1 1;min-width:0;white-space:normal;word-break:break-word}.item-quantity{margin-left:auto;padding:2px 6px}.MuiDialog-paper{margin:16px;max-width:100%;width:calc(100% - 32px)}.dialog-image{max-height:70vh;max-width:100%}.dialog-container{padding:16px}.gatepass-card .expand-button{margin-top:8px;min-height:36px;width:100%}.category-completed .gatepass-card:not(.expanded){padding-bottom:8px}.category-completed .gatepass-card:not(.expanded) .gatepass-header{margin-bottom:0}.completion-message{font-size:.85rem;margin-top:12px;padding:8px}.overdue-warning{font-size:.8rem;margin-top:8px;padding:8px}.loading-container{margin:32px auto}.pdf-container{margin:12px 0;padding:8px}.pdf-header{font-size:.9rem}}.gatepass-card.overdue{border-left:4px solid #f44336}.status-chip.status-overdue{background-color:#f44336;color:#fff}.debug-panel{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.debug-panel button{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:8px 8px 8px 0;padding:8px 16px}.debug-panel h3{margin-top:0}.debug-panel ul{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:12px}.debug-button{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;color:#64748b;cursor:pointer;font-size:.8rem;margin-top:10px;padding:6px 12px}.debug-button:hover{background:#e2e8f0}.items-checklist{background-color:#f9f9f9;border:1px solid #e6e6e6;border-radius:8px;margin:16px 0;padding:12px}.items-checklist h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.item-checkbox-row{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:10px 0}.item-checkbox-row:last-child{border-bottom:none}.item-details{display:flex;flex:1 1;flex-direction:column}.item-amount{margin-top:2px}.item-details .item-name{font-weight:500;margin-bottom:4px}.item-details .item-quantity{color:#666;font-size:.9em}.item-checkbox{align-items:center;display:flex;gap:8px}.item-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.item-checkbox label{cursor:pointer;-webkit-user-select:none;user-select:none}.approve-button.disabled{background:linear-gradient(135deg,#94a3b8,#cbd5e1);box-shadow:none;color:#f8fafc;cursor:not-allowed}.approve-button.disabled:hover{box-shadow:none;transform:none}.item-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.7}.item-checkbox input[type=checkbox]:disabled+label{color:#64748b;cursor:not-allowed}.item-checkbox.completed input[type=checkbox]{cursor:not-allowed;opacity:.7}.item-checkbox.completed label,.item-status.completed{color:#059669;font-weight:500}.item-status.completed{align-items:center;display:flex;gap:8px}.completed-icon{color:#059669;font-size:20px}.item-checkbox-row.completed{background-color:#10b9810d;border-radius:4px;padding:8px}.debug-button,.debug-panel{display:none}.completed-items{background-color:#f9fafb;border:1px solid #e5e7eb}.item-row.completed{align-items:center;background-color:#10b9810d;border-bottom:1px solid #eaeaea;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.item-row.completed:last-child{border-bottom:none;margin-bottom:0}.item-status.approved{align-items:center;background-color:#10b9811a;border:1px solid #10b98133;border-radius:4px;color:#059669;display:flex;font-weight:500;gap:8px;padding:6px 12px}.approved-icon{color:#059669;font-size:18px}.completion-message{align-items:center;background-color:#10b9811a;border:1px solid #10b98133;border-radius:8px;color:#059669;display:flex;font-weight:500;gap:8px;justify-content:center;margin-top:16px;padding:12px}.completion-icon{color:#059669}.manual-entry-badge{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;display:flex;font-size:.85rem;margin-bottom:10px;padding:4px 8px}.manual-entry-badge svg{color:#555;font-size:1rem;margin-right:6px}.images-container{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.image-section{flex:1 1 200px;min-width:150px}.image-section h4{color:#555;font-size:.95rem;margin-bottom:8px;margin-top:0}.category-completed .gatepass-card:not(.expanded) .completion-message,.category-completed .gatepass-card:not(.expanded) .gatepass-info,.category-completed .gatepass-card:not(.expanded) .images-container,.category-completed .gatepass-card:not(.expanded) .info-row,.category-completed .gatepass-card:not(.expanded) .items-list,.category-progress .gatepass-card:not(.expanded) .gatepass-info,.category-progress .gatepass-card:not(.expanded) .images-container,.category-progress .gatepass-card:not(.expanded) .info-row,.category-progress .gatepass-card:not(.expanded) .items-list,.category-progress .gatepass-card:not(.expanded) .progress-container{display:none}.category-completed .gatepass-card.expanded .completion-message,.category-completed .gatepass-card.expanded .gatepass-info,.category-completed .gatepass-card.expanded .images-container,.category-completed .gatepass-card.expanded .info-row,.category-completed .gatepass-card.expanded .items-list,.category-progress .gatepass-card.expanded .gatepass-info,.category-progress .gatepass-card.expanded .images-container,.category-progress .gatepass-card.expanded .info-row,.category-progress .gatepass-card.expanded .items-list,.category-progress .gatepass-card.expanded .progress-container{display:block}.pdf-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:16px 0;padding:16px}.pdf-container h4{color:#334155;font-size:1rem;margin-bottom:12px;margin-top:0}.pdf-viewer{display:flex;flex-direction:column;gap:12px}.pdf-info{align-items:center;color:#334155;display:flex;font-weight:500}.pdf-actions{margin-top:8px}.pdf-action-buttons,.pdf-actions{display:flex;flex-wrap:wrap;gap:8px}.confirm-review-button,.download-pdf-button,.report-issue-button,.view-pdf-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;padding:8px 12px;transition:all .2s ease}.view-pdf-button{background-color:#2563eb;color:#fff}.view-pdf-button:hover{background-color:#1d4ed8}.confirm-review-button{background-color:#10b981;color:#fff}.confirm-review-button:hover{background-color:#059669}.confirm-review-button:disabled{background-color:#d1d5db;color:#6b7280;cursor:not-allowed}.report-issue-button{background-color:#f43f5e;color:#fff}.report-issue-button:hover{background-color:#e11d48}.download-pdf-button{background-color:#4b5563;color:#fff}.download-pdf-button:hover{background-color:#374151}.pdf-review-reminder{background-color:#fffbeb;border-left:3px solid #f59e0b;border-radius:6px;color:#f59e0b;font-size:.85rem;padding:8px 12px}.pdf-review-status{align-items:center;display:flex;gap:8px;margin-bottom:8px}.pdf-review-status input[type=checkbox]{accent-color:#10b981;height:18px;width:18px}.pdf-review-status label{cursor:pointer;font-size:.9rem}.physical-copy-notice{background-color:#fff7ed;border:1px solid #fdba74;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:12px}.physical-copy-notice span{align-items:center;color:#c2410c;display:flex;font-size:.9rem}.pdf-additional-actions{display:flex;justify-content:flex-end;margin-top:8px}.pdf-loading{align-items:center;color:#6b7280;display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:16px}.pdf-error{background-color:#fee2e2;border-left:3px solid #ef4444;border-radius:6px;color:#ef4444;font-size:.9rem;padding:12px}.manual-items-container{background-color:#f0f9ff;border:1px solid #bae6fd;border-left:4px solid #2563eb;border-radius:8px;margin:16px 0;padding:16px}.manual-items-title{color:#0c4a6e}.manual-items-list{background-color:#fff;border:1px solid #e0f2fe;border-radius:6px;margin-bottom:0;padding:12px}@media (max-width:768px){.manual-items-container,.pdf-container{margin:12px 0;padding:12px}.pdf-actions{flex-direction:column;width:100%}.confirm-review-button,.download-pdf-button,.report-issue-button,.view-pdf-button{justify-content:center;width:100%}.manual-items-title{font-size:.95rem}}.success-message{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#4caf5026;border-left:4px solid #4caf50;border-radius:4px;display:flex;margin:16px 0;padding:16px}.success-message .success-icon{color:#4caf50;margin-right:8px}.success-message span{color:#1b5e20;font-weight:500}@media (max-width:768px){.success-message{margin:12px 0;padding:12px}}.view-pdf-button.mobile{align-items:center;background:linear-gradient(135deg,#004d40,#00796b);border-radius:8px;box-shadow:0 4px 8px #00796b4d;display:flex;font-size:1rem;gap:10px;justify-content:center;margin-bottom:10px;min-height:50px;padding:12px 16px;text-align:center}.view-pdf-button.mobile svg{font-size:1.2rem}@media (max-width:768px){.view-pdf-button{font-size:.9rem;height:auto;padding:12px 10px;white-space:normal}.view-pdf-button svg{flex-shrink:0}}.pdf-actions-container{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;height:100%;justify-content:center;overflow-y:auto;padding:30px 20px;text-align:center}.pdf-file-info{flex-direction:column;margin-bottom:30px}.pdf-file-info p{color:#333;font-size:1.1rem;margin:0 0 10px}.pdf-dialog-actions-centered{display:flex;flex-direction:column;gap:15px;max-width:350px;width:100%}.action-button{height:50px!important}.pdf-content-container{align-items:center;background-color:#f0f0f0;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}.pdf-dialog-container{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.pdf-dialog-header{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:center;padding:16px;z-index:10}.pdf-dialog-title{color:#333;font-size:1.1rem;font-weight:600;margin:0;text-align:center}@media (max-width:768px){.pdf-dialog-container{max-height:80vh;width:95%}.pdf-actions-container{padding:20px 15px}.pdf-dialog-actions-centered{max-width:100%}}.pdf-simplified-container{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-width:400px;overflow:hidden;padding:0;position:relative;width:90%}.pdf-confirmation{align-items:center;display:flex;flex-direction:column;padding:30px 20px;text-align:center}.confirmation-message{align-items:center;background-color:#4caf501a;border-radius:8px;display:flex;justify-content:center;margin:16px 0;padding:12px 16px;width:100%}.confirmation-message span{color:#2e7d32;font-weight:500}.pdf-instructions{color:#666;font-size:.95rem;margin-bottom:20px}.action-button{font-size:1rem!important;height:48px!important;margin:6px 0!important}@media (max-width:768px){.pdf-simplified-container{max-width:350px;width:95%}.pdf-confirmation{padding:24px 16px}.confirmation-message{padding:10px}.pdf-dialog-title{font-size:1.1rem}}.modification-badge{background-color:#ff9800;border-radius:4px;color:#fff;font-size:.8rem;font-weight:500;margin-left:8px;padding:2px 6px}.modification-info{background-color:#fff3e0;border-left:4px solid #ff9800;border-radius:8px;margin-top:12px;padding:12px}.verify-button{background-color:#4caf50!important}.verify-button:hover{background-color:#388e3c!important}.modify-button{background-color:#ff9800!important}.modify-button:hover{background-color:#f57c00!important}.reject-button{background-color:#f44336!important}.reject-button:hover{background-color:#d32f2f!important}.dialog-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 24px}.dialog-content{padding:24px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.status-chip[data-status=pending_verification]{background-color:#9c27b0;color:#fff}.status-chip[data-status=needs_modification]{background-color:#ff9800;color:#fff}.action-button{margin-bottom:8px!important;margin-right:8px!important}.tabs-container{padding:0}.section-header{align-items:center;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.date-filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.verification-status-badge{border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.log-entry{border-left:4px solid #e0e0e0;transition:border-left-color .3s ease}.log-entry:hover{border-left-color:#2196f3}.log-entry .gatepass-item-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.log-entry-dates{display:flex;flex-direction:column;gap:4px;text-align:right}.log-entry-dates .gatepass-item-date{color:#64748b;font-size:.875rem}.modification-reason{background-color:#fff3e0;border-left:3px solid #ff9800}.modification-reason,.rejection-reason{border-radius:6px;margin-top:8px;padding:8px 12px}.rejection-reason{background-color:#ffebee;border-left:3px solid #f44336}.modification-reason svg,.rejection-reason svg{margin-right:8px;vertical-align:middle}.MuiTabs-root{background:linear-gradient(135deg,#fff,#f8fafc)}.MuiTab-root{font-size:.95rem;font-weight:500;min-height:64px;text-transform:none}.MuiTab-root.Mui-selected{color:#1e3a8a;font-weight:600}.MuiTabs-indicator{background-color:#1e3a8a;height:3px}.log-entry[data-status=verified]{border-left-color:#4caf50}.log-entry[data-status=needs_modification]{border-left-color:#ff9800}.log-entry[data-status=rejected]{border-left-color:#f44336}@media (max-width:768px){.gatekeeper-dashboard{min-height:100vh;padding:0}.gatekeeper-dashboard .MuiContainer-root{max-width:100%;padding:12px 8px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px;padding:0 8px}.dashboard-header-left{width:100%}.dashboard-title{font-size:1.5rem!important;line-height:1.3;margin-bottom:8px}.dashboard-subtitle{font-size:.95rem;line-height:1.4}.logout-button{font-size:1rem;justify-content:center;min-height:44px;padding:12px 16px;width:100%}.section-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}.section-title{font-size:1.1rem;margin-bottom:0}.date-filter-container{align-items:stretch;flex-direction:column;gap:12px}.date-filter-container .MuiFormControl-root{margin:0!important;width:100%}.date-filter-container .MuiButton-root{font-size:1rem;height:48px;margin:0!important;width:100%}.tabs-container{border-radius:0;margin:0 -8px}.MuiTabs-root{border-bottom:1px solid #e0e0e0}.MuiTab-root{flex:1 1;font-size:.85rem;min-height:56px;min-width:0;padding:12px 8px}.MuiTab-root .MuiSvgIcon-root{margin-bottom:4px}.gatepass-list{padding:0 8px}.gatepass-item{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;overflow:hidden}.gatepass-item-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#e2e8f0);flex-direction:column;gap:8px;padding:16px}.gatepass-item-title{font-size:1rem;line-height:1.3;margin-bottom:0}.gatepass-item-date{align-self:flex-start;color:#64748b;font-size:.8rem}.log-entry-dates{align-self:flex-start;margin-top:8px;text-align:left}.log-entry-dates .gatepass-item-date{font-size:.8rem}.gatepass-item-info{gap:12px;padding:16px}.gatepass-item-info-piece{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.gatepass-item-info-piece svg{flex-shrink:0;margin-top:2px}.gatepass-item-info-piece span{font-size:.9rem;line-height:1.4}.items-list{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin:12px 0;padding:12px}.items-list h4{font-size:.9rem;margin-bottom:8px}.item-row{align-items:flex-start;border-bottom:1px dashed #e2e8f0;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px 0}.item-row:last-child{border-bottom:none;margin-bottom:0}.item-name{color:#334155;font-weight:500;word-break:break-word}.item-amount,.item-quantity{color:#64748b;font-size:.85rem}.verification-status-badge{border-radius:4px;display:inline-block;font-size:.75rem;margin-bottom:8px;padding:6px 12px}.gatepass-actions{background-color:#f8fafc;display:flex;flex-direction:column;gap:8px;padding:16px}.action-button{border-radius:6px;font-size:1rem;height:48px;justify-content:center;margin:0!important;width:100%!important}.gatepass-image-container{border-radius:6px;margin:12px 0;max-height:200px}.gatepass-image{border-radius:6px}.modification-reason,.rejection-reason{border-radius:6px;font-size:.9rem;line-height:1.4;margin:12px 0;padding:12px}.modification-reason svg,.rejection-reason svg{margin-right:6px;margin-top:1px}.error-container,.success-container{border-radius:6px;font-size:.9rem;margin:16px 8px;padding:12px}.empty-state{padding:48px 16px;text-align:center}.empty-state .MuiSvgIcon-root{font-size:3rem!important;margin-bottom:16px}.empty-state p{color:#64748b;font-size:.95rem;line-height:1.4}.loading-container{padding:48px 16px}.MuiDialog-paper{border-radius:8px;margin:16px;max-width:100%;width:calc(100% - 32px)}.dialog-header{align-items:flex-start;flex-direction:column;gap:8px;padding:16px}.dialog-header h2{font-size:1.1rem;margin:0}.dialog-header .MuiIconButton-root{padding:8px;position:absolute;right:8px;top:8px}.dialog-content{padding:16px}.dialog-content p{font-size:.9rem;line-height:1.4;margin-bottom:16px}.dialog-content .MuiTextField-root{font-size:.9rem}.dialog-actions{flex-direction:column;gap:8px;padding:16px}.dialog-actions .MuiButton-root{border-radius:6px;font-size:1rem;height:48px;width:100%}.image-dialog-content{max-height:70vh;overflow:auto;padding:8px}.dialog-image{border-radius:4px;max-height:60vh;object-fit:contain;width:100%}.close-dialog-button{background-color:#00000080!important;color:#fff!important;right:16px!important;top:16px!important}}@media (max-width:480px){.gatekeeper-dashboard .MuiContainer-root{padding:8px 4px}.dashboard-header{padding:0 4px}.dashboard-title{font-size:1.3rem!important}.section-title{font-size:1rem}.gatepass-list{padding:0 4px}.gatepass-actions,.gatepass-item-header,.gatepass-item-info{padding:12px}.MuiTab-root{font-size:.8rem;padding:8px 4px}.dialog-actions,.dialog-content,.dialog-header{padding:12px}}@media (max-width:768px) and (orientation:landscape){.dashboard-header{align-items:center;flex-direction:row;justify-content:space-between}.logout-button{min-width:120px;width:auto}.gatepass-actions{flex-direction:row;flex-wrap:wrap}.action-button{flex:1 1;min-width:0}}.pdf-info-piece{align-items:center;background-color:#fff5f5;border-radius:6px;display:flex;gap:8px;margin-top:8px;padding:8px 12px}.pdf-info-piece svg{color:#d32f2f}.pdf-info-piece span{color:#333;font-weight:500}@media (max-width:768px){.pdf-info-piece{margin-top:6px;padding:8px}.pdf-info-piece span{font-size:.9rem}}.verifier-management{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:24px;padding:16px}.verifier-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.verifier-list{margin-top:16px}.verifier-item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.verifier-item-info{align-items:center;display:flex;gap:12px}.verifier-email{color:#1e3a8a;font-weight:500}.verifier-actions{display:flex;gap:8px}.add-verifier-button{background-color:#1e3a8a!important;color:#fff!important;padding:8px 16px!important}.add-verifier-button:hover{background-color:#1e40af!important}.delete-verifier-button{border-color:#dc2626!important;color:#dc2626!important}.delete-verifier-button:hover{background-color:#fee2e2!important}@media (max-width:768px){.verifier-item,.verifier-management-header{flex-direction:column;gap:12px}.verifier-item{align-items:flex-start}.verifier-actions{width:100%}.verifier-actions button{flex:1 1}}.employee-dashboard{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,sans-serif;min-height:100vh;padding-bottom:60px}.dashboard-header{padding:40px 0 30px;position:relative;text-align:center}.dashboard-title{-webkit-text-fill-color:#0000;animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#1e3a8a,#2563eb);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:0}.dashboard-subtitle{animation:fadeIn .8s ease-out .2s both;color:#64748b;margin-left:auto;margin-right:auto;margin-top:8px;max-width:600px}.dashboard-actions{display:flex;justify-content:flex-end;margin-bottom:24px}.create-button{align-items:center;background:linear-gradient(135deg,#1e3a8a,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 12px #2563eb33;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.create-button:hover{box-shadow:0 6px 16px #2563eb4d;transform:translateY(-2px)}.create-button svg{font-size:1.2rem}.tabs-container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;margin-bottom:24px;overflow:hidden}.tabs-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #0000000d;display:flex}.tab{align-items:center;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:16px 24px;position:relative;transition:all .3s ease}.tab.active{color:#1e3a8a}.tab.active:after{border-radius:3px 3px 0 0;content:"";left:0;width:100%}.tab-indicator,.tab.active:after{background:linear-gradient(90deg,#1e3a8a,#2563eb);bottom:0;height:3px;position:absolute}.tab-indicator{transition:all .3s ease}.tab-content{padding:24px}.gatepass-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.gatepass-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.2,.8,.2,1)}.gatepass-card:hover{box-shadow:0 12px 24px #00000014;transform:translateY(-4px) scale(1.01)}.gatepass-card:before{background:linear-gradient(180deg,#1e3a8a,#2563eb);border-radius:4px 0 0 4px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.gatepass-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.gatepass-title{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0}.status-chips{display:flex;flex-wrap:wrap;gap:8px}.status-chip{border-radius:20px;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px;text-transform:uppercase}.status-pending{background-color:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.status-approved{background-color:#10b9811a;border:1px solid #10b98133;color:#059669}.status-overdue,.status-rejected{background-color:#ef44441a;border:1px solid #ef444433;color:#dc2626}.gatepass-info{grid-gap:12px;display:grid;flex-grow:1;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.info-row{align-items:center;color:#475569;display:flex;font-size:.9rem;gap:8px}.info-row svg{color:#64748b;font-size:1.1rem}.gatepass-image-container{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;justify-content:center;margin-top:16px;max-height:200px;overflow:hidden;position:relative;transition:all .3s ease}.gatepass-image-container:hover{transform:scale(1.02)}.gatepass-image-container:after{background:#0009;bottom:0;color:#fff;content:"Click to enlarge";font-size:.8rem;left:0;opacity:0;padding:8px;position:absolute;right:0;text-align:center;transition:opacity .3s ease}.gatepass-image-container:hover:after{opacity:1}.gatepass-image{height:100%;max-height:200px;object-fit:contain;width:100%}.progress-container{margin-bottom:16px;margin-top:16px}.progress-bar{background-color:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#1e3a8a,#2563eb);border-radius:4px;height:100%;transition:width .5s ease}.progress-text{color:#64748b;display:block;font-size:.8rem;margin-top:4px;text-align:right}.empty-state{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#94a3b8;padding:60px 20px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:16px}.empty-text{font-size:1rem;margin:0 0 16px}.empty-button{align-items:center;background:linear-gradient(135deg,#1e3a8a,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:16px;padding:10px 20px;transition:all .3s ease}.empty-button:hover{box-shadow:0 6px 16px #2563eb4d;transform:translateY(-2px)}.loading-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.spinner{animation:spin 1s ease-in-out infinite;border:4px solid #2563eb1a;border-top-color:#2563eb}.error-container{background-color:#ef44441a;border:1px solid #ef444433;color:#dc2626;gap:12px;margin-bottom:24px;padding:12px 16px}.error-icon{font-size:1.5rem}.dialog-container{align-items:center;background-color:#000000e6;display:flex;justify-content:center;min-height:400px;padding:24px}.dialog-close{background-color:#00000080!important;color:#fff!important;right:16px;top:16px}.dialog-image{max-height:80vh;max-width:100%;object-fit:contain}.form-container{border-radius:12px;box-shadow:0 10px 25px #0000000d;margin-bottom:24px;padding:24px}.form-title{color:#0f172a;margin:0 0 24px;padding-bottom:12px}.form-title:after{background:linear-gradient(90deg,#1e3a8a,#2563eb);border-radius:3px;width:40px}.form-row{margin-bottom:20px}.form-label{color:#0f172a;display:block;margin-bottom:8px}.form-input{border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-textarea{border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-button{background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 4px 12px #2563eb33;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px}.form-button:hover{box-shadow:0 6px 16px #2563eb4d}.form-button:disabled{background:#cbd5e1}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.gatepass-grid{grid-template-columns:1fr}.gatepass-card{width:100%}.gatepass-header{flex-direction:column}.status-chips{margin-top:8px}.gatepass-info{grid-template-columns:1fr}.tabs-container{align-items:stretch;flex-direction:column}.tab{flex:1 1;text-align:center}.dashboard-title{font-size:2rem}.dashboard-subtitle{font-size:1rem}.tab{font-size:.9rem;padding:12px 16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.items-list{background-color:#f1f5f9;border:1px solid #e2e8f0;margin:10px 0;padding:10px}.items-list h4{color:#334155;font-size:14px;margin:0 0 8px}.item-row{flex-wrap:wrap;justify-content:space-between;margin-bottom:4px;padding:4px 0}.item-name{font-weight:500}.item-quantity{color:#64748b;font-size:.9em}.item-amount{color:#2e7d32;font-size:.85rem;font-weight:500;margin-left:12px}.gatepass-list-title{position:relative}.gatepass-list-title:after{bottom:-6px}@media (max-width:768px){.manager-dashboard{padding:1rem 0}.dashboard-content{grid-template-columns:1fr}.form-container{padding:1.25rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-row{margin-bottom:.75rem}.toggle-container{width:100%}.toggle-button{font-size:.85rem;padding:12px 8px}.gatepass-item{padding:16px}.gatepass-item-header{align-items:flex-start;flex-direction:column;gap:8px}.gatepass-item-info{gap:8px;grid-template-columns:1fr}}.manager-dashboard{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);font-family:Inter,sans-serif;min-height:100vh;padding:2rem 0}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-header-left{flex:1 1}.dashboard-title{align-items:center;color:#1a1a1a;display:flex;font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.dashboard-subtitle{color:#555;font-size:1.1rem;max-width:800px}.dashboard-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:992px){.dashboard-content{grid-template-columns:1fr 1fr}}.form-container{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 10px 30px #00000014;overflow:hidden;padding:2rem;position:relative}.form-container:before{background:linear-gradient(90deg,#2c3e50,#4a6572);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.form-title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.form-title:after{background:#4a6572;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-row{display:flex;flex-direction:column}.form-row.full-width{grid-column:1/-1}.form-label{color:#2c3e50;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-textarea{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:#4a6572;box-shadow:0 0 0 3px #4a65721a;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;margin-top:2rem}.form-button{align-items:center;background:#2c3e50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.form-button:hover{background:#4a6572;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.form-button:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}.button-hover{overflow:hidden;position:relative}.button-hover:after{background:#ffffff1a;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%}.button-hover:hover:after{transform:translateX(0)}.type-selector{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.type-selector-label{color:#2c3e50;display:block;font-weight:600;margin-bottom:.5rem}.type-radio-group{display:flex;gap:1rem}.type-radio-label{transition:all .2s ease}.type-radio-label.selected{font-weight:600}.image-upload-container{background:#f8f9fa;border:2px dashed #ddd;border-radius:12px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.image-upload-container:hover{background:#f1f3f5;border-color:#4a6572}.image-upload-icon{color:#95a5a6;font-size:3rem;margin-bottom:1rem}.image-upload-text{color:#2c3e50;font-weight:500;margin-bottom:.5rem}.image-upload-subtext{color:#7f8c8d;font-size:.9rem}.image-preview-container{border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative}.image-preview{display:block;height:auto;width:100%}.image-preview-overlay{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.image-preview-container:hover .image-preview-overlay{opacity:1}.image-preview-actions{gap:1rem}.image-preview-button{align-items:center;background:#fff;border:none;border-radius:6px;color:#2c3e50;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.image-preview-button:hover{background:#f1f3f5;transform:translateY(-2px)}.camera-container{border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:relative}.camera-video{display:block;height:auto;width:100%}.camera-controls{bottom:1rem;gap:1rem;justify-content:center;left:0;position:absolute}.camera-button{align-items:center;background:#fffc;border:none;border-radius:50%;color:#2c3e50;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.camera-button:hover{background:#fff;transform:translateY(-2px)}.camera-button.capture{background:#e74c3c;color:#fff}.camera-button.capture:hover{background:#c0392b}.gatepass-list-container{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 10px 30px #00000014;overflow:hidden;padding:2rem;position:relative}.gatepass-list-container:before{background:linear-gradient(90deg,#2c3e50,#4a6572);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.gatepass-list-header{margin-bottom:1.5rem}.gatepass-list-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 5px}.modification-title{align-items:center;color:#b45309;display:flex}.gatepass-list-title:after{background:#4a6572;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.gatepass-list-subtitle{color:#7f8c8d;font-size:.95rem}.gatepass-list-content{max-height:600px;overflow-y:auto;padding-right:.5rem}.gatepass-list-content::-webkit-scrollbar{width:6px}.gatepass-list-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.gatepass-list-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.gatepass-list-content::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.gatepass-item{background:#f8f9fa;border-left:4px solid #4a6572;border-radius:12px;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.gatepass-item:hover{background:#fff;box-shadow:0 6px 15px #00000014}.gatepass-item.overdue{background:#fff9f9;border-left:4px solid #e74c3c}.gatepass-item-header{display:flex;justify-content:space-between;margin-bottom:1rem}.gatepass-item-title{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.gatepass-item-date{background:#f1f3f5;border-radius:4px;color:#7f8c8d;font-size:.85rem;padding:.25rem .5rem}.gatepass-item-info{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.gatepass-item-info-piece{align-items:center;color:#555;display:flex;font-size:.9rem;gap:.5rem}.status-chip{align-items:center;border-radius:50px;display:inline-flex;font-size:.8rem;font-weight:500;margin-right:.5rem;padding:.25rem .75rem}.status-pending{background:#f1f3f5;color:#7f8c8d}.status-approved{background:#2ecc71;color:#fff}.status-overdue,.status-rejected{background:#e74c3c;color:#fff}.status-overdue{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 #e74c3c66}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 0 0 #e74c3c00}}.gatepass-item-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.gatepass-item-employee{align-items:center;color:#2c3e50;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.gatepass-item-action{background:#2c3e50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .3s ease}.gatepass-item-action:hover{background:#4a6572;transform:translateY(-2px)}.empty-state{align-items:center;color:#95a5a6;display:flex;flex-direction:column;justify-content:center;padding:3rem 0}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-text{font-size:1.1rem;font-weight:500}.error-container{align-items:center;background:#fff5f5;border-left:4px solid #e74c3c;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.error-icon{color:#e74c3c}.loading-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#2c3e50;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dialog-container{padding:2rem;position:relative}.dialog-close{background:#fffc!important;position:absolute!important;right:1rem;top:1rem;z-index:10}.dialog-image{border-radius:8px;height:auto;width:100%}.overdue-alert{align-items:center;animation:pulse 2s infinite;background:#fff5f5;border-left:4px solid #e74c3c;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.overdue-icon{color:#e74c3c;font-size:1.5rem}.overdue-text{color:#c0392b;font-weight:500}.overdue-item{font-weight:600}.logout-button{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.logout-button:hover{background:#333}.gatepass-list-filters{margin-bottom:1.5rem}.status-filter{background:#fff;border:1px solid #0000001a;border-radius:6px;font-size:.9rem;min-width:150px;padding:.5rem}.status-filter:focus{border-color:#000;outline:none}.items-list-container{background-color:#f9f9f9;border:1px solid #e6e6e6;border-radius:8px;margin-bottom:16px;overflow:hidden}.item-row{align-items:center;border-bottom:1px solid #e6e6e6;padding:12px}.item-row:last-child{border-bottom:none}.item-input-group{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;width:100%}.item-name-input{flex:3 1;min-width:0}.item-quantity-input{flex:1 1;min-width:60px;width:80px}.remove-item-button{align-items:center;background-color:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex:0 0 36px;height:36px;justify-content:center;max-width:36px;min-width:36px;padding:0;transition:all .3s ease;width:36px}.remove-item-button:hover{background-color:#d32f2f;transform:scale(1.05)}.add-item-container{margin-top:12px;width:100%}.add-item-container .item-input-group{align-items:center;display:flex;width:100%}.add-item-container .item-name-input{flex:3 1;min-width:0}.add-item-container .item-quantity-input{flex:0 0 60px;min-width:60px;width:60px}.add-item-container .item-amount-input{flex:0 0 90px;min-width:90px;width:90px}.add-item-button{align-items:center;background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.add-item-button:hover{background-color:#1976d2;transform:scale(1.05)}.items-list-title{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.gatepass-remarks{align-items:flex-start;background-color:#f5f5f5;border-radius:8px;color:#555;display:flex;font-style:italic;gap:8px;margin:12px 0;padding:12px}.overdue-warning{align-items:center;animation:pulse 2s infinite;background-color:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#dc2626;display:flex;font-weight:500;gap:8px;margin-top:16px;padding:12px}.overdue-icon{color:#dc2626;font-size:1.2rem}.items-list{background-color:#f9f9f9;border:1px solid #e6e6e6;border-radius:8px;margin:16px 0;padding:12px}.items-list h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.items-table{width:100%}.items-header{border-bottom:2px solid #e0e0e0;display:flex;font-weight:600;margin-bottom:8px;padding-bottom:8px}.item-name-header{flex-grow:3}.item-quantity-header{flex-grow:1;text-align:right}.item-row{border-bottom:1px solid #f0f0f0;display:flex;padding:8px 0}.item-name{flex-grow:3}.item-quantity{flex-grow:1;text-align:right}.modification-reason{align-items:flex-start;background-color:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;color:#854d0e;display:flex;gap:8px;margin:12px 0;padding:12px}.modification-reason-header{align-items:center;background-color:#fff8e1;border-radius:6px;display:flex;font-size:.9rem;margin-top:12px;padding:8px 12px}.gatepass-actions{display:flex;justify-content:flex-end;margin-top:16px}.edit-gatepass-button{margin-top:8px!important}.edit-dialog-paper{border-radius:12px;max-height:90vh;overflow:visible}.edit-dialog-title{align-items:center;display:flex;font-size:1.2rem;font-weight:600}.edit-section{border-bottom:1px solid #eee;margin:24px 0;padding-bottom:16px}.edit-section:last-child{border-bottom:none}.edit-section h3{color:#333;font-size:1.1rem;font-weight:500;margin-bottom:16px;padding-bottom:8px}.edit-items-container{margin:16px 0}.edit-items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.edit-item-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.edit-item-name{flex:2 1;min-width:200px}.edit-item-quantity{flex:0 0 100px}.edit-item-amount{flex:1 1;min-width:120px}.remove-edit-item{flex:0 0 auto}.add-edit-item-button{margin-top:16px}.image-preview-container{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.image-preview{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:300px;max-width:100%}.image-preview-actions{display:flex;gap:12px;justify-content:center}.image-upload-options{display:flex;flex-wrap:wrap;gap:16px}.pdf-preview{border:1px solid #eee;margin-top:16px;overflow:hidden}@media (max-width:768px){.edit-dialog-paper{border-radius:0;margin:0;max-height:100vh;width:100%}.edit-item-row{border-bottom:1px dashed #eee;flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:16px}.edit-item-amount,.edit-item-name,.edit-item-quantity{min-width:100%;width:100%}.remove-edit-item{align-self:flex-end}.image-upload-options{flex-direction:column;width:100%}.image-upload-options .MuiButton-root{width:100%}.edit-section{margin:16px 0;padding-bottom:16px}.manager-dashboard{padding:1rem 0}.dashboard-container{padding:1rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-title{font-size:1.5rem}.dashboard-content{grid-template-columns:1fr}.form-container{padding:1.25rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-row{margin-bottom:.75rem}.toggle-container{width:100%}.toggle-button{font-size:.85rem;padding:12px 8px}.item-input-group{flex-wrap:wrap;gap:8px;width:100%}.item-name-input{flex:1 1 100%;min-width:0}.item-quantity-input{flex:1 1;min-width:60px}.item-amount-input{flex:1 1;min-width:90px}.remove-item-button{flex:0 0 36px}.add-item-button{margin-top:8px;width:100%}.edit-item-row{flex-wrap:wrap}.edit-item-name{flex:1 1 100%}.edit-item-amount,.edit-item-quantity{flex:1 1}.gatepass-item{padding:16px}.gatepass-item-header{align-items:flex-start}.gatepass-item-header,.gatepass-item-info{flex-direction:column;gap:8px}.items-table{overflow-x:auto}.item-row{flex-wrap:wrap}.item-name{flex:1 1 100%;font-weight:500;margin-bottom:4px}.item-amount,.item-quantity{flex:1 1}}.add-item-button{justify-content:center;max-width:fit-content;width:auto}.image-upload-container{padding:1rem}.image-upload-icon{font-size:2rem}.camera-controls{flex-direction:column;gap:10px}.camera-controls button{width:100%}.form-actions,.form-button{justify-content:center}.form-button{width:100%}.gatepass-item{padding:1rem}.gatepass-item-info{grid-template-columns:1fr}.gatepass-item-header{align-items:flex-start;flex-direction:column}.gatepass-item-title{margin-bottom:.5rem}.gatepass-item-date{align-self:flex-start}.gatepass-item-footer{align-items:flex-start;flex-direction:column;gap:.75rem}.gatepass-item-action{text-align:center;width:100%}.MuiFormGroup-root{flex-direction:column!important}.camera-controls{display:flex;gap:16px;justify-content:space-between;margin-top:16px;width:100%}@media (max-width:600px){.camera-controls{flex-direction:column;gap:8px}.camera-controls button{width:100%}}.toggle-container{background:#f0f0f0;border:1px solid #0000001a;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;margin-bottom:16px;overflow:hidden}.items-toggle{margin-top:8px;max-width:300px;width:100%}.toggle-button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;justify-content:center;padding:10px 16px;transition:all .3s ease}.toggle-button.active{background:#000;color:#fff}.toggle-button:hover:not(.active){background:#0000001a}.dashboard-header-right{align-items:center;display:flex;gap:1rem}.user-info{align-items:center;display:flex;gap:.5rem}.notification-button,.notification-container{position:relative}.notifications-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;margin-top:8px;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;width:320px;z-index:1000}.notifications-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.notifications-header h3{font-size:16px;font-weight:600;margin:0}.notification-count{color:#f44336;font-size:12px;font-weight:500}.no-notifications{color:#888;font-size:12px}.notifications-list{max-height:350px;overflow-y:auto}.notification-item{border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s}.notification-item:hover{background-color:#f5f5f5}.notification-item.priority-high{background-color:#f443360d;border-left:3px solid #f44336}.notification-icon{align-items:flex-start;color:#555;display:flex;margin-right:12px;padding-top:2px}.notification-content{flex:1 1}.notification-title{font-size:14px;font-weight:600;margin-bottom:4px}.notification-message{color:#666;font-size:13px;margin-bottom:4px}.notification-time{color:#999;font-size:11px}.no-notifications-message{color:#888;font-size:14px;padding:20px 16px;text-align:center}@media (max-width:768px){.notifications-dropdown{right:-70px;width:280px}.notification-item{padding:10px 12px}.notification-title{font-size:13px}.notification-message{font-size:12px}.item-entry-container{display:flex;flex-direction:column;margin-bottom:16px;width:100%}.item-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;width:100%}.item-row .MuiTextField-root:first-child{flex:1 1 100%;margin-bottom:8px}.item-row .MuiTextField-root:nth-child(2){flex:0 1 80px;min-width:80px}.item-row .MuiTextField-root:nth-child(3){flex-basis:calc(100% - 88px);flex-grow:1;flex-shrink:1}.add-item-button{margin-top:8px;width:100%}.items-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.item-chip{margin:4px 0;max-width:100%}}.section-header{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:16px}.section-title{font-size:1.1rem;margin-bottom:8px}@media (min-width:768px){.section-header{align-items:center;flex-direction:row;justify-content:space-between}.section-title{margin-bottom:0}.items-toggle{margin-top:0}}@media (max-width:768px){.toggle-container{width:100%}.toggle-button{font-size:.85rem;padding:12px 8px}}.manual-badge{background-color:#f0f0f0;border-radius:4px;color:#666;font-size:.75rem;font-weight:400;margin-left:8px;padding:2px 6px;vertical-align:middle}.employee-number{color:#666;font-size:.85rem;margin-left:5px}@media (max-width:768px){.manual-badge{display:inline-block;margin-left:0;margin-top:4px}}.form-hint{color:#555;font-size:.8rem;font-style:italic;margin-top:4px}.pdf-upload-section{margin-top:16px}.pdf-upload-instructions{color:#64748b;font-size:.9rem;margin-bottom:16px}.pdf-upload-container{border:2px dashed #cbd5e1;border-radius:8px;padding:24px;text-align:center;transition:all .3s ease}.pdf-upload-container:hover{background-color:#2563eb0d;border-color:#2563eb}.pdf-upload-icon{color:#64748b;font-size:48px;margin-bottom:8px}.pdf-upload-text{color:#334155;font-size:1rem;margin-bottom:4px}.pdf-upload-subtext{color:#64748b;font-size:.9rem;margin:8px 0}.pdf-preview{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;padding:16px}.pdf-file-info,.pdf-preview{align-items:center;display:flex}.pdf-file-info{gap:12px}.pdf-filename{color:#334155;font-weight:500}.pdf-change-button{align-items:center;background-color:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .3s ease}.pdf-change-button:hover{background-color:#e2e8f0}.pdf-size-warning{background-color:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;color:#92400e;margin-top:16px;padding:16px}.pdf-size-warning p{font-weight:500;margin-top:0}.pdf-size-warning ol{margin-bottom:8px;padding-left:1.5rem}.pdf-size-warning li{margin-bottom:4px}.physical-copy-option{align-items:center;background-color:#fff9;border-radius:6px;display:flex;margin-top:12px;padding:8px}.physical-copy-option input[type=checkbox]{height:18px;margin-right:8px;width:18px}.physical-copy-option label{cursor:pointer;font-weight:500}@media (max-width:768px){.pdf-preview{align-items:flex-start;flex-direction:column;gap:12px}.pdf-change-button{align-self:flex-end}.physical-copy-option{align-items:center;flex-direction:row}}.manual-items-option{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;margin-top:16px;padding:12px}.manual-items-option input[type=checkbox]{accent-color:#2563eb;height:18px;margin-right:12px;width:18px}.manual-items-option label{color:#334155;cursor:pointer;font-size:.95rem;font-weight:500}.manual-items-with-pdf{background-color:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #2563eb;border-radius:8px;margin-top:20px;padding:16px}.manual-items-title{align-items:center;color:#334155;display:flex;font-size:1rem;font-weight:600;margin-bottom:16px;margin-top:0}.manual-items-title:before{background-color:#2563eb;border-radius:2px;content:"";display:inline-block;height:16px;margin-right:8px;width:4px}@media (max-width:768px){.manual-items-option{padding:10px}.manual-items-option label{font-size:.9rem}.manual-items-with-pdf{padding:12px}}
/*# sourceMappingURL=main.e38f466a.css.map*/