@charset "UTF-8";@tailwind base;@tailwind components;@tailwind utilities;.login-page{background:#fff;display:flex;justify-content:space-between;min-height:100vh;padding:50px}.login-left-panel{background-position:50%;background-size:cover;border-radius:25px;margin:0;min-height:100%;padding:0;width:50%}.login-left-overlay{background:linear-gradient(180deg,#00000026 0,#00000080);border-radius:25px;flex-direction:column;height:100%;padding:40px;width:100%}.login-left-header,.login-left-overlay{display:flex;justify-content:space-between}.login-left-header{align-items:center}.left-logo{height:65px}.visit-website-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff40;border-radius:999px;box-shadow:0 3px 12px #00000040;color:#fff;font-size:14px;font-weight:500;padding:10px 18px;text-decoration:none;transition:all .2s ease}.visit-website-btn:hover{background:#ffffff59;box-shadow:0 3px 12px #00000073}.login-left-text{flex-direction:column;margin-bottom:60px;width:100%}.login-left-text,.login-left-text h2{color:#fff;display:flex;justify-content:center}.login-left-text h2{align-content:center;align-items:center;font-size:48px;font-weight:200;line-height:1.2}.login-right-panel{align-items:center;display:flex;justify-content:center;margin-right:100px;padding:20px;width:40%}.login-form-wrapper{width:100%}.login-title{color:#010239;font-size:28px;font-weight:600;margin-bottom:40px}.login-form{display:flex;flex-direction:column;gap:22px}.form-group label{color:#0f172a;margin-bottom:8px}.form-group input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;height:46px;padding:0 14px;transition:all .2s ease}.form-group input:focus{border-color:#ff751f;box-shadow:0 0 0 3px #1e3a8a1f;outline:none}.password-wrapper{position:relative}.password-wrapper input{padding-right:44px}.password-toggle{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.sign-in-btn{background:#010239;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;height:48px;margin-top:20px;transition:all .2s ease}.sign-in-btn:hover{opacity:.9;transform:translateY(-1px)}.forgot-password-link{background:none;border:none;color:#ff751f;cursor:pointer;font-size:14px;margin-top:14px}.forgot-password-link:hover{text-decoration:underline}.error-message{color:#dc2626;font-size:13px;margin-top:-8px}@media (max-width:900px){.login-left-panel{display:none}.login-right-panel{width:100%}}.sidenav{background:#fff;border-right:1px solid #efefef;color:#e2e8f0;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:280px;z-index:1000}.sidenav.collapsed{width:80px}.sidenav-header{align-items:center;border-bottom:1px solid #00000026;display:flex;justify-content:space-between;padding:24px 20px}.logo-section{gap:12px}.logo-placeholder,.logo-section{align-items:center;display:flex;justify-content:center}.logo-placeholder{background-image:url(/static/media/favicon_dome.cf6417f3980890caaf92.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;height:44px;width:44px}.logo-text .logo-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:.3px}.logo-text .logo-subtitle{color:#94a3b8;font-size:11px;letter-spacing:.2px;margin-top:2px}.collapse-btn,.logo-collapsed{display:flex;justify-content:center}.collapse-btn{align-items:center;background:linear-gradient(135deg,#dbdbdb 10%,#fff 70%);border:2px solid #efefef;border-radius:50%;color:var(--color-muted);cursor:pointer;height:30px;position:absolute;right:-15px;top:40px;width:30px;z-index:1100}.collapse-btn:hover{background:var(--color-accent);color:#fff;transform:scale(1.1)}.sidenav-content{flex:1 1;gap:15px;margin-top:8px;padding:16px 12px}.sidenav-nav{display:flex;flex-direction:column;padding:0 8px}.nav-item{align-items:center;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:15px;margin-bottom:3px;padding:10px;position:relative;transition:all .3s ease}.nav-item:hover{background:#01023926;transform:translateX(4px)}.nav-item.active{background:#010239;color:#fff}.nav-icon{flex-shrink:0;font-size:20px;text-align:center;width:24px}.nav-icon,.nav-item:hover .nav-icon{color:#010239}.nav-item.active .nav-icon,.nav-item.active .nav-label{color:#fff}.nav-label{color:#010239;flex:1 1;transition:all .3s ease;white-space:nowrap}.sidenav.collapsed .nav-label{opacity:0;overflow:hidden;position:absolute;width:0}.sidenav.collapsed .nav-item{justify-content:center;padding:14px}.sidenav.collapsed .nav-item:hover:after{background:#1e293b;border:1px solid #475569;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:12px;left:100%;margin-left:12px;padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1001}.sidenav-scrollable{flex:1 1;overflow-x:auto;overflow-y:auto;padding:4px}.sidenav-scrollable::-webkit-scrollbar{width:6px}.sidenav-scrollable::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.sidenav-scrollable::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidenav-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidenav-scrollable{scrollbar-color:#fff3 #ffffff0d;scrollbar-width:thin}.sidenav-footer{border-top:1px solid #00000026;padding:20px 16px}.logout-item{align-items:center;border-radius:8px;color:#f87171;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;transition:all .3s ease}.logout-item:hover{background:#ef44441a;color:#ef4444;transform:translateX(4px)}.user-info{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;gap:12px;margin-top:16px;padding:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:var(--color-accent);border-radius:8px;color:#fff;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-details{flex:1 1;min-width:0}.user-details .user-name{color:var(--color-muted);font-size:14px;font-weight:600}.user-details .user-name,.user-details .user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details .user-role{color:#94a3b8;font-size:12px}.sidenav.collapsed .logout-item span,.sidenav.collapsed .user-info{display:none}.sidenav *{transition:all .3s ease}.logo-image{border-radius:8px;height:auto;object-fit:contain;width:70%}.nav-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:12px;text-align:center;top:50%;transform:translateY(-50%)}.sidenav.collapsed .nav-badge{right:4px;top:4px;transform:none}.sidenav-divider{background:#ffffff14;border:none;height:1px;margin:12px 16px}.sidenav-section-title{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:1px;margin-top:8px;padding:16px 20px 8px;text-transform:uppercase}.sidenav.collapsed .sidenav-section-title{display:none}@media (max-height:600px){.sidenav{overflow-y:auto}.sidenav-header{padding:16px 20px}.nav-item{padding:10px 16px}}:root{--color-dark-gray:#2f2f2f;--color-orange:orange;--color-dark-blue:#000370;--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-tertiary:#64748b}.profile-container{background:#f8fafc;background:var(--color-light-gray);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px;width:100%}.profile-header{align-items:center;border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.back-btn,.profile-header{background:#fff;background:var(--color-white)}.back-btn{border:2px solid #cbd5e1;border-radius:8px;color:#475569;color:var(--color-text-secondary);font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateX(-2px)}.back-icon{font-size:16px}.profile-title{color:#2f2f2f;color:var(--color-dark-gray);flex:1 1;font-size:20px;font-weight:600;margin:0;text-align:center}.profile-status{align-items:center;display:flex;justify-content:right;width:100%}.status-badge{align-items:center;justify-content:center;width:80px}.status-badge.unknown{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569;color:var(--color-text-secondary)}.profile-content{margin:0 auto;width:100%}.profile-card{border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.profile-card,.profile-header-info{background:#fff;background:var(--color-white);width:100%}.profile-header-info{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);display:flex;flex-direction:column;gap:5px;padding:32px}.profile-image-container{flex-shrink:0}.profile-picture{object-fit:cover}.profile-avatar,.profile-picture{border:4px solid #fff;border:4px solid var(--color-white);border-radius:50%;box-shadow:0 4px 8px #2f2f2f1a;height:120px;width:120px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#000370,orange);background:linear-gradient(135deg,var(--color-dark-blue),var(--color-orange));color:#fff;color:var(--color-white);display:flex;font-size:40px;font-weight:600;justify-content:center}.profile-basic-info{display:flex;flex-direction:column;gap:10px;width:100%}.profile-basic-info h2{color:#2f2f2f;color:var(--color-dark-gray);font-size:28px;font-weight:700;line-height:1.2;margin:0 0 8px}.employee-designation{color:orange;color:var(--color-orange);font-size:18px;font-weight:600;margin:0 0 8px}.employee-department{color:#64748b;color:var(--color-text-tertiary);font-size:16px;margin:0 0 12px}.employee-since{background:#0003701a;border:1px solid #00037033;border-radius:6px;color:#000370;color:var(--color-dark-blue);display:inline-block;font-size:14px;font-weight:500;margin:0;padding:8px 16px;width:40%}.unified-grid{grid-gap:20px;display:grid;flex-direction:row;gap:20px;grid-template-columns:repeat(2,1fr);padding:10px}.info-section-compact{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:10px;padding:20px;transition:all .2s ease}.info-section-compact:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.info-section-compact h4{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);color:#2f2f2f;color:var(--color-dark-gray);font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:10px}.detail-row-compact{align-items:center;border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--color-light-gray);display:flex;margin-bottom:12px;padding:8px 0}.detail-row-compact:last-child{border-bottom:none;margin-bottom:0}.detail-label{color:#475569;color:var(--color-text-secondary);flex-shrink:0;font-size:13px;font-weight:500;min-width:140px}.detail-value{flex:1 1;font-weight:500}.detail-value,.editable-field{color:#2f2f2f;color:var(--color-dark-gray);font-size:13px}.editable-field{background:#fff;background:var(--color-white);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:6px;font-family:inherit;padding:6px 10px;transition:all .2s ease;width:100%}.editable-field:hover{background:#f8fafc;background:var(--color-light-gray);border-color:#cbd5e1}.editable-field:focus{background:#fff;background:var(--color-white);border-color:orange;border-color:var(--color-orange);box-shadow:0 0 0 2px #ffa5001a;outline:none}.editable-field[disabled]{background:#f8fafc;background:var(--color-light-gray);border-color:#e2e8f0;border-color:var(--color-border);color:#64748b;color:var(--color-text-tertiary);cursor:not-allowed}.profile-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);display:flex;flex-wrap:nowrap;gap:2px;overflow-x:auto;padding:0;scrollbar-width:none;width:100%}.profile-tabs::-webkit-scrollbar{display:none}.tab-button{align-items:center;background:#0000;border:none;border-radius:6px 6px 0 0;color:#64748b;color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:8px;justify-content:center;min-width:100px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background:#f1f5f9;color:#475569;color:var(--color-text-secondary)}.tab-button.active{background:#010239;border-radius:6px 6px 0 0;color:#fff;color:var(--color-white);font-weight:600}.loan-table{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-collapse:collapse;border-radius:8px;margin-top:20px;overflow:hidden;width:100%}.loan-table th{background:#f8fafc;background:var(--color-light-gray);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);font-size:12px;font-weight:600;letter-spacing:.3px;text-align:left;text-transform:uppercase;white-space:nowrap}.loan-table td,.loan-table th{color:#475569;color:var(--color-text-secondary);padding:14px 16px}.loan-table td{border-bottom:1px solid #f1f5f9;font-size:13px;vertical-align:middle}.loan-table tr:hover{background:#f8fafc;background:var(--color-light-gray)}.loan-table tr:last-child td{border-bottom:none}.loan-status{border-radius:20px;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.3px;min-width:70px;padding:4px 10px;text-align:center;text-transform:capitalize}.loan-status.active{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.loan-status.closed{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.loan-status.pending{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.doc-status{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:20px;color:#475569;color:var(--color-text-secondary);font-size:11px;font-weight:500;padding:4px 10px;text-transform:capitalize}.edit-btn{background:orange;background:var(--color-orange);border:none;border-radius:6px;color:#fff;color:var(--color-white);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.edit-btn:hover{background:#e69500;box-shadow:0 2px 8px #ffa50033;transform:translateY(-1px)}.modal-overlay{background:#2f2f2fcc;height:100%;width:100%}.modal-box{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;box-shadow:0 8px 32px #0000001a;max-width:90%;padding:24px;width:440px}.modal-title{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);color:#2f2f2f;color:var(--color-dark-gray);font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.modal-body{margin-bottom:24px}.modal-body label{color:#475569;color:var(--color-text-secondary);display:block;font-size:14px;font-weight:500;margin-top:16px}.modal-body input,.modal-body select{border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:8px;color:#2f2f2f;color:var(--color-dark-gray);font-size:14px;margin-top:8px;padding:10px 14px;transition:all .3s ease;width:100%}.modal-body input:focus,.modal-body select:focus{border-color:orange;border-color:var(--color-orange);box-shadow:0 0 0 2px #ffa5001a;outline:none}.radio-group{display:flex;gap:40px;margin-bottom:24px;margin-top:12px}.radio-option{align-items:center;cursor:pointer;display:flex;gap:8px}.radio-option input[type=radio]{margin-right:4px;margin-top:0;width:auto}.modal-actions{border-top:2px solid #e2e8f0;border-top:2px solid var(--color-border);gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.save-btn{background:orange;background:var(--color-orange);border:none;border-radius:8px;color:var(--color-white);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.save-btn:hover{background:#e69500;box-shadow:0 4px 12px #ffa50033;transform:translateY(-2px)}.cancel-btn:hover{color:#334155}.loading-message{border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;color:#64748b;color:var(--color-text-tertiary);font-size:16px}.loading-message,.profile-error{background:#fff;background:var(--color-white);box-shadow:0 2px 4px #0000000d;padding:60px 24px;text-align:center}.profile-error{border:2px solid #fecaca;border-radius:12px}.profile-error h2{color:#dc2626;font-size:18px;font-weight:600;margin-bottom:12px}.profile-error p{color:#64748b;color:var(--color-text-tertiary);font-size:14px;margin-bottom:20px}@media (max-width:768px){.loan-table td,.loan-table th{font-size:12px;padding:12px 14px}.loan-table{display:block;overflow-x:auto;white-space:nowrap}}@media (max-width:1024px){.unified-grid{gap:16px;grid-template-columns:1fr;padding:20px}}@media (max-width:768px){.profile-container{padding:16px}.profile-header{gap:16px;padding:20px 16px}.profile-header,.profile-header-info{flex-direction:column;text-align:center}.profile-header-info{gap:20px;justify-content:space-between;padding:24px 16px;width:100%}.profile-tabs{padding:0}.tab-button{font-size:12px;min-width:90px;padding:10px 16px}.profile-basic-info h2{font-size:24px}.employee-designation{font-size:16px}.profile-avatar,.profile-picture{font-size:36px;height:100px;width:100px}.info-section-compact{padding:16px}.detail-row-compact{align-items:flex-start;flex-direction:column;gap:4px}.detail-label{font-size:12px;min-width:100%}.detail-value{font-size:13px;width:100%}.editable-field{width:100%}}@media (max-width:480px){.profile-header-info{padding:20px 12px}.profile-basic-info h2{font-size:22px}.employee-designation{font-size:15px}.employee-department{font-size:14px}.modal-box{padding:20px 16px}.radio-group{flex-direction:column;gap:12px}}@media print{.profile-container{background:#fff;background:var(--color-white);padding:0}.back-btn{display:none}.profile-card{border:2px solid #e2e8f0;border:2px solid var(--color-border);box-shadow:none}.profile-header-info{background:#f8fafc!important;background:var(--color-light-gray)!important;-webkit-print-color-adjust:exact}.tab-button:not(.active){display:none}.info-section-compact{break-inside:avoid;page-break-inside:avoid}.loan-table{border:1px solid #d1d5db}}.editable-select{background:#fff;background:var(--color-white);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:6px;color:#2f2f2f;color:var(--color-dark-gray);cursor:pointer;font-family:inherit;font-size:13px;padding:6px 10px;transition:all .2s ease;width:100%}.editable-select:hover{background:#f8fafc;background:var(--color-light-gray);border-color:#cbd5e1}.editable-select:focus{background:#fff;background:var(--color-white);border-color:orange;border-color:var(--color-orange);box-shadow:0 0 0 2px #ffa5001a;outline:none}.action-buttons{border-top:2px solid #e2e8f0;border-top:2px solid var(--color-border);margin-top:24px}.update-btn{background:orange;background:var(--color-orange);border:none;border-radius:8px;color:#fff;color:var(--color-white);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.update-btn:hover{background:#e69500;box-shadow:0 4px 12px #ffa50033;transform:translateY(-2px)}.cancel-btn{background:#fff;background:var(--color-white);border:2px solid #cbd5e1;border-radius:8px;color:#475569;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.cancel-btn:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateY(-2px)}.assets-container{margin-top:20px}.assets-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.asset-card{align-items:center;background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;box-shadow:0 2日起 4px #0000000d;display:flex;flex-direction:column;padding:20px;text-align:center;transition:all .3s ease}.asset-card:hover{border-color:orange;border-color:var(--color-orange);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.asset-icon{align-items:center;background:orange;background:var(--color-orange);border-radius:50%;color:#fff;color:var(--color-white);display:flex;font-size:24px;height:60px;justify-content:center;margin-bottom:15px;width:60px}.asset-details{width:100%}.asset-details h5{color:#2f2f2f;color:var(--color-dark-gray);font-size:16px;font-weight:600;line-height:1.3;margin:0 0 15px}.asset-info{width:100%}.asset-info-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.asset-info-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.asset-label{color:#64748b;color:var(--color-text-tertiary);font-size:12px;font-weight:500;text-align:left}.asset-value{color:#2f2f2f;color:var(--color-dark-gray);font-size:13px;font-weight:600;max-width:150px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.asset-status{border-radius:20px;display:inline-block;font-size:11px;font-weight:500;padding:4px 10px;text-transform:capitalize}.asset-status.active{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.asset-status.inactive{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.asset-name-cell{align-items:center;display:flex;gap:10px}.asset-name-cell svg{color:orange;color:var(--color-orange);font-size:16px}.no-assets{background:#f8fafc;background:var(--color-light-gray);border:2px dashed #e2e8f0;border:2px dashed var(--color-border);border-radius:12px;padding:40px 20px;text-align:center}.no-assets-icon{color:#94a3b8;margin-bottom:16px}.no-assets h5{color:#475569;color:var(--color-text-secondary);font-size:18px;font-weight:600;margin:0 0 8px}.no-assets p{color:#64748b;color:var(--color-text-tertiary);font-size:14px;margin:0}.summary-stats{display:flex;gap:20px;margin-bottom:20px}.stat-number{color:orange;color:var(--color-orange);margin-bottom:5px}.stat-label{color:#64748b;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.assets-grid{gap:16px;grid-template-columns:1fr}.summary-stats{flex-direction:column;gap:10px}.asset-card{padding:16px}.asset-info-row{align-items:flex-start;flex-direction:column;gap:4px}.asset-value{text-align:left;width:100%}}@media (max-width:480px){.asset-card{padding:14px}.asset-icon{font-size:20px;height:50px;width:50px}.asset-details h5{font-size:15px}}.profile-basic-info h2{display:inline-block;position:relative}.profile-basic-info h2:after{background:orange;background:var(--color-orange);border-radius:2px;bottom:-4px;content:"";height:3px;left:0;position:absolute;width:60px}.info-section-compact h4{position:relative}.info-section-compact h4:after{background:orange;background:var(--color-orange);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:40px}.salary-summary-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.emp-summary-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000001a;display:flex;padding:20px;transition:transform .3s ease}.emp-summary-card:hover{transform:translateY(-2px)}.summary-icon{margin-right:15px}.summary-title{color:#666}.summary-amount{color:#333;font-size:20px;font-weight:600}.period-selector{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px}.period-selector label{color:#555;font-weight:600;margin-right:10px}.period-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 25px;transition:border-color .3s}.period-dropdown:focus{border-color:#1976d2;outline:none}.selected-row{background-color:#f0f7ff!important;border-left:4px solid #1976d2}.positive-amount{color:#2e7d32;font-weight:600}.negative-amount{color:#d32f2f;font-weight:600}.salary-net{color:#1976d2;font-size:18px;font-weight:700}.view-btn{align-items:center;background:#1976d2;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:6px 12px;transition:background .3s}.view-btn:hover{background:#1565c0}.salary-table-wrapper{margin-top:15px;overflow-x:auto}.no-data-message{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:40px;text-align:center}.no-data-icon{margin-bottom:15px;opacity:.5}.no-data-message h5{color:#666;margin-bottom:10px}.no-data-message p{color:#999}.hr-container{background:#f8fafc;background:var(--color-light-gray);min-height:100vh;padding:40px}.hr-container h3{margin:15px 0}.hr-header{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);margin-bottom:40px;padding-bottom:10px;text-align:left}.hr-header h2{color:#1e293b;color:var(--color-dark-gray);font-size:26px;font-weight:700;margin-bottom:20px}.hr-header p{color:#94a3b8;color:var(--color-text-tertiary);font-size:16px;line-height:1.6;max-width:800px}.hr-category-card{border:1px solid #e2e8f0;padding:15px}.hr-category-card:hover{background:#fff;border-color:#f97316}.hr-category-card:before{background:#f97316;background:var(--color-orange)}.category-icon-container{background:#f8fafc}.hr-category-card:hover .category-icon-container{background:#f97316}.hr-category-card:hover .category-icon{color:#fff}.category-title{color:#1e293b}.category-description{color:#94a3b8}.subcategory-header{margin-bottom:0}.subcategory-header h2{color:#1e293b;color:var(--color-dark-gray);font-size:24px;font-weight:600;margin:0}.employee-management-container{background:#f8fafc;background:var(--color-light-gray);min-height:calc(100vh - 40px);padding:20px}.dashboard-header{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:34px}.dashboard-stats{align-items:center;display:flex;flex-wrap:wrap;gap:32px;margin-bottom:24px}.stat-icon{color:#f97316;color:var(--color-orange);font-size:20px}.stat-content h3{color:#1e293b;color:var(--color-dark-gray);font-size:24px;font-weight:700;margin:0}.stat-content p{color:#64748b;color:var(--color-text-secondary);font-size:14px;margin:4px 0 0}.active-badge{background:#10b981;border-radius:20px;color:#fff;font-size:12px;font-weight:600;margin-left:8px;padding:4px 12px}.filters-section{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:8px;margin:24px 0;padding:20px}.filters-row{align-items:flex-end;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px}.filter-field{flex:1 1;min-width:180px}.filter-field label{color:#495057;display:block;font-size:13px;font-weight:500;margin-bottom:5px}.filter-field .filter-input{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.filter-field .filter-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.filter-group{flex:1 1;min-width:180px}.filter-group label{color:#64748b;color:var(--color-text-secondary);font-size:14px;font-weight:500;margin-bottom:8px}.search-input{background:#fff}.filter-select{background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:8px;color:#1e293b;color:var(--color-dark-gray);font-size:14px;padding:12px 16px;transition:all .3s ease}.filter-select:focus{border-color:#f97316;border-color:var(--color-orange)}.clear-btn{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:8px;color:#64748b;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.clear-btn:hover{background:#f1f5f9;border-color:#94a3b8}.filter-btn{background:#f97316;background:var(--color-orange);border:none;border-radius:8px;color:#fff;color:var(--color-white);font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{background:#ea580c;box-shadow:0 4px 12px #f9731633;transform:translateY(-1px)}.table-container{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden;width:100%}.employees-table{border-collapse:collapse;font-size:14px;min-width:1200px;width:100%}.employees-table thead{background:#f8fafc;background:var(--color-light-gray)}.employees-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);color:#1e293b;color:var(--color-dark-gray);font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.employees-table td{border-bottom:1px solid #f1f5f9;color:#64748b;color:var(--color-text-secondary);padding:16px 20px;vertical-align:middle}.employees-table tbody tr:hover{background:#f8fafc}.status-badge.inactive{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.employee-info{align-items:center;display:flex;gap:12px}.employee-avatar{align-items:center;background:#f8fafc;background:var(--color-light-gray);border-radius:50%;color:#64748b;color:var(--color-text-secondary);display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.employee-details{display:flex;flex-direction:column}.employee-name{color:#1e293b;margin-bottom:2px}.employee-id{color:#94a3b8;color:var(--color-text-tertiary);font-size:12px}.pagination-container{background:var(--color-white);border-radius:0 0 12px 12px;border-top:2px solid #e2e8f0;border-top:2px solid var(--color-border);padding:20px}.pagination-controls{gap:8px}.page-numbers{align-items:center;gap:4px}.page-btn{border:2px solid #e2e8f0;color:#64748b;font-weight:500;transition:all .3s ease}.page-btn.active{background:#f97316;border-color:#f97316}.page-btn:hover:not(.active){background:#f8fafc;background:var(--color-light-gray);border-color:#cbd5e1}.loading-container{align-items:center;background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px}.loading-spinner{border:3px solid #e2e8f0;border-top:3px solid var(--color-orange)}.table-wrapper{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:10px;box-shadow:0 2px 4px #0000000d;width:100%}@media (max-width:1200px){.employees-table{min-width:1000px}}@media (max-width:768px){.hr-container{padding:16px}.hr-header h2{font-size:22px}.dashboard-stats{align-items:flex-start;flex-direction:column;gap:16px}.filters-row{flex-direction:column;gap:12px}.filter-group{width:100%}.filter-actions{justify-content:flex-end;width:100%}.pagination-container{align-items:stretch;flex-direction:column;gap:16px}.pagination-controls{justify-content:center;width:100%}.page-numbers{display:none}}@media (min-width:769px) and (max-width:1024px){.filters-row{flex-wrap:wrap}.filter-group{min-width:calc(50% - 8px)}.clickable-row:hover{background:#f8fafc!important;background:var(--color-light-gray)!important;box-shadow:inset 0 0 0 1px #f97316;box-shadow:inset 0 0 0 1px var(--color-orange);transform:translateY(-1px);transition:all .2s ease}}.reports-dashboard{padding:5px}.dashboard-title{color:#2c3e50;font-size:24px;margin-bottom:10px}.dashboard-subtitle{color:#7f8c8d;font-size:16px;margin-bottom:30px}.reports-menu-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.report-menu-card{background:#fff;border-radius:12px;border-top:4px solid #1976d2;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:25px;transition:all .3s ease}.report-menu-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.report-menu-icon{font-size:36px;margin-bottom:15px}.report-menu-title{color:#2c3e50;font-size:18px;font-weight:600;margin:10px 0}.report-menu-description{color:#7f8c8d;flex-grow:1;font-size:14px;line-height:1.5;margin-bottom:20px}.report-menu-button{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;color:#1976d2;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:10px 20px;transition:all .3s ease;width:100%}.report-menu-button:hover{background:#010239;color:#fff}.report-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:auto;padding:10px;width:100%}.report-toolbar{align-items:end;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:15px;padding:20px;width:100%}.search-box{min-width:250px}.search-icon{color:#7f8c8d;position:relative}.search-input{border:2px solid #e0e0e0;padding:10px 25px}.search-input:focus{border-color:#1976d2}.clear-search{color:#7f8c8d;right:10px}.filter-section{flex-wrap:wrap;gap:15px}.filter-dropdown{gap:5px}.filter-dropdown label{color:#7f8c8d;font-weight:500}.filter-dropdown select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;min-width:150px;padding:8px 12px}.filter-dropdown select:focus{border-color:#1976d2;outline:none}.toolbar-actions{display:flex;flex-wrap:wrap;gap:10px}.action-btn{border:1px solid #e0e0e0;border-radius:6px;color:#2c3e50;color:#64748b;color:var(--color-text-secondary);font-size:12px;font-weight:500;gap:8px;padding:8px 15px;transition:all .3s ease}.action-btn:hover{background:#1976d2;border-color:#1976d2;color:#fff}.report-summary-stats{border-bottom:1px solid #e0e0e0;display:flex;gap:20px;padding:20px}.stat-label{margin-bottom:5px}.stat-value{font-size:20px}.page-selector{background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:5px 10px}.report-data-table{margin:20px 0;padding:0;width:100%}.data-table{border-collapse:collapse}.data-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:600;padding:15px;text-align:left;-webkit-user-select:none;user-select:none}.data-table td{border-bottom:1px solid #e0e0e0;color:#2c3e50;font-size:12px;padding:12px 15px}.data-table tr:hover{background:#f5f5f5}.no-data{color:#7f8c8d}.pagination{border-top:1px solid #e0e0e0;flex-wrap:wrap;padding:20px}.page-btn,.pagination-btn{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#2c3e50;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.page-btn:hover:not(.active),.pagination-btn:hover:not(:disabled){background:#f8f9fa}.page-btn.active{background:#1976d2;border-color:#1976d2}.page-numbers{gap:5px}.page-info{color:#7f8c8d}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.negative{color:#e74c3c}.positive{color:#27ae60}@media (max-width:768px){.reports-menu-grid{grid-template-columns:1fr}.report-toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.filter-section{flex-direction:column}.filter-dropdown select{width:100%}.report-summary-stats,.toolbar-actions{justify-content:center}.report-summary-stats{flex-wrap:wrap}.pagination{flex-direction:column;gap:10px}}.summary-cards-grid{display:flex;flex-direction:row;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:20px 0;max-width:100%;padding:25px}.additional-stats{background:#f8f9fa;border:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:20px;margin:20px 0;padding:15px 20px}.stat-item{align-items:center;display:flex;gap:10px}.stat-label{color:#7f8c8d;font-size:14px}.stat-value{color:#2c3e50;font-size:15px;font-weight:600}@media (max-width:768px){.summary-cards-grid{grid-template-columns:1fr}.additional-stats{flex-direction:column;gap:10px}.stat-item{justify-content:space-between}}.hr-reports-container{background:#f8fafc;background:var(--color-light-gray);min-height:calc(100vh - 80px);padding:24px}.report-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0;overflow:hidden;padding:0}.summary-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-3px)}.summary-icon{font-size:24px;height:50px;margin-bottom:12px;width:50px}.summary-content{width:100%}.summary-title{color:#7f8c8d;font-size:14px;font-weight:500;margin-bottom:8px}.summary-value{color:#2c3e50;font-size:21px;font-weight:700;line-height:1.2;margin:0}.summary-value.positive{color:#27ae60}.summary-value.negative{color:#e74c3c}.additional-stats{border-radius:8px;margin:20px}.pagination{border-radius:0 0 8px 8px;margin:0 20px 20px}.human-capital-table.auto-fit{border-collapse:collapse;font-size:14px;min-width:100%;width:100%}.human-capital-table.auto-fit th{background:#f8fafc;background:var(--color-light-gray);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);color:#1e293b;color:var(--color-dark-gray);font-size:13px;font-weight:600;padding:12px 0;text-align:left;text-transform:uppercase}.human-capital-table.auto-fit td{border-bottom:1px solid #f1f5f9;color:#64748b;color:var(--color-text-secondary);overflow-wrap:break-word;padding:12px 10px;white-space:normal;word-break:break-word}.human-capital-table.auto-fit td.table-cell-auto{overflow:hidden;white-space:normal}.human-capital-table.auto-fit tr:hover{background:#f8fafc}.human-capital-table.auto-fit .active-row:hover{background-color:#f0f9f0}.human-capital-table.auto-fit .inactive-row:hover{background-color:#fff0f0}.human-capital-table.auto-fit .table-header svg{color:#080000;font-size:12px}.human-capital-table.auto-fit th:hover .table-header svg{color:#9c27b0}.text-nowrap{overflow:hidden;white-space:nowrap}.employee-name{color:#1976d2;white-space:nowrap}.status-badge{padding:2px 4px}.status-badge.active{background-color:#e8f5e9;color:#2e7d32}.status-badge.inactive{background-color:#ffebee;color:#c62828}.positive{color:#2e7d32}.negative{color:#c62828}.bold{font-weight:600}.clear-filters-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#666;font-size:13px;gap:6px;padding:8px 12px;transition:all .2s}.clear-filters-btn:hover{background-color:#e0e0e0;color:#333}.items-per-page{align-items:center;display:flex;font-size:14px;gap:8px;margin-left:auto}.items-per-page select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:4px;color:#1e293b;color:var(--color-dark-gray);font-size:14px;padding:6px 10px}.leaves-management{background:#f8f9fa;min-height:100vh;padding:20px}.leaves-header{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.leaves-header h2{color:#333;font-size:24px;margin:0 0 8px}.leaves-header p{color:#666;margin:0}.error-message{align-items:center;background:#ffebee;border-radius:4px;color:#c62828;display:flex;justify-content:space-between;padding:12px 16px}.close-error{background:none;border:none;color:#c62828;cursor:pointer;font-size:18px}.leaves-tabs{background:none;border:none;border-radius:8px;display:flex;gap:8px;margin-bottom:20px;padding:8px}.tab-btn{align-items:center;background:#fff;border-radius:4px;color:#666;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px}.tab-btn:hover{background:var(--accent-orange);color:#fff}.tab-btn.active{background:#010239;color:#fff}.tab-btn.active:hover{background:var(--accent-orange);color:#fff}.tab-icon{font-size:14px}.leaves-content{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px}.apply-leave h3,.leave-history h3,.leave-summary h3{color:#333;font-size:20px;margin-bottom:20px}.summary-table{overflow-x:auto}.summary-table table{border-collapse:collapse;font-size:12px;width:100%}.summary-table td,.summary-table th{border:1px solid #e0e0e0;padding:8px 12px;text-align:center}.summary-table th{background:#f8f9fa;color:#333;font-weight:600}.summary-table td{color:#555}.positive-balance{color:#28a745;font-weight:600}.negative-balance{color:#dc3545;font-weight:600}.leave-form{max-width:600px}.form-group{margin-bottom:20px}.form-row{grid-gap:15px;gap:15px;grid-template-columns:1fr 1fr 1fr}.form-group label{color:#333}.form-group input,.form-group select,.form-group textarea{border:1px solid #e0e0e0;transition:border-color .2s ease}.total-days{background:#f8f9fa;color:#666}.submit-btn{background:#007bff;border-radius:4px;font-size:16px;font-weight:500;transition:background .2s ease}.submit-btn:hover:not(:disabled){background:#0056b3}.submit-btn:disabled{background:#6c757d}.applications-table{overflow-x:auto}.applications-table table{border-collapse:collapse;font-size:14px;width:100%}.applications-table td,.applications-table th{border:1px solid #e0e0e0;padding:12px 16px;text-align:left}.applications-table th{background:#f8f9fa;color:#333;font-weight:600}.status-pending{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}@media (max-width:768px){.leaves-tabs{flex-direction:column}.form-row{grid-template-columns:1fr}.applications-table,.summary-table{font-size:10px}.applications-table td,.applications-table th,.summary-table td,.summary-table th{padding:6px 8px}}:root{--color-primary:#f97316;--color-primary-hover:#ea580c;--color-secondary:#3b82f6;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6}.recruitment-container{background:#f8fafc;background:var(--color-light-gray);margin:0 auto;min-height:100vh;padding:24px}.recruitment-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px;padding-bottom:16px}.recruitment-title-section{flex:1 1}.recruitment-title-section h2{color:#1e293b;color:var(--color-dark-gray);font-size:28px;font-weight:700;line-height:1.3;margin-bottom:8px}.recruitment-title-section p{color:#64748b;color:var(--color-text-secondary);font-size:16px;line-height:1.6;margin:0;max-width:800px}.recruitment-header .back-button{align-items:center;background:#fff;background:var(--color-white);border:2px solid #cbd5e1;border-radius:8px;color:#64748b;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.recruitment-header .back-button:hover{background:#f1f5f9;border-color:#94a3b8;border-color:var(--color-text-tertiary);transform:translateX(-2px)}.recruitment-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto}.recruitment-module-card{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:240px;overflow:hidden;padding:28px;position:relative;text-align:left;transition:all .3s ease,transform .3s ease}.recruitment-module-card:hover{background:#f8fafc;background:var(--color-light-gray);border-color:#f97316;border-color:var(--color-primary);box-shadow:0 16px 32px #1e293b1f;transform:translateY(-6px)}.recruitment-module-card:before{background:linear-gradient(90deg,#f97316,#fb923c);background:linear-gradient(90deg,var(--color-primary),#fb923c);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.recruitment-module-card:hover:before{transform:scaleX(1)}.module-icon-container{background:#f1f5f9;height:60px;margin-bottom:20px;width:60px}.recruitment-module-card:hover .module-icon-container{background:linear-gradient(135deg,#f97316,#fb923c);background:linear-gradient(135deg,var(--color-primary),#fb923c);transform:translateY(-2px) scale(1.05)}.module-icon-container .category-icon{color:#64748b;color:var(--color-text-secondary);font-size:24px;transition:all .3s ease}.recruitment-module-card:hover .category-icon{color:#fff;color:var(--color-white)}.module-description{-webkit-line-clamp:3;color:#64748b;color:var(--color-text-secondary);flex:1 1;margin:0}.recruitment-module-card:after{bottom:24px;color:#94a3b8;color:var(--color-text-tertiary);content:"→";font-size:20px;font-weight:700;opacity:0;position:absolute;right:24px;transform:translateX(-10px);transition:all .3s ease}.recruitment-module-card:hover:after{color:#f97316;color:var(--color-primary);opacity:1;transform:translateX(0)}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(26px,1fr));margin:0 auto 32px}.stat-value{color:#1e293b;color:var(--color-dark-gray);font-size:36px;font-weight:700;line-height:1.2;margin:0}.stat-change{align-items:center;display:flex;font-size:14px;font-weight:500;gap:6px;margin-top:8px}.stat-change.positive{color:#10b981;color:var(--color-success)}.stat-change.negative{color:#ef4444;color:var(--color-danger)}.stat-change.neutral{color:#64748b;color:var(--color-text-secondary)}.info-card{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;box-shadow:0 4px 6px #00000008;margin-bottom:24px;padding:32px;text-align:center;transition:all .3s ease}.info-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #1e293b14;transform:translateY(-2px)}.info-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.info-card-title{color:#1e293b;color:var(--color-dark-gray);font-size:24px;font-weight:600;line-height:1.2;margin:0}.recruitment-form{border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;box-shadow:0 4px 6px #00000008}.recruitment-form,.recruitment-form-container{background:#fff;background:var(--color-white);padding:32px}.recruitment-form-container{border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:16px;box-shadow:0 8px 20px #1e293b14;margin:0 auto;max-width:1000px}.form-title{color:var(--color-dark-gray);font-size:28px;margin-bottom:8px;text-align:center}.form-subtitle{color:#64748b;color:var(--color-text-secondary);font-size:16px;line-height:1.6;margin-bottom:40px;text-align:center}.form-section{border-bottom:2px solid #f1f5f9;margin-bottom:40px;padding-bottom:32px}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);color:#1e293b;color:var(--color-dark-gray);font-size:20px;font-weight:600;margin-bottom:24px;padding-bottom:12px;position:relative}.form-row{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.form-group:last-child{margin-bottom:0}textarea.form-control{min-height:100px}input[type=number].form-control{-moz-appearance:textfield}input[type=date].form-control{min-height:44px}.checkbox-group{display:flex;flex-direction:row;gap:24px;margin-top:16px}.checkbox-label{align-items:center;color:#64748b;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;gap:10px;transition:color .3s ease}.checkbox-label:hover{color:#1e293b;color:var(--color-dark-gray)}.checkbox-label input[type=checkbox],.checkbox-label input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;height:18px;position:relative;transition:all .3s ease;width:18px}.checkbox-label input[type=checkbox]:checked,.checkbox-label input[type=radio]:checked{background:linear-gradient(135deg,#f97316,#fb923c);background:linear-gradient(135deg,var(--color-primary),#fb923c);border-color:#f97316;border-color:var(--color-primary)}.checkbox-label input[type=checkbox]:checked:after{color:#fff;color:var(--color-white);content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label input[type=radio]{border-radius:50%}.checkbox-label input[type=radio]:checked:after{background:#fff;background:var(--color-white);border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.checkbox-label input:disabled{background-color:#f1f5f9;border-color:#e2e8f0;border-color:var(--color-border);cursor:not-allowed}.checkbox-label input:disabled+span{color:#94a3b8;color:var(--color-text-tertiary);cursor:not-allowed}.conditional-fields{animation:slideIn .3s ease;background:#f8fafc;background:var(--color-light-gray);border:2px dashed #e2e8f0;border:2px dashed var(--color-border);border-radius:8px;margin-top:24px;padding:20px}small.text-gray-500{color:#94a3b8;color:var(--color-text-tertiary);display:block;font-size:12px;line-height:1.4;margin-top:6px}.form-actions{border-top:2px solid #e2e8f0;border-top:2px solid var(--color-border);gap:16px;justify-content:center;margin-top:48px;padding-top:32px}.form-loading{opacity:.7;pointer-events:none}.form-loading .form-control{background-color:#f8fafc;background-color:var(--color-light-gray)}.form-error{background:#fee2e2;border:2px solid #fecaca;border-radius:8px;color:#991b1b}.form-error,.form-success{font-size:14px;margin-bottom:24px;padding:16px;text-align:center}.form-success{background:#d1fae5;border:2px solid #a7f3d0;border-radius:8px;color:#065f46}.form-control.invalid{border-color:#ef4444;border-color:var(--color-danger)}.form-control.valid{border-color:#10b981;border-color:var(--color-success)}.validation-message{align-items:center;display:flex;font-size:12px;gap:4px;margin-top:6px}.validation-message.error{color:#ef4444;color:var(--color-danger)}.validation-message.success{color:#10b981;color:var(--color-success)}.validation-icon{font-size:14px}@media (max-width:768px){.recruitment-form-container{margin:0 16px;padding:24px 16px}.form-title{font-size:24px}.form-subtitle{font-size:14px;margin-bottom:32px}.form-row{gap:16px;grid-template-columns:1fr}.form-section{margin-bottom:32px;padding-bottom:24px}.form-section h3{font-size:18px;margin-bottom:20px}.form-actions{flex-direction:column;gap:12px;margin-top:32px}.form-actions .recruitment-btn{justify-content:center;width:100%}.conditional-fields{padding:16px}}@media (min-width:769px) and (max-width:1024px){.recruitment-form-container{padding:28px 24px}.form-row{grid-template-columns:repeat(2,1fr)}}.form-wizard{display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.form-wizard:before{background:#e2e8f0;background:var(--color-border);content:"";height:2px;left:0;position:absolute;right:0;top:24px;z-index:1}.wizard-step{flex:1 1;position:relative;text-align:center;z-index:2}.step-number{align-items:center;background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:50%;color:#94a3b8;color:var(--color-text-tertiary);display:flex;font-weight:600;height:48px;justify-content:center;margin:0 auto 12px;transition:all .3s ease;width:48px}.wizard-step.active .step-number{background:linear-gradient(135deg,#f97316,#fb923c);background:linear-gradient(135deg,var(--color-primary),#fb923c);border-color:#f97316;border-color:var(--color-primary);color:#fff;color:var(--color-white)}.wizard-step.completed .step-number{background:#10b981;background:var(--color-success);border-color:#10b981;border-color:var(--color-success);color:#fff;color:var(--color-white)}.step-label{color:#64748b;color:var(--color-text-secondary);font-size:14px;font-weight:500}.wizard-step.active .step-label{color:#1e293b;color:var(--color-dark-gray);font-weight:600}.form-progress{background:#e2e8f0;background:var(--color-border);border-radius:3px;height:6px;margin-bottom:32px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#f97316,#fb923c);background:linear-gradient(90deg,var(--color-primary),#fb923c);border-radius:3px;height:100%;transition:width .3s ease}.form-header-actions{display:flex;gap:12px;justify-content:flex-end;margin-bottom:24px}.form-tooltip{align-items:center;display:inline-flex;gap:6px;position:relative}.tooltip-icon{color:#94a3b8;color:var(--color-text-tertiary);cursor:help;font-size:16px}.tooltip-text{background:#1e293b;background:var(--color-dark-gray);border-radius:6px;bottom:100%;color:#fff;color:var(--color-white);font-size:12px;margin-bottom:8px;opacity:0;padding:8px 12px;transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1000}.tooltip-text,.tooltip-text:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip-text:after{border:6px solid #0000;border-top:6px solid var(--color-dark-gray);content:"";top:100%}.form-tooltip:hover .tooltip-text{opacity:1;visibility:visible}.char-counter{color:#94a3b8;color:var(--color-text-tertiary);font-size:12px;margin-top:4px;text-align:right}.char-counter.warning{color:#f59e0b;color:var(--color-warning)}.char-counter.error{color:#ef4444;color:var(--color-danger)}.form-group{margin-bottom:24px}.form-label{color:#64748b;color:var(--color-text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-label.required:after{color:#ef4444;color:var(--color-danger);content:" *"}.form-control{background-color:#fff;background-color:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:8px;color:#1e293b;color:var(--color-dark-gray);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-control:focus{border-color:#f97316;border-color:var(--color-primary);box-shadow:0 0 0 3px #f973161a;outline:none}.form-control:disabled{background-color:#f8fafc;background-color:var(--color-light-gray);border-color:#e2e8f0;border-color:var(--color-border);cursor:not-allowed}.form-control::placeholder,.form-control:disabled{color:#94a3b8;color:var(--color-text-tertiary)}.form-row{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}textarea.form-control{line-height:1.5;min-height:120px;resize:vertical}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;padding-right:48px}.recruitment-table{background:#fff;background:var(--color-white);border:1.5px solid #e2e8f0;border:1.5px solid var(--color-border);border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:20px;overflow:hidden;width:100%}.recruitment-table table{border-collapse:initial;border-spacing:0;width:100%}.recruitment-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);color:#1e293b;color:var(--color-dark-gray);font-size:13px;font-weight:700;letter-spacing:.75px;padding:16px 20px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.recruitment-table td{border-bottom:1px solid #f1f5f9;color:#64748b;color:var(--color-text-secondary);font-size:14px;padding:16px 20px;transition:all .2s ease;vertical-align:middle}.recruitment-table tr:nth-child(2n){background-color:#fbfcfd}.recruitment-table tr:hover{background:#f1f5f9}.recruitment-table tr:hover td{color:#1e293b;color:var(--color-dark-gray)}.recruitment-table tr:last-child td{border-bottom:none}.recruitment-btn{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;justify-content:center;line-height:1.4;padding:10px 20px;text-decoration:none;transition:all .3s ease}.recruitment-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.recruitment-btn-danger,.recruitment-btn-outline,.recruitment-btn-primary,.recruitment-btn-secondary,.recruitment-btn-success,.recruitment-btn-warning{background:#fff;background:var(--color-white);border:1px solid #cbd5e1;color:#64748b!important;color:var(--color-text-secondary)!important}.recruitment-btn-danger:hover:not(:disabled),.recruitment-btn-outline:hover:not(:disabled),.recruitment-btn-primary:hover:not(:disabled),.recruitment-btn-secondary:hover:not(:disabled),.recruitment-btn-success:hover:not(:disabled),.recruitment-btn-warning:hover:not(:disabled){background:#f97316;background:var(--color-primary);border-color:#0000;box-shadow:0 4px 12px #f9731633;color:#fff!important;color:var(--color-white)!important;transform:translateY(-2px)}.recruitment-table .recruitment-btn,.recruitment-table .recruitment-btn-primary,.recruitment-table .recruitment-btn-secondary{color:#64748b!important;color:var(--color-text-secondary)!important}.table-action-btn{border:1.5px solid #cbd5e1!important;box-shadow:0 1px 2px #0000000d}.table-action-btn:hover{border-color:#f97316!important;border-color:var(--color-primary)!important}.recruitment-table .recruitment-btn-primary:hover,.recruitment-table .recruitment-btn-secondary:hover,.recruitment-table .recruitment-btn:hover{color:#fff!important;color:var(--color-white)!important}.filter-actions{flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:15px}.filter-buttons-group{display:flex;gap:10px;margin-left:auto}.recruitment-table-enhanced{background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);box-shadow:0 2px 8px #00000014;width:100%}.recruitment-table-enhanced table{border-collapse:initial;border-spacing:0;width:100%}.recruitment-table-enhanced thead,.recruitment-table-enhanced thead th{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important}.recruitment-table-enhanced thead th{border-bottom:3px solid #f97316;border-bottom:3px solid var(--color-primary);color:#1e293b;color:var(--color-dark-gray);font-size:13px;font-weight:700;letter-spacing:.5px;padding:18px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.recruitment-table-enhanced tbody tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);transition:all .3s ease}.recruitment-table-enhanced tbody tr:nth-child(2n){background:#fafbfc}.recruitment-table-enhanced tbody tr:nth-child(odd){background:#fff;background:var(--color-white)}.recruitment-table-enhanced tbody tr:hover{background:linear-gradient(90deg,#f973160d,#f9731605);box-shadow:-4px 0 0 0 #f97316;box-shadow:-4px 0 0 0 var(--color-primary);transform:translateX(4px)}.recruitment-table-enhanced tbody td{color:#64748b;color:var(--color-text-secondary);font-size:14px;padding:16px;vertical-align:middle}.recruitment-table-enhanced tbody td strong{color:#1e293b;color:var(--color-dark-gray);font-weight:600}.table-cell-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.table-cell-actions .recruitment-btn{font-size:12px;padding:6px 12px;white-space:nowrap}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.table-responsive-wrapper::-webkit-scrollbar{height:8px}.table-responsive-wrapper::-webkit-scrollbar-track{background:#f8fafc;background:var(--color-light-gray);border-radius:10px}.table-responsive-wrapper::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--color-text-tertiary);border-radius:10px}.table-responsive-wrapper::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--color-text-secondary)}@media (max-width:768px){.recruitment-table-enhanced thead th{font-size:11px;padding:12px 10px}.recruitment-table-enhanced tbody td{font-size:13px;padding:12px 10px}.table-cell-actions{align-items:stretch;flex-direction:column}.table-cell-actions .recruitment-btn{text-align:center;width:100%}}.recruitment-form .form-group{margin-bottom:20px}.recruitment-form .form-control{border:2px solid #e2e8f0;border:2px solid var(--color-border);transition:all .3s ease}.recruitment-form .form-control:focus{border-color:#f97316;border-color:var(--color-primary);box-shadow:0 0 0 3px #f973161a;outline:none}.recruitment-form .form-label{color:#1e293b;color:var(--color-dark-gray);display:block;font-weight:600;margin-bottom:8px}.recruitment-form textarea.form-control{min-height:100px;resize:vertical}.recruitment-form select.form-control{cursor:pointer}.recruitment-form-enhanced .form-control:focus{border-color:#f97316;border-color:var(--color-primary);box-shadow:0 0 0 4px #f9731626,0 4px 12px #f9731633;transform:translateY(-1px)}.recruitment-form-enhanced .form-section{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:30px;padding:30px;position:relative;transition:all .3s ease}.recruitment-form-enhanced .form-section:hover{border-color:#f9731633;box-shadow:0 8px 25px #00000014}.recruitment-form-enhanced .form-section:last-child:after{display:none}.recruitment-form-enhanced .form-section h3{align-items:center;color:#1e293b;color:var(--color-dark-gray);display:flex;font-size:18px;font-weight:700;gap:12px;margin-bottom:24px}.recruitment-form-enhanced .form-label{color:#1e293b;color:var(--color-dark-gray);display:block;font-size:14px;font-weight:600;margin-bottom:10px;transition:color .3s ease}.recruitment-form-enhanced .form-group:focus-within .form-label{color:#f97316;color:var(--color-primary)}.recruitment-form-enhanced .form-control.is-valid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2310b981'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");border-color:#10b981;border-color:var(--color-success)}.recruitment-form-enhanced .form-control.is-invalid,.recruitment-form-enhanced .form-control.is-valid{background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.recruitment-form-enhanced .form-control.is-invalid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23ef4444'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM8.707 7.293a1 1 0 0 0-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 1 0 1.414 1.414L10 11.414l1.293 1.293a1 1 0 0 0 1.414-1.414L11.414 10l1.293-1.293a1 1 0 0 0-1.414-1.414L10 8.586 8.707 7.293z' clip-rule='evenodd'/%3E%3C/svg%3E");border-color:#ef4444;border-color:var(--color-danger)}.recruitment-form-enhanced .form-actions{border-top:2px solid #e2e8f0;border-top:2px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.status-badge{border-radius:20px;font-size:12px}.status-open{background:#d1fae5;border:1px solid #a7f3d0;color:#088c67}.status-closed{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.status-draft{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.status-approved{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.status-rejected{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.status-pending{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.status-completed{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-cancelled{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.skill-badge{align-items:center;background:#e0f2fe;border:1px solid #bae6fd;border-radius:20px;color:#0369a1;display:inline-flex;font-size:12px;font-weight:500;margin:4px;padding:6px 12px}.skill-badge button{align-items:center;background:none;border:none;border-radius:50%;color:#0369a1;cursor:pointer;display:flex;font-size:14px;justify-content:center;margin-left:6px;padding:0 4px;transition:color .3s ease}.skill-badge button:hover{background:#0284c71a;color:#0c4a6e}.error-container,.loading-container{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;box-shadow:0 4px 6px #00000008;padding:80px 24px;text-align:center}.loading-spinner{border:3px solid #f1f5f9;border-top-color:#f97316;border-top:3px solid var(--color-primary);height:48px;margin:0 auto 24px;width:48px}.loading-text{color:#64748b;color:var(--color-text-secondary);font-size:16px;font-weight:500}.error-message{background:#fff;background:var(--color-white);border:2px solid #fecaca;border-radius:12px;box-shadow:0 4px 6px #00000008;padding:48px}.error-message h3{color:#dc2626;font-size:18px;font-weight:600;margin-bottom:12px}.error-message p{color:#64748b;color:var(--color-text-secondary);line-height:1.5;margin-bottom:24px}.retry-button{background:#f97316;background:var(--color-primary);border-radius:8px;font-weight:500;transition:all .3s ease}.retry-button:hover{background:var(--color-primary-hover);box-shadow:0 8px 20px #f973164d;transform:translateY(-2px)}.pagination-controls{background:#f8fafc;background:var(--color-light-gray);border-top:2px solid #e2e8f0;border-top:2px solid var(--color-border);gap:20px;margin-top:32px;padding:24px}.pagination-btn{border:2px solid #e2e8f0;border-radius:8px;color:#64748b;gap:8px;padding:10px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#f97316;background:var(--color-primary);border-color:#f97316;border-color:var(--color-primary);box-shadow:0 4px 12px #f9731633;color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{transform:none!important}.pagination-info{font-weight:500}.pagination-numbers{align-items:center;display:flex;gap:8px}.page-number{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:6px;color:#64748b;color:var(--color-text-secondary);font-size:14px;font-weight:500;min-width:40px;padding:8px 12px;text-align:center;transition:all .3s ease}.page-number:hover:not(.active){background:#f1f5f9;border-color:#cbd5e1}.page-number.active{background:#f97316;background:var(--color-primary);border-color:#f97316;border-color:var(--color-primary);color:var(--color-white)}.search-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-input{border:2px solid #e2e8f0;color:#1e293b;font-family:inherit;padding:12px 16px}.search-input:focus{border-color:#f97316;border-color:var(--color-primary)}.filter-box{min-width:180px}.entries-filter{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:8px;color:#1e293b;color:var(--color-dark-gray);cursor:pointer;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.entries-filter:focus{border-color:#f97316;border-color:var(--color-primary);outline:none}.recruitment-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e293bb3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:600px}.modal-header{background:#f8fafc;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);border-radius:14px 14px 0 0;padding:24px}.modal-header h2{color:#1e293b;color:var(--color-dark-gray)}.close-button{border-radius:6px;color:#94a3b8;color:var(--color-text-tertiary);padding:4px}.close-button:hover{background:#f1f5f9;color:#64748b;color:var(--color-text-secondary)}.modal-body{max-height:calc(90vh - 140px);padding:24px}.modal-footer{background:#f8fafc;border-radius:0 0 14px 14px;border-top:2px solid #e2e8f0;border-top:2px solid var(--color-border);padding:24px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.recruitment-modal-enhanced{align-items:center;animation:modalFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293bbf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content-enhanced{animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:20px;box-shadow:0 25px 50px #0003,0 10px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1000px}.modal-header-enhanced{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--color-light-gray) 0,#fff 100%);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);border-radius:18px 18px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:28px 32px}.modal-header-enhanced h2{align-items:center;color:#1e293b;color:var(--color-dark-gray);display:flex;font-size:22px;font-weight:700;gap:12px;margin:0}.modal-header-enhanced h2:before{background:linear-gradient(180deg,#f97316,#fb923c);background:linear-gradient(180deg,var(--color-primary),#fb923c);border-radius:2px;content:"";height:24px;width:4px}.close-button-enhanced{align-items:center;background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:10px;color:#94a3b8;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:20px;font-weight:600;height:36px;justify-content:center;padding:8px 12px;transition:all .3s ease;width:36px}.close-button-enhanced:hover{background:#ef4444;background:var(--color-danger);border-color:#ef4444;border-color:var(--color-danger);color:#fff;color:var(--color-white);transform:rotate(90deg) scale(1.1)}.modal-body-enhanced{flex:1 1;min-height:0;overflow-y:auto;padding:32px}.modal-body-enhanced::-webkit-scrollbar{width:8px}.modal-body-enhanced::-webkit-scrollbar-track{background:#f8fafc;background:var(--color-light-gray);border-radius:10px}.modal-body-enhanced::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--color-text-tertiary);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.modal-body-enhanced::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--color-text-secondary)}.modal-footer-enhanced{background:#f8fafc;background:var(--color-light-gray);border-radius:0 0 18px 18px;border-top:2px solid #e2e8f0;border-top:2px solid var(--color-border);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:24px 32px}.modal-footer-enhanced.space-between{justify-content:space-between}.modal-footer-enhanced.center{justify-content:center}@media (max-width:768px){.recruitment-modal-enhanced{padding:10px}.modal-content-enhanced{border-radius:16px;max-height:95vh}.modal-header-enhanced{border-radius:14px 14px 0 0;padding:20px 24px}.modal-header-enhanced h2{font-size:18px}.modal-body-enhanced{padding:24px}.modal-footer-enhanced{border-radius:0 0 14px 14px;flex-direction:column;padding:20px 24px}.modal-footer-enhanced .recruitment-btn{width:100%}.modal-lg,.modal-md,.modal-sm,.modal-xl{max-width:100%}}.text-left{text-align:left}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.ml-2{margin-left:8px}.ml-4{margin-left:16px}.mr-2{margin-right:8px}.mr-4{margin-right:16px}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.border{border:2px solid #e2e8f0;border:2px solid var(--color-border)}.border-t{border-top:2px solid #e2e8f0;border-top:2px solid var(--color-border)}.border-b{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border)}.bg-white{background-color:#fff;background-color:var(--color-white)}.bg-gray-50{background-color:#f8fafc;background-color:var(--color-light-gray)}.bg-gray-100{background-color:#f1f5f9}.text-gray-500{color:#64748b;color:var(--color-text-secondary)}.text-gray-600{color:#475569}.text-gray-700{color:#334155}.text-gray-800{color:#1e293b;color:var(--color-dark-gray)}.text-blue-500{color:#3b82f6;color:var(--color-secondary)}.text-green-500{color:#10b981;color:var(--color-success)}.text-red-500{color:#ef4444;color:var(--color-danger)}.text-yellow-500{color:#f59e0b;color:var(--color-warning)}.text-orange-500{color:#f97316;color:var(--color-primary)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:28px}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.shadow-sm{box-shadow:0 2px 4px #0000000d}.shadow-md{box-shadow:0 4px 6px #00000012}.shadow-lg{box-shadow:0 8px 16px #0000001a}@media (max-width:768px){.recruitment-container{padding:16px}.recruitment-header{align-items:flex-start;flex-direction:column;gap:16px}.recruitment-header .back-button{justify-content:center;width:100%}.recruitment-title-section h2{font-size:24px}.recruitment-title-section p{font-size:14px}.dashboard-grid,.recruitment-grid{gap:16px;grid-template-columns:1fr}.recruitment-module-card{height:auto;min-height:200px;padding:20px}.info-card{padding:24px 20px}.info-card-header{align-items:flex-start;flex-direction:column;gap:16px}.info-card-title{font-size:20px}.recruitment-form{padding:24px 20px}.form-row{gap:16px;grid-template-columns:1fr}.recruitment-table{font-size:13px}.recruitment-table td,.recruitment-table th{padding:12px 16px}.recruitment-table td:nth-child(3),.recruitment-table th:nth-child(3){display:none}.search-filters{flex-direction:column;gap:12px;width:100%}.search-box{min-width:100%}.modal-content{max-width:95%}.modal-body{max-height:calc(90vh - 120px);padding:20px}.modal-footer{flex-wrap:wrap;justify-content:center;padding:20px}.pagination-controls{flex-wrap:wrap;gap:12px;padding:20px}.pagination-numbers{justify-content:center;order:-1;width:100%}}@media (min-width:769px) and (max-width:1024px){.recruitment-grid{grid-template-columns:repeat(2,1fr)}.search-filters{flex-wrap:nowrap}.search-box{min-width:auto}}.recruitment-module-card[data-key=recruitment-dashboard]{background:linear-gradient(135deg,#f9731608,#fb923c08);border-color:#f97316;border-color:var(--color-primary)}.recruitment-module-card[data-key=recruitment-dashboard]:hover{background:linear-gradient(135deg,#f9731614,#fb923c14)}.recruitment-module-card[data-key=recruitment-dashboard] .module-icon-container{background:linear-gradient(135deg,#f97316,#fb923c);background:linear-gradient(135deg,var(--color-primary),#fb923c)}.recruitment-module-card[data-key=recruitment-dashboard] .category-icon{color:#fff;color:var(--color-white)}@keyframes cardPulse{0%{transform:translateY(-4px) scale(1)}50%{transform:translateY(-6px) scale(1.01)}to{transform:translateY(-4px) scale(1)}}.recruitment-module-card:hover{animation:cardPulse 2s ease-in-out infinite}.recruitment-loading{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.recruitment-loading-card{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;height:240px;overflow:hidden;padding:28px;position:relative}.recruitment-loading-card:before{animation:loadingShimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#f1f5f999,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loadingShimmer{0%{left:-100%}to{left:100%}}.recruitment-empty-state{background:#fff;background:var(--color-white);border:2px dashed #e2e8f0;border:2px dashed var(--color-border);border-radius:12px;box-shadow:0 4px 6px #00000008;grid-column:1/-1;padding:80px 24px;text-align:center}.recruitment-empty-icon{color:#cbd5e1;font-size:56px;margin-bottom:24px;opacity:.7}.recruitment-empty-state h3{color:#64748b;color:var(--color-text-secondary);font-size:20px;font-weight:600;margin-bottom:12px}.recruitment-empty-state p{color:#94a3b8;color:var(--color-text-tertiary);font-size:16px;line-height:1.6;margin:0 auto 32px;max-width:400px}button,input,select,textarea{font-family:inherit;line-height:inherit}a,button,input,select,textarea{transition:all .3s ease}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #f97316;outline:2px solid var(--color-primary);outline-offset:2px}@media print{.recruitment-container{background:#fff;background:var(--color-white);padding:0}.back-button,.modal-footer,.recruitment-btn,.search-filters{display:none!important}.info-card,.recruitment-module-card,.recruitment-table,.stat-card{border:1px solid #d1d5db;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.recruitment-module-card{height:auto!important}}.recruitment-container{color:#334155;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{color:#1e293b;color:var(--color-dark-gray);font-weight:600;line-height:1.3}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-contrast:high){.recruitment-btn-danger,.recruitment-btn-primary,.recruitment-btn-success,.recruitment-btn-warning,.status-badge{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.recruitment-module-card:hover{animation:none}}.success-message{background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;margin-bottom:20px;overflow:hidden}.error-message{color:#991b1b;overflow:hidden}.error-content,.success-content{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.close-button{background:none;border-radius:4px;color:inherit;font-size:20px;height:24px;padding:0;width:24px}.close-button:hover{background:#0000001a}.filter-card{margin-bottom:20px}.filter-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.search-input{flex:1 1}.search-btn{min-width:80px;white-space:nowrap}.quick-stats{border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;margin-top:20px;padding-top:20px}.stat-item{text-align:center}.stat-number{font-size:24px;margin-bottom:4px}.stat-label{color:#94a3b8;color:var(--color-text-tertiary);font-size:12px}.candidate-info strong{display:block;margin-bottom:4px}.candidate-email,.candidate-phone,.requisition-id{color:#94a3b8;color:var(--color-text-tertiary);font-size:12px;line-height:1.4}.position-info{display:flex;flex-direction:column;gap:4px}.resume-cell{display:flex;justify-content:center}.download-resume-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--color-success),#059669);border:none;border-radius:6px;color:#fff;color:var(--color-white);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .3s ease}.download-resume-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98133;transform:translateY(-1px)}.resume-icon{font-size:14px}.no-resume{color:#94a3b8;color:var(--color-text-tertiary);font-size:12px;font-style:italic}.status-container{display:flex;flex-direction:column;gap:5px}.status-badge{color:#000;letter-spacing:.3px;min-width:70px;text-align:center}.status-edit-btn{background:none;border:none;color:#f97316;color:var(--color-primary);cursor:pointer;font-size:12px;margin-left:4px;padding:2px}.status-edit-btn:hover{color:#ea580c;color:var(--color-primary-hover)}.quick-status-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.quick-status-btn{border:none;border-radius:4px;cursor:pointer;font-size:10px;font-weight:500;padding:2px 6px;transition:all .2s ease}.quick-status-btn:hover{transform:translateY(-1px)}.screening-btn{background:#f59e0b;background:var(--color-warning)}.interview-btn,.screening-btn{color:#fff;color:var(--color-white)}.interview-btn{background:#f97316;background:var(--color-primary)}.offer-btn{background:#8b5cf6}.hired-btn,.offer-btn{color:#fff;color:var(--color-white)}.hired-btn{background:#10b981;background:var(--color-success)}.rejected-btn{background:#ef4444;background:var(--color-danger);color:#fff;color:var(--color-white)}.action-buttons{flex-wrap:wrap}.empty-state{padding:40px}.empty-state h3{margin-bottom:8px}.empty-state h3,.empty-state p{color:#64748b;color:var(--color-text-secondary)}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;height:400px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pagination-container{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.pagination-info{color:#64748b;color:var(--color-text-secondary);font-size:14px}.pagination-controls{gap:10px}.page-info{color:#64748b;color:var(--color-text-secondary);min-width:100px;text-align:center}.pagination-btn{min-width:80px;padding:5px 15px}.resume-preview{background-color:#f1f5f9;border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:6px;margin-top:8px;padding:12px}.resume-file-info{align-items:center;display:flex;gap:10px;justify-content:space-between}.resume-details{flex:1 1}.resume-file-size{color:#64748b;color:var(--color-text-secondary);font-size:11px;margin-top:2px}.remove-file-btn{background:none;border:none;border-radius:4px;color:#ef4444;color:var(--color-danger);cursor:pointer;font-size:18px;padding:0 5px;transition:background-color .2s}.remove-file-btn:hover{background-color:#ef44441a}.form-helper-text{color:#94a3b8;color:var(--color-text-tertiary);display:block;font-size:12px;margin-top:6px}.file-preview{background-color:#f3f4f6;border-radius:5px;font-size:14px;margin-top:10px;padding:10px}.file-size{color:#94a3b8;color:var(--color-text-tertiary);font-size:12px;margin-top:2px}.import-note{background-color:#fef3c7;border-radius:5px;color:#92400e;font-size:14px;margin-top:20px;padding:15px}.note-details{color:#92400e;font-size:12px;margin-top:5px}.candidate-info-card{background-color:#f3f4f6;border-radius:5px;font-size:14px;margin-bottom:15px;padding:10px}.candidate-info-card div{margin-bottom:4px}.candidate-info-card div:last-child{margin-bottom:0}.email-note{color:#94a3b8;color:var(--color-text-tertiary);font-size:12px;margin-top:10px}.large-modal{max-width:800px}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.full-width{grid-column:span 2}.form-control-static{color:#334155;font-weight:500;padding:8px 0;word-break:break-word}.scrollable-text{max-height:200px;overflow-y:auto;padding-right:10px;white-space:pre-wrap}.modal-close-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:20px;padding:4px;transition:background-color .2s}.modal-close-btn,.modal-close-btn:hover{color:#64748b;color:var(--color-text-secondary)}.modal-close-btn:hover{background-color:#f1f5f9}@media (max-width:768px){.filter-grid{grid-template-columns:1fr}.search-btn{width:100%}.quick-stats{flex-wrap:wrap;gap:15px}.stat-item{flex:1 1;min-width:120px}.details-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}.quick-status-actions{flex-direction:column}.quick-status-btn{text-align:center;width:100%}.pagination-container{flex-direction:column;gap:15px;text-align:center}.action-buttons{flex-direction:column;width:100%}}@media (max-width:480px){.stat-number{font-size:20px}.modal-content{margin:10px;max-width:calc(100% - 20px)}.recruitment-table{font-size:12px}.download-resume-btn{font-size:11px;padding:4px 8px}.status-badge{font-size:10px;min-width:60px;padding:3px 6px}}.recruitment-candidate-details-layout{display:flex;flex-direction:column;gap:30px}.recruitment-details-section{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.recruitment-details-section .section-header{background:#f8fafc;background:var(--color-light-gray);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);padding:12px 20px}.recruitment-details-section .section-header h3{border-bottom:none;color:#1e293b;color:var(--color-dark-gray);font-size:16px;font-weight:700;letter-spacing:.5px;margin:0;padding-bottom:0;text-transform:uppercase}.recruitment-details-section .section-header h3:after{display:none!important}.recruitment-details-grid-enhanced{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(2,1fr)}.recruitment-detail-item{border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;gap:6px;padding:16px 20px;text-align:left}.recruitment-detail-item:nth-child(2n){border-right:none}.recruitment-detail-item.full-width{border-right:none;grid-column:span 2}.recruitment-detail-item label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.recruitment-detail-item p{color:#1e293b;color:var(--color-dark-gray);font-size:15px;font-weight:500;margin:0}.recruitment-table-enhanced{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 25px #0000000d;margin-top:20px;overflow:hidden}.recruitment-modern-table{border-collapse:collapse;width:100%}.recruitment-modern-table thead th{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);border-right:1px solid #e2e8f0;border-right:1px solid var(--color-border);color:#1e293b;color:var(--color-dark-gray);font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.recruitment-modern-table thead th:last-child{border-right:none}.recruitment-modern-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.recruitment-modern-table tbody tr:hover{background-color:#f8fafc;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.recruitment-modern-table tbody td{color:#475569;font-size:14px;padding:16px 20px;vertical-align:middle}.recruitment-modern-table tbody td strong{color:#1e293b;font-weight:600}.recruitment-modern-table .status-badge{font-weight:700;min-width:90px}@media (max-width:1024px){.recruitment-details-grid-enhanced{grid-template-columns:1fr}.recruitment-detail-item{border-right:none}}.recruitment-role-badge{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.recruitment-container .status-badge,.recruitment-details-grid-enhanced .status-badge,.recruitment-modal .status-badge,.recruitment-modern-table .status-badge{color:var(--color-text-primary);text-shadow:0 1px 2px #0000001a}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{-webkit-appearance:button;appearance:button;cursor:pointer;overflow:visible;text-transform:none}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar :after,.rbc-calendar :before{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.rbc-ellipsis,.rbc-event-label,.rbc-row-segment .rbc-event-content,.rbc-show-more{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{border-bottom:1px solid #ddd;flex:1 0;font-size:90%;font-weight:700;min-height:0;overflow:hidden;padding:0 3px;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{background:none;border:none;color:inherit;cursor:pointer;margin:0;padding:0;-webkit-user-select:text;user-select:text}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;height:100%;overflow-y:scroll;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;justify-content:center;margin-bottom:10px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{background:none;background-image:none;border:1px solid #ccc;border-radius:4px;color:#373a3c;display:inline-block;line-height:normal;margin:0;padding:.375rem 1rem;text-align:center;vertical-align:middle;white-space:nowrap}.rbc-toolbar button.rbc-active,.rbc-toolbar button:active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.rbc-toolbar button.rbc-active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button:active:hover{background-color:#d4d4d4;border-color:#8c8c8c;color:#373a3c}.rbc-toolbar button:focus,.rbc-toolbar button:hover{background-color:#e6e6e6;border-color:#adadad;color:#373a3c}.rbc-toolbar button:hover{cursor:pointer}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px;border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width:767px){.rbc-toolbar{flex-direction:column}}.rbc-day-slot .rbc-background-event,.rbc-event{background-color:#3174ad;border:none;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;margin:0;padding:2px 5px;text-align:left;width:100%}.rbc-day-slot .rbc-slot-selecting .rbc-background-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-day-slot .rbc-selected.rbc-background-event,.rbc-event.rbc-selected{background-color:#265985}.rbc-day-slot .rbc-background-event:focus,.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0 #33333380}.rbc-event-continues-prior{border-bottom-left-radius:0;border-top-left-radius:0}.rbc-event-continues-after{border-bottom-right-radius:0;border-top-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;color:#3174ad;font-size:85%;font-weight:700;height:auto;line-height:normal;z-index:4}.rbc-show-more:focus,.rbc-show-more:hover{color:#265985}.rbc-month-view{border:1px solid #ddd;display:flex;flex:1 0;flex-direction:column;height:100%;position:relative;user-select:none;-webkit-user-select:none;width:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;flex:1 0;flex-basis:0px;flex-direction:column;height:100%;overflow:hidden;position:relative}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex:1 0;flex-direction:row;overflow:hidden;right:1px}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 5px 15px #00000040;padding:10px;position:absolute;z-index:5}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex:1 0;flex-direction:column;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{border-bottom:1px solid #ddd;padding:3px 5px;text-align:left}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1 1}.rbc-timeslot-group{border-bottom:1px solid #ddd;display:flex;flex-flow:column nowrap;min-height:40px}.rbc-header-gutter,.rbc-time-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;margin-right:10px;position:absolute;right:0;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-event{align-items:flex-start;border:1px solid #265985;display:flex;flex-flow:column wrap;max-height:100%;min-height:20px;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{word-wrap:break-word;flex:1 1;height:100%;line-height:1;min-height:1em;width:100%}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{background-color:#fff;border-right:1px solid #ddd;left:0;margin-right:-1px;position:-webkit-sticky;position:sticky;z-index:10}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{flex:1 0;flex-basis:0px;min-width:auto}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-day-bg,.rbc-time-view-resources .rbc-header{flex:1 1;flex-basis:0 px;width:140px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{background-color:#00000080;color:#fff;font-size:75%;padding:3px;position:absolute;width:100%;z-index:10}.rbc-slot-selecting{cursor:move}.rbc-time-view{border:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.rbc-time-view .rbc-time-gutter{text-align:right;white-space:nowrap}.rbc-time-view .rbc-allday-cell{box-sizing:initial;height:100%;position:relative;width:100%}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-left:1px solid #ddd;border-right-width:0}.rbc-time-header>.rbc-row.rbc-row-resource,.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{border-left:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-width:0}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{align-items:flex-start;border-top:2px solid #ddd;display:flex;flex:1 0;overflow-y:auto;position:relative;width:100%}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{user-select:none;-webkit-user-select:none;width:100%}.rbc-current-time-indicator{background-color:#74ad31;height:1px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.rbc-resource-grouping.rbc-time-header-content{display:flex;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.period-selection-card{color:var(--color-dark-gray);padding:0 10px}.period-selection-header{margin-bottom:25px}.period-selection-header h3{color:var(--color-dark-gray);font-size:24px;font-weight:700;margin-bottom:8px}.period-selection-subtitle{color:var(--color-text-tertiary);font-size:14px;margin:0;opacity:.9}.period-dropdown label{color:var(--color-text-secondary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.period-select{background:var(--color-white);border:2px solid var(--color-border);border-radius:8px;color:var(--color-dark-gray);cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.period-select:focus{border-color:var(--color-orange);box-shadow:0 0 0 3px #f973161a;outline:none}.period-select option{background:var(--color-white);color:var(--color-dark-gray)}.period-actions{align-items:center;display:flex;flex-direction:column;gap:15px}.export-btn,.print-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;min-width:160px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.export-btn{background:linear-gradient(135deg,var(--color-orange) 0,#ea580c 100%);color:var(--color-white)}.export-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 12px #f973164d;transform:translateY(-2px)}.print-btn{background:linear-gradient(135deg,var(--color-text-secondary) 0,#475569 100%);color:var(--color-white)}.print-btn:hover:not(:disabled){background:linear-gradient(135deg,#475569,#334155);box-shadow:0 4px 12px #64748b4d;transform:translateY(-2px)}.export-btn:disabled,.print-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.search-filters-section{background:var(--color-light-gray);border-bottom:1px solid var(--color-border);padding:20px 30px}.search-box{flex:1 1}.search-input{background:var(--color-white);border:2px solid var(--color-border);color:var(--color-dark-gray);padding:12px 45px;transition:all .3s ease}.search-input:focus{border-color:var(--color-orange);box-shadow:0 0 0 3px #f973161a;outline:none}.search-input::placeholder{color:var(--color-text-tertiary)}.search-icon{color:var(--color-text-secondary);font-size:16px}.clear-search,.search-icon{top:50%;transform:translateY(-50%)}.clear-search{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:15px;transition:color .2s}.clear-search:hover{color:var(--color-orange)}.filter-dropdown{display:flex;flex-direction:column;gap:6px}.filter-dropdown label{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.clear-filters-btn{align-items:center;background:var(--color-white);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.clear-filters-btn:hover:not(:disabled){background:#f1f5f9;border-color:var(--color-orange);color:var(--color-dark-gray)}.clear-filters-btn:disabled{cursor:not-allowed;opacity:.5}.summary-icon{align-items:center;background:#f973161a;border-radius:10px;display:flex;height:60px;justify-content:center;width:60px}.summary-icon svg{color:var(--color-orange);font-size:24px}.summary-content{flex:1 1}.summary-title{color:var(--color-text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.summary-value.positive{color:#10b981}.summary-value.negative{color:#ef4444}.summary-subtitle{color:var(--color-text-tertiary);font-size:12px}.table-header-info{align-items:center;background:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px 30px}.table-header-info h4{color:var(--color-dark-gray);font-size:18px;font-weight:600;margin:0}.filter-info{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.filter-tag{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:20px;color:#92400e;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:4px 12px}.record-count{background:var(--color-light-gray);border:1px solid var(--color-border);border-radius:20px;color:var(--color-text-secondary);font-size:14px;font-weight:500;padding:8px 16px}.table-header{align-items:center;display:flex;gap:8px}.table-header svg{color:var(--color-text-tertiary);font-size:12px}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:#f1f5f9!important}.employee-name{color:var(--color-dark-gray);font-weight:600}.positive{color:#10b981;font-weight:600}.negative{color:#ef4444;font-weight:600}.bold{font-weight:700}.large{font-size:18px}.status-badge{border-radius:40px;display:flex;font-size:10px;letter-spacing:.5px;min-width:80px;text-align:left}.status-badge.active{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-badge.pending{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.status-badge.rejected{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.status-badge.inactive{background:#e5e7eb;border:1px solid #d1d5db;color:#374151}.view-details-btn{align-items:center;background:var(--color-orange);border:none;border-radius:4px;color:var(--color-white);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase;transition:background-color .2s}.view-details-btn:hover{background:#ea580c}.total-row{background:var(--color-light-gray);font-weight:700}.total-row td{border-bottom:none;border-top:2px solid var(--color-border);color:var(--color-dark-gray);padding:15px 12px}.text-right{text-align:right}.pagination{border-top:1px solid var(--color-border);gap:15px;justify-content:center;padding:20px 30px}.pagination,.pagination-btn{background:var(--color-white)}.pagination-btn{border:2px solid var(--color-border);color:var(--color-text-secondary);font-weight:500;gap:6px;padding:8px 16px}.pagination-btn:hover:not(:disabled){background:var(--color-orange);border-color:var(--color-orange);color:var(--color-white)}.page-numbers{gap:8px}.page-btn{background:var(--color-white);border:2px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);min-width:40px;padding:8px 16px;transition:all .2s ease}.page-btn:hover{background:#f1f5f9;border-color:#cbd5e0}.page-btn.active{background:var(--color-orange);border-color:var(--color-orange);color:var(--color-white)}.page-info{color:var(--color-text-tertiary);margin-left:20px}.loading-overlay{background:#ffffffe6;position:absolute;z-index:1000}.loading-spinner.large{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--color-orange);height:60px;margin-bottom:20px;width:60px}.loading-overlay p{color:var(--color-text-secondary);font-size:16px;font-weight:500}.empty-state{background:var(--color-white);padding:60px 30px}.empty-icon{color:var(--color-text-tertiary);font-size:48px;margin-bottom:20px}.empty-state h4{color:var(--color-text-secondary);font-size:18px;font-weight:600;margin-bottom:10px}.empty-state p{color:var(--color-text-tertiary);font-size:14px;margin-bottom:20px}.retry-button{align-items:center;background:var(--color-orange);border-radius:6px;color:var(--color-white);display:inline-flex;font-weight:600;gap:8px;padding:10px 24px}.retry-button:hover{background:#ea580c}.error-message{background:#fee2e2;border:1px solid #fecaca;margin:20px 30px;padding:20px;text-align:center}.error-message p{color:#991b1b;font-size:14px;font-weight:500;margin-bottom:15px}.retry-button{background:#ef4444;padding:8px 20px;transition:background-color .2s}.retry-button:hover{background:#dc2626}.modal-overlay{z-index:2000}.modal-content{background:var(--color-white);border:2px solid var(--color-border);max-width:800px;overflow-y:auto;width:100%}.modal-header{background:var(--color-light-gray);border-bottom:1px solid var(--color-border);border-radius:12px 12px 0 0}.modal-header h3{color:var(--color-dark-gray);font-size:20px;font-weight:700;margin:0}.close-btn{color:var(--color-text-tertiary);font-size:18px;height:32px;padding:5px;transition:color .2s;width:32px}.close-btn:hover{background:#f1f5f9;color:var(--color-orange)}.employee-basic-info{grid-gap:15px;background:var(--color-light-gray);border:1px solid var(--color-border);border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;padding:20px}.info-row{gap:5px}.info-label{color:var(--color-text-secondary);letter-spacing:.5px}.info-value{color:var(--color-dark-gray);font-size:14px;font-weight:600}.salary-breakdown{background:var(--color-white)}.salary-breakdown h4{border-bottom:2px solid var(--color-border);color:var(--color-dark-gray);font-size:18px;font-weight:700;margin-bottom:25px;padding-bottom:10px}.breakdown-section{border-bottom:1px solid #f1f5f9;margin-bottom:25px;padding-bottom:25px}.breakdown-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{border-left:4px solid;color:var(--color-dark-gray);font-size:16px;font-weight:700;padding-left:10px}.section-title.positive{border-left-color:#10b981;color:#10b981}.section-title.negative{border-left-color:#ef4444;color:#ef4444}.breakdown-row{align-items:left;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 0}.breakdown-row:last-child{border-bottom:none}.breakdown-row span:first-child{color:var(--color-text-secondary);font-size:14px}.breakdown-row span:last-child{font-size:13px;font-weight:600}.breakdown-row .positive{color:#10b981}.breakdown-row .negative{color:#ef4444}.summary-section .breakdown-row{border-bottom-color:var(--color-border);border-bottom-width:2px;padding:15px 0}.modal-footer{background:var(--color-light-gray);border-radius:0 0 12px 12px;border-top:1px solid var(--color-border);text-align:right}.btn-primary{background:var(--color-orange);border-radius:6px;color:var(--color-white);cursor:pointer;font-size:14px;letter-spacing:.3px;padding:10px 24px;text-transform:uppercase;transition:background-color .2s}.btn-primary:hover{background:#ea580c}@media (max-width:768px){.period-controls{align-items:stretch;flex-direction:column}.period-actions{flex-direction:column;width:100%}.export-btn,.print-btn{justify-content:center;width:100%}.filter-dropdown,.search-box{min-width:100%}.clear-filters-btn{justify-content:center;width:100%}.table-header-info{align-items:flex-start;flex-direction:column;gap:15px}.record-count{align-self:flex-start}.pagination{flex-wrap:wrap;gap:10px}.page-info{margin-left:0;margin-top:10px;text-align:center;width:100%}.modal-content{margin:0;max-height:80vh}.employee-basic-info{grid-template-columns:1fr}.modal-header h3{font-size:18px}.salary-breakdown h4{font-size:16px}}@media (min-width:769px) and (max-width:1024px){.period-dropdown{min-width:calc(50% - 10px)}.period-actions{justify-content:flex-start;width:100%}.search-box{min-width:calc(60% - 10px)}.filter-dropdown{min-width:calc(40% - 10px)}}.period-actions-right{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-left:auto}.export-btn-small,.print-btn-small{align-items:center!important;border:none!important;border-radius:6px!important;cursor:pointer!important;display:flex!important;font-size:13px!important;font-weight:600!important;gap:8px!important;height:36px!important;letter-spacing:.3px!important;min-width:auto!important;padding:8px 16px!important;text-transform:uppercase!important;transition:all .3s ease!important}.export-btn-small{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.export-btn-small:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 3px 8px #10b9814d!important;transform:translateY(-1px)!important}.print-btn-small{background:linear-gradient(135deg,#6b7280,#4b5563)!important;color:#fff!important}.print-btn-small:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151)!important;box-shadow:0 3px 8px #6b72804d!important;transform:translateY(-1px)!important}.export-btn-small:disabled,.print-btn-small:disabled{box-shadow:none!important;cursor:not-allowed!important;opacity:.5!important;transform:none!important}.period-dropdown-container{align-items:start;display:flex;flex-direction:column;gap:5px;justify-content:flex-start}.period-dropdown-container label{color:#64748b;font-size:13px;font-weight:500}.period-controls{grid-gap:5px;align-items:center;align-items:end;display:grid;gap:5px;grid-auto-flow:column;margin-bottom:10px}.search-container{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;padding-top:15px;width:100%}.search-box{flex:2 1;min-width:300px;position:relative}.filter-dropdown{flex:1 1;min-width:200px}.clear-filters-btn{flex-shrink:0}@media (max-width:768px){.period-actions-right{justify-content:flex-end;margin-left:0;margin-top:15px;width:100%}.export-btn-small,.print-btn-small{flex:1 1}.period-dropdown{max-width:100%;min-width:100%}.search-container{align-items:stretch;flex-direction:column}.filter-dropdown,.search-box{min-width:100%}.clear-filters-btn{justify-content:center;width:100%}}@media (min-width:769px) and (max-width:1024px){.period-dropdown{min-width:calc(60% - 10px)}.period-actions-right{justify-content:flex-end;min-width:calc(40% - 10px)}}.modal-content::-webkit-scrollbar{display:none;width:0}.modal-content{-ms-overflow-style:none;scrollbar-width:none}.report-container{overflow:hidden}@media print{::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}}.hr-categories-grid{display:flex;flex-wrap:wrap;gap:24px;margin:20px 0;width:100%}.hr-categories-grid>*{flex:1 1 25%;max-width:calc(25% - 18px)}@media (max-width:1399px){.hr-categories-grid>*{flex:1 1 33.333%;max-width:calc(33.333% - 16px)}}@media (max-width:768px){.hr-categories-grid{gap:16px}.hr-categories-grid>*{flex:1 1 50%;max-width:calc(50% - 12px)}}@media (max-width:480px){.hr-categories-grid{gap:12px}.hr-categories-grid>*{flex:1 1 100%;max-width:100%}}.hr-category-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;position:relative;text-align:left;transition:all .3s ease,transform .3s ease}@media (max-width:768px){.hr-category-card{padding:16px}}.hr-category-card:hover{background:var(--color-white);border-color:var(--color-orange);box-shadow:0 5px 15px #0000001a;transform:translateY(-4px)}.hr-category-card:before{background:var(--color-accent);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease-in}.hr-category-card:hover:before{transform:scaleX(1)}.category-icon-container{align-items:center;background:var(--color-light-gray);border-radius:12px;display:flex;height:56px;justify-content:center;margin-bottom:16px;transition:all .3s ease;width:56px}.hr-category-card:hover .category-icon-container{background:var(--color-orange);color:#fff;transform:translateY(-2px)}.hr-category-card:hover .category-icon{color:var(--color-white)}.category-title{color:var(--color-dark-gray);font-size:18px;font-weight:600;line-height:1.4;margin-bottom:12px}.category-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-tertiary);display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:20px;overflow:hidden}*{font-family:var(--font)}body{background:#f5f6fa;background:var(--color-bg)}.home-container{display:flex;min-height:100vh;padding:24px;width:100%}.main-content.collapsed{margin-left:80px}.main-content.full-width{margin-left:0}.fade-in{animation:fadeIn .4s ease}.page-header h2{color:#6a6c80;color:var(--color-muted);font-size:28px;font-weight:700}.subtitle{color:#ff751f;color:var(--color-accent);font-size:14px;margin-top:4px}.welcome-banner{align-items:center;background:#fff;border-radius:6px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;margin-top:18px;padding:18px 20px}.welcome-title{color:#2c2c2c;font-size:18px;font-weight:500}.welcome-email{color:#6a6c80;color:var(--color-muted);margin-right:15px}.status-dot{background:#0da451;background:var(--color-success);border-radius:50%;height:10px;width:10px}.status-label{color:#1a1b2e;color:var(--color-text);font-size:14px;margin-left:6px}.welcome-status{align-items:center;border:1px solid #acacac;border-radius:25px;display:flex;padding:5px 15px}.sections{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;width:100%}.section-left{display:flex;flex-direction:column;gap:20px;width:70%}.section-right{width:30%}.homestats-grid{grid-gap:20px;grid-template-columns:repeat(4,1fr)}.employee-stats-grid,.homestats-grid{display:grid;gap:20px;margin-top:26px}.employee-stats-grid{grid-gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.employee-stats-grid{grid-template-columns:1fr}}.homestat-card{background:#fff;background:var(--color-white);border:2px solid #efefef;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;padding:22px;transition:.25s ease;transition:var(--transition)}.homestat-card:hover{background:color-mix(in srgb,#ff751f 5%,#0000);background:color-mix(in srgb,var(--color-accent) 5%,#0000);border:2px solid #ff751f;border:2px solid var(--color-accent);box-shadow:0 3px 10px #0000001a;box-shadow:var(--shadow-md)}.homestat-icon{color:#ff751f;color:var(--color-accent);font-size:24px;margin-bottom:10px}.homestat-number{color:#010239;color:var(--color-primary);font-size:26px;font-weight:700;margin:10px 0}.homestat-change{font-size:13px;margin-top:4px}.homestat-change.positive{color:#0da451;color:var(--color-success);font-weight:500}.homestat-change.negative{color:#e63946;color:var(--color-danger);font-weight:500}.homestat-change.neutral{color:#6a6c80;color:var(--color-muted);font-weight:500}.quick-actions{border-bottom:1px solid #acacac;padding:40px 0}.qa-title{color:var(--text-heading);font-size:18px;font-weight:600;margin-bottom:14px}.qa-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.qa-grid{grid-template-columns:1fr}}.qa-card{align-items:center;background:color-mix(in srgb,#010239 5%,#0000);background:color-mix(in srgb,var(--color-primary) 5%,#0000);border:2px solid color-mix(in srgb,#010239 50%,#0000);border:2px solid color-mix(in srgb,var(--color-primary) 50%,#0000);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:14px;padding:5px 10px;text-align:left;transition:.25s ease;transition:var(--transition)}.qa-card:hover{background:#010239;background:var(--color-primary);box-shadow:var(--shadow-card)}.qa-card:hover .qa-icon,.qa-card:hover .qa-text{color:#fff;color:var(--color-white)}.qa-icon{align-items:center;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--radius-md);color:var(--brand-primary);display:flex;font-size:22px;height:42px;justify-content:center;width:42px}.qa-text{color:var(--text-heading);font-size:16px;font-weight:600}.activity-section{width:100%}.activity-header{align-items:center;display:flex;gap:15px;justify-content:left;padding:15px 0}.activity-header h3{color:var(--text-heading);font-size:14px;font-weight:600}.activity-header-icon{color:#ff751f;color:var(--color-accent);font-size:20px;opacity:.7}.notification-list{background:#fff;background:var(--color-white);flex-direction:column;gap:5px;padding:12px}.notification-item,.notification-list{border-radius:6px;border-radius:var(--radius-sm);display:flex}.notification-item{align-items:center;border-bottom:1px solid #0000000f;gap:10px;padding:10px 5px;transition:.25s ease;transition:var(--transition)}.notification-item:hover{background:#f5f6fa;background:var(--color-bg);box-shadow:var(--shadow-card);transform:translateY(-2px)}.notification-icon{align-items:center;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--radius-md);color:var(--brand-primary);display:flex;font-size:16px;justify-content:center}.notification-content{align-items:center;display:flex;justify-content:space-between;width:100%}.notification-text{color:#2c2c2c;font-size:13px;font-weight:600;margin-bottom:2px}.notification-time{color:#6a6c80;font-size:12px}.module-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:20px}.module-card{background:#fff;background:var(--color-white);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);padding:20px;transition:.25s ease;transition:var(--transition)}.module-card:hover{box-shadow:0 3px 10px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.module-btn{background:#010239;background:var(--color-primary);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--color-white);cursor:pointer;margin-top:14px;padding:10px 18px;transition:.25s ease;transition:var(--transition)}.module-btn:hover{background:#ff751f;background:var(--color-accent)}.empty-state-wrapper{display:flex;justify-content:center}.empty-state{padding:60px 0;text-align:center}.empty-icon{background:#ececec;border-radius:10px;border-radius:var(--radius-md);height:60px;margin:auto auto 20px;width:60px}.custom-table{border-radius:8px;margin-bottom:10px;width:100%}.custom-table td,.custom-table th{font-size:13px;padding:12px 15px}.custom-table thead th{background-color:#f5f5f5;color:#333}.custom-table tbody tr:hover{background-color:#f1f1f1}.btn-info{background-color:#2196f3}.btn-list{background-color:#1976d2}.btn-delete{background-color:#f44336}.table-footer{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between;padding:5px}.pagination-controls .page-btn{font-size:13px;padding:6px 12px}.pagination-controls .page-btn:hover{border-color:#bbb}.pagination-controls .page-btn.active{background-color:#333;border-color:#333}.email-full{background-color:#333}.email-full:before{border-bottom:8px solid #333}.daily-dispatch-manager{background-color:#f7f7f7;min-height:100vh}.daily-dispatch-tracker{background-color:#f7f7f7;margin-bottom:30px;min-height:auto}.dispatch-header{align-items:center;color:var(--primary-dark);display:flex;gap:10px;margin-bottom:30px}.header-icon{font-size:24px;font-weight:700}.dispatch-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;padding:20px}.section-title{color:var(--primary-dark);font-size:20px;margin-bottom:15px;margin-top:0}.warning-banner{background-color:var(--primary-orange);border-radius:4px;color:#000;display:inline-block;font-size:12px;font-weight:600;line-height:1.4;margin-bottom:20px;padding:10px 15px;text-align:left;text-transform:uppercase}.table-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:15px}.filter-section,.show-section{align-items:center;color:#333;display:flex;font-size:14px;gap:10px}.filter-input,.show-select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;padding:8px 10px}.pendingInvoices-status-badge{background-color:#4caf50;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;white-space:nowrap}.custom-table{background:#fff;border-collapse:collapse;border-radius:0;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow:hidden}.custom-table td,.custom-table th{border-bottom:1px solid #e0e0e0;font-size:12px;padding:8px 10px;text-align:left}.custom-table thead th{background-color:var(--primary-light);border-bottom:2px solid #ddd;color:var(--primary-dark);font-weight:600;text-transform:capitalize}.custom-table tbody tr{background-color:#fff}.custom-table tbody tr:nth-child(2n){background-color:#fafafa}.custom-table tbody tr:hover{background-color:#f0f0f0;transition:background-color .2s ease}.action-cell{text-align:center;white-space:nowrap}.action-btn{display:inline-flex;font-size:16px;margin:0 3px;padding:8px 10px}.action-btn:hover{opacity:.85;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.btn-info,.btn-list{background-color:var(--primary-dark)}.btn-check{background-color:#4caf50}.btn-delete{background-color:var(--primary-orange)}.pagination-controls .page-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;min-width:40px;padding:8px 14px;text-align:center;transition:all .2s ease}.pagination-controls .page-btn:hover{background-color:#f5f5f5;border-color:var(--primary-orange)}.pagination-controls .page-btn.active{background-color:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.email-cell{position:relative}.email-cell,.email-short{display:inline-block;max-width:100%}.email-short{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-full{background-color:var(--primary-dark);border-radius:6px;box-shadow:0 6px 16px #0003;color:#fff;font-size:13px;left:50%;margin-top:8px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%);transition:all .25s ease;visibility:hidden;white-space:nowrap;z-index:1000}.email-cell:hover .email-full{opacity:1;transform:translateX(-50%) translateY(4px);visibility:visible}.email-full:before{border-bottom:8px solid var(--primary-dark);border-left:8px solid #0000;border-right:8px solid #0000;content:"";left:50%;position:absolute;top:-6px;transform:translateX(-50%)}.cardname-cell{display:inline-block;max-width:250px;position:relative}.cardname-short{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cardname-full{background-color:var(--primary-dark);border-radius:6px;bottom:100%;box-shadow:0 6px 16px #0003;color:#fff;font-size:13px;left:50%;margin-bottom:8px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .25s ease;visibility:hidden;white-space:nowrap;z-index:1000}.cardname-cell:hover .cardname-full{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}.cardname-full:before{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--primary-dark);bottom:-6px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.bulk-import-section{margin-top:15px;text-align:left}.import-bulk-btn{align-items:center;background:color-mix(in srgb,#010239 5%,#0000);background:color-mix(in srgb,var(--color-primary) 5%,#0000);border:2px solid color-mix(in srgb,#010239 50%,#0000);border:2px solid color-mix(in srgb,var(--color-primary) 50%,#0000);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:14px;padding:5px 10px;text-align:left;transition:.25s ease;transition:var(--transition)}.import-bulk-btn:hover{background-color:var(--primary-orange)}.dispatch-form-wrapper{background-color:#f5f5f5;margin-bottom:30px;min-height:auto;padding:2px}.form-container{background:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a;padding:25px}.dispatch-details-column,.source-document-column{background:#fff;border:1px solid #e0e0e0;border-radius:4px;min-width:0;padding:20px}.column-header{border-bottom:2px solid #e0e0e0;color:var(--primary-dark);gap:8px;letter-spacing:.5px;margin-bottom:20px;margin-top:0;padding-bottom:10px;text-align:left;text-transform:uppercase}.primary-button:hover{background:#010239;background:var(--color-primary);box-shadow:var(--shadow-card)}.success-button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s,transform .1s}.success-button:hover{background:#388e3c;transform:translateY(-1px)}.import-button{align-items:center;background:color-mix(in srgb,#010239 5%,#0000);background:color-mix(in srgb,var(--color-primary) 5%,#0000);border:2px solid color-mix(in srgb,#010239 50%,#0000);border:2px solid color-mix(in srgb,var(--color-primary) 50%,#0000);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:14px;padding:5px 10px;text-align:left;transition:.25s ease;transition:var(--transition)}.dispatch-section{border-top:2px solid #e0e0e0;margin:20px 0 0;padding-top:20px}.document-table-container{border:1px solid #e0e0e0;border-radius:4px;margin-top:20px;overflow:hidden;text-align:left;width:100%}.document-table{border-collapse:collapse;font-size:12px;width:100%}.document-table-header{background:#f0f7ff;text-align:left}.doc-cell,.doc-header{border-bottom:1px solid #e0e0e0;overflow:hidden;padding:10px 7px;text-align:left}.hover-reveal{cursor:pointer;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.hover-reveal:hover{background-color:#fff;border:1px solid var(--primary-dark);border-radius:4px;box-shadow:0 4px 15px #0003;height:auto;left:10px;max-width:250px;min-width:100%;padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%);white-space:normal;width:auto;z-index:999}.document-table tbody tr:hover{background-color:#f9f9f9}.bottom-filter-section{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.filter-controls{align-items:center;display:flex;gap:20px;justify-content:space-between}.filter-group,.show-group{align-items:center;display:flex;gap:10px}.filter-label,.show-label{color:#333;font-size:14px;font-weight:500}.shipment-tracker-container{padding:0}.shipment-tracking-box{background:#fff;border-radius:6px;margin-bottom:20px;padding:20px}.shipment-title{margin-top:0}.table-responsive{overflow-x:auto}.shipment-table{border-collapse:collapse;font-size:12px;min-width:900px;width:100%}.table-header-row{background:#f5f5f5;border-bottom:2px solid #ddd}.table-header{font-weight:600;padding:10px;text-align:left}.table-row{border-bottom:1px solid #eee}.table-cell{padding:10px}.direction-badge{background:#4caf50;border-radius:3px;color:#fff;display:inline-block;font-size:11px;font-weight:700;min-width:30px;padding:4px 8px;text-align:center}.tracking-cell{font-size:11px}.action-col{text-align:center}.action-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s;white-space:nowrap}.attachment-button,.attachment-button:hover,.details-button,.details-button:hover{background:var(--primary-orange)}.table-footer-summary{color:#666;font-size:12px;margin-top:12px}@media (max-width:1200px){.form-grid{gap:20px;grid-template-columns:1fr}.source-document-column{padding-bottom:20px}}@media (max-width:1024px){.table-container{-webkit-overflow-scrolling:touch;overflow-x:scroll}.table-controls{align-items:flex-start;flex-direction:column}.filter-section,.show-section{justify-content:flex-start;width:100%}.filter-input,.show-select{flex-grow:1}.table-footer{align-items:flex-start;flex-direction:column;gap:15px}.pagination-controls{justify-content:center;width:100%}}@media (max-width:768px){.dispatch-form-wrapper{padding:10px}.form-container{padding:15px}.form-row{flex-direction:column;gap:0}.form-row.three-col{grid-template-columns:1fr}.filter-controls,.submit-buttons{flex-direction:column}.filter-controls{align-items:flex-start}.filter-input{width:100%}}.close-dispatch-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;height:90vh;margin:0 auto;max-height:90vh;max-width:1400px;overflow:hidden}.close-dispatch-header{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:15px 25px}.close-dispatch-header h2{font-size:20px;font-weight:600;margin:0}.close-btn{font-size:32px}.close-btn:hover{opacity:.8}.details-dispatch-content{flex:1 1;overflow-y:auto;padding:25px}.dispatch-info-section{margin-bottom:25px}.dispatch-info-section h3{border-bottom:2px solid #e0e0e0;color:#333;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px}.dispatch-info-grid{grid-gap:20px;background:#f5f5f5;border-radius:6px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:20px}.info-column{display:flex;flex-direction:column;gap:12px}.info-row{flex-direction:column;gap:4px}.info-label{color:#666;font-weight:600}.info-value{color:#333;min-height:18px}.packing-list-section{margin-bottom:25px}.packing-list-section h3{border-bottom:2px solid #e0e0e0;color:#333;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px}.packing-list-section .details-table-container{padding:0}.packing-list-section .details-custom-table td,.packing-list-section .details-custom-table th{font-size:12px;padding:10px 12px}.closing-form-section{margin-bottom:25px}.closing-form-section h3{border-bottom:2px solid #e0e0e0;color:#333;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px}.details-form-grid{grid-gap:20px;background:#f9f9f9;border-radius:6px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:20px}.details-form-group{display:flex;flex-direction:column;gap:8px}.details-form-group label{color:#555;font-size:13px;font-weight:600}.details-form-input,.details-form-select{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.details-form-input:focus,.details-form-select:focus{border-color:#4caf50;outline:none}.details-form-input::placeholder{color:#999}.action-buttons{border-top:1px solid #e0e0e0;padding-top:20px}.btn-close-action,.btn-save{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-close-action{background:#6c757d;color:#fff}.btn-close-action:hover{background:#5a6268}.btn-save{color:#fff}.btn-save,.btn-save:hover{background:var(--primary-dark)}.details-table-container{padding:0}.details-custom-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:0;overflow:hidden;width:100%}.details-custom-table td,.details-custom-table th{border-bottom:1px solid #e0e0e0;font-size:13px;padding:12px 15px;text-align:left}.details-custom-table thead th{background-color:#f5f5f5;color:#333;font-weight:600;text-transform:capitalize}.label-value-header{font-weight:700!important}.label-cell{font-weight:700}.details-custom-table tbody tr:nth-child(2n){background-color:#fafafa}.details-custom-table tbody tr:hover{background-color:#f1f1f1;transition:background-color .2s ease}@media (max-width:1200px){.dispatch-info-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.dispatch-info-grid{grid-template-columns:repeat(2,1fr)}.details-form-grid{grid-template-columns:1fr}}@media (max-width:768px){.dispatch-info-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn-close-action,.btn-save{width:100%}}.modal-overlay{overflow-y:auto;padding:20px}.modal-content-wrapper{animation:modalFadeIn .3s ease-in-out;max-width:1200px;width:100%}:root{--color-bg:#f5f6fa;--color-text:#1a1b2e;--color-muted:#6a6c80;--color-primary:#010239;--color-accent:#ff751f;--color-success:#0da451;--color-danger:#e63946;--color-border:#e1e1e1;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 3px 10px #0000001a;--transition:0.25s ease;--font:"Inter",sans-serif}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3}.modal-content{animation:slideIn .3s ease;background-color:#fff;border:1px solid #e1e5e9;box-shadow:0 10px 40px #0003;max-width:1200px;width:95%}.modal-header{border-bottom:1px solid #e8ecef;padding:20px 30px}.modal-header h2{color:#fff}.close-button{font-size:28px;font-weight:300;height:40px;transition:all .3s ease;width:40px}.close-button:hover{transform:rotate(90deg)}.modal-body{background-color:#f8fafc;flex:1 1;overflow-y:auto;padding:30px}.upload-section{background:#fff;border:1px solid #e8ecef;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:40px;padding:25px}.attachments-list-section h3,.upload-section h3{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.3rem;font-weight:600;margin-bottom:20px;margin-top:0;padding-bottom:10px}.upload-form{display:flex;flex-direction:column;gap:20px}.file-input{background-color:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;font-size:14px;padding:15px;transition:all .3s ease}.file-input:hover{background-color:#ebf8ff;border-color:#4299e1}.file-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.file-info{background-color:#f7fafc;border-left:4px solid #4299e1;border-radius:6px;color:#4a5568;font-size:14px;padding:10px}.submit-button{align-items:center;background:color-mix(in srgb,#010239 5%,#0000);background:color-mix(in srgb,var(--color-primary) 5%,#0000);border:2px solid color-mix(in srgb,#010239 50%,#0000);border:2px solid color-mix(in srgb,var(--color-primary) 50%,#0000);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:14px;padding:5px 10px;text-align:left;transition:.25s ease;transition:var(--transition)}.submit-button:hover:not(:disabled){background:#010239;background:var(--color-primary);box-shadow:var(--shadow-card)}.submit-button:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed;transform:none}.submit-button:active:not(:disabled){transform:translateY(0)}.attachments-list-section{background:#fff;border:1px solid #e8ecef;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:25px}.attachments-table-container{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.attachments-table{border-collapse:collapse;margin-top:10px;min-width:800px;width:100%}.attachments-table th{background-color:#edf2f7;border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.attachments-table td{border-bottom:1px solid #e2e8f0;padding:20px;vertical-align:top}.attachment-row:hover{background-color:#f7fafc}.file-name-cell{min-width:200px}.file-name{color:#2d3748;display:block;font-weight:500;margin-bottom:5px;word-break:break-word}.file-meta{color:#718096;display:block;font-size:12px;font-style:italic}.file-link-cell{max-width:350px;min-width:250px}.file-link{background-color:#ebf8ff;border:1px solid #bee3f8;border-radius:6px;color:#4299e1;display:inline-block;font-size:14px;padding:8px 12px;text-decoration:none;transition:all .3s ease;width:100%;word-break:break-all}.file-link:hover{background-color:#bee3f8;box-shadow:0 2px 5px #4299e133;color:#2b6cb0;text-decoration:underline;transform:translateY(-1px)}.no-link{color:#a0aec0;font-size:14px;font-style:italic}.object-id-cell{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;font-family:Monaco,Courier New,monospace;font-size:13px;padding:10px 15px}.action-buttons{gap:12px;min-width:200px}.download-btn,.view-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s ease}.view-btn{background-color:#4299e1;color:#fff}.view-btn:hover:not(:disabled){background-color:#3182ce;box-shadow:0 3px 10px #4299e14d;transform:translateY(-2px)}.download-btn{background-color:#48bb78;color:#fff}.download-btn:hover:not(:disabled){background-color:#38a169;box-shadow:0 3px 10px #48bb784d;transform:translateY(-2px)}.download-btn:disabled,.view-btn:disabled{background-color:#cbd5e0;box-shadow:none;color:#718096;cursor:not-allowed;opacity:.6;transform:none}.error-message{background-color:#fed7d7;border-left:4px solid #e53e3e;border-radius:8px;color:#e53e3e;font-size:14px;margin-bottom:20px;padding:15px}.loading-message,.no-attachments{color:#718096;font-size:16px;font-style:italic;padding:40px;text-align:center}.loading-message{color:#4299e1}.modal-footer{background-color:#f8fafc;border-top:1px solid #e8ecef;padding:20px 30px}.close-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;font-size:16px;font-weight:600;min-width:120px;padding:12px 36px;transition:all .3s ease}.close-btn:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.modal-content{margin:10px;max-height:95vh;width:98%}.modal-body{padding:15px}.attachments-list-section,.upload-section{padding:20px}.action-buttons{flex-direction:column;gap:8px}.download-btn,.view-btn{width:100%}}.dispatch-card-container{width:100%}.dispatch-card-title{margin:0;padding:20px}.dispatch-card-subtitle{margin-top:-20px;padding:20px}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-radius:0;border-top:1px solid #aeaeae;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-radius:0 0 .3rem .3rem;border-top:1px solid #aeaeae}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__month-year-select,.react-datepicker__year-select{background-color:initial;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__month-year-select:focus-visible,.react-datepicker__year-select:focus-visible{outline:1px auto}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:5em}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:5em}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.375em;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + 1.0625em);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:2.125em;margin:.208em;text-align:center;width:2.125em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;text-align:center;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:2.125em;margin:.208em;text-align:center;width:2.125em}.react-datepicker__day--disabled,.react-datepicker__day-name--disabled,.react-datepicker__time-name--disabled{color:#ccc;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__children-container{height:auto;margin:.5em;padding-left:.25em;padding-right:.25em;width:17.25em}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.react-datepicker-popper-offset{margin-top:-.7em}.sf-lead-wrapper{background:#f4f6f9;bottom:0;height:100vh;left:0;overflow:auto;position:fixed;right:0;top:0;width:100vw;z-index:9999}.top-row{justify-content:flex-start}.sf-header,.top-row{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;padding:16px 24px}.sf-header{justify-content:space-between}.sf-header-left{align-items:center;display:flex;gap:12px;margin-bottom:20px}.sf-avatar{background:#0176d3;border-radius:50%;color:#fff;display:grid;font-weight:700;height:40px;place-items:center;width:40px}.sf-subtitle{color:#6b7280;font-size:13px}.sf-header-actions{display:flex;gap:10px}.sf-header-actions button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:6px 12px}.sf-header-actions .primary{background:#0176d3;border:none;color:#fff}.top-btn{background:none;border:none;color:#111827;display:flex;font-size:16px;gap:40px;padding:8px 20px}.top-btn:hover{color:#0176d3;cursor:pointer;text-decoration:underline}.sf-status-path{background:#e6e6e6;border-radius:999px;display:flex;margin-bottom:20px;overflow:hidden;padding:0;width:100%}.sf-path-item{background:#fff;color:#222;flex:1 1;font-size:14px;font-weight:400;padding:10px 0;position:relative;text-align:center}.sf-path-item:not(:last-child){border-right:1px solid #dbdbdb}.sf-path-item.active{background:#0176d3;color:#fff}.sf-path-item.active:after{border-left-color:#0176d3}.sf-path-item.completed{background:#0b2d5c;color:#fff}.sf-path-item.completed:after{border-left-color:#0b2d5c}.sf-body{grid-gap:16px;display:grid;gap:16px;grid-template-columns:260px 1fr 320px;padding:16px 24px}.sf-card{background:#fff;border-radius:10px;box-shadow:0 1px 2px #0000000d;margin-bottom:16px;padding:14px}.sf-card h5{color:#0176d3;font-weight:500;margin-top:6px}.sf-contact-row{color:#374151;font-size:14px;gap:10px;padding:6px 0}.sf-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sf-edit-link{color:#0176d3;cursor:pointer;font-size:13px}.sf-key-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.sf-key-fields label{color:#6b7280;display:block;font-size:12px}.sf-key-fields span{color:#111827;font-size:14px}.sf-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:40px;margin-bottom:12px}.sf-tabs button{background:none;border:none;color:#6b7280;cursor:pointer;font-weight:500;padding:10px 0}.sf-tabs button.active{border-bottom:2px solid #0176d3;color:#0176d3}.sf-tabs button:hover{color:#0176d3}.sf-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.sf-details-grid label{color:#6b7280;display:block;font-size:12px}.sf-details-grid span{font-size:14px}.sf-empty-state{color:#6b7280;font-size:14px;padding:16px}.sf-right button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;margin-bottom:8px;padding:8px;width:100%}.sf-right .primary{background:#0176d3;border:none;color:#fff}.sf-right .danger{background:#fee2e2;border:none;color:#991b1b}.sf-status-buttons{display:flex;flex-wrap:wrap;gap:8px}.sf-status-buttons button{background:#fff;border:1px solid #d1d5db;border-radius:20px;cursor:pointer;padding:6px 12px}.sf-status-buttons button.active{background:#0176d3;border:none;color:#fff}.sf-action-bar{display:flex;gap:8px;margin-bottom:12px}.sf-action-bar button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:8px}.sf-action-bar .primary{background:#1b96ff;border:none;color:#fff}.sf-action-bar .danger{background:#fee2e2;border:none;color:#991b1b}.sf-log-item{border-bottom:1px solid #e5e7eb;border-left:7px solid #0176d352;padding:10px}.sf-log-item:last-child{border-bottom:none}.sf-log-title{color:#111827;font-size:14px;font-weight:600}.sf-log-desc{color:#6b7280;font-size:13px;margin:2px 0}.sf-log-time{color:#9ca3af;font-size:12px}.sf-action-bar button{color:#6b7280;display:flex;gap:10px;justify-content:center}.sf-log-header-bg{background:#efefef;border-radius:5px;display:flex;justify-content:center;margin-bottom:20px;padding:10px}.sf-log-header-bg h5{color:#374151}.leads-container{background-color:#f3f2f2;font-family:Salesforce Sans,Arial,sans-serif;min-height:100vh;padding:1.5rem}.leads-header{align-items:center;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.leads-header h2{color:#080707;font-size:1.75rem;font-weight:300;margin:0}.leads-header-actions{display:flex;gap:.75rem}.contactheader-btn,.refresh-btn{align-items:center;background:#fff;border:1px solid #dddbda;border-radius:4px;color:#0176d3;cursor:pointer;display:flex;font-size:.875rem;font-weight:400;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.contactheader-btn:hover:not(:disabled),.refresh-btn:hover:not(:disabled){background:#f3f2f2;box-shadow:0 2px 4px #0000001a}.contactheader-btn{border-color:#0176d3}.contactheader-btn:disabled,.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.loading-state{border-radius:4px;margin-bottom:1.5rem;padding:3rem}.loading-spinner{border:4px solid #f3f2f2;border-top-color:#0176d3;margin-bottom:1rem}.loading-state p{color:#706e6b;font-size:.875rem}.error-alert,.success-alert{font-size:.875rem;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.error-alert{background:#feded8;border-left:4px solid #c23934;color:#8c1c17}.success-alert{background:#d9f0d1;border-left:4px solid #2e844a;color:#2e844a}.leads-table-wrapper{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.leads-table-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:40px;justify-content:space-between;padding:12px 16px}.table-info{color:#706e6b;font-size:.875rem}.leads-table-buttons{align-items:center;display:flex;gap:.75rem;width:100%}.leads-search-input{border:1px solid #dddbda;border-radius:4px;font-size:.875rem;padding:.5rem .75rem;width:100%}.leads-search-input:focus{border-color:#0176d3;box-shadow:0 0 3px #0176d34d;outline:none}.table-btn{background:#fff;border:1px solid #dddbda;border-radius:4px;color:#0176d3;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.table-btn:hover{background:#f3f2f2}.leads-table-controls{align-items:center;color:#5c5c5c;display:flex;font-size:14px;gap:40px;white-space:nowrap}.leads-table-controls select{background:#fff;border:1px solid #d0d5dd;border-radius:6px;cursor:pointer;font-size:14px;outline:none;padding:6px 10px}.leads-table-controls select:focus{border-color:#0176d3}.leads-table-controls button{background:#f9fafb;border:1px solid #d0d5dd;border-radius:6px;cursor:pointer;margin-left:6px;padding:4px 8px;transition:background .2s ease}.leads-table-controls button:hover{background:#f3f4f6}.leads-table{border-collapse:collapse;font-size:.875rem;width:100%}.leads-table thead{background:#fafaf9;border-bottom:1px solid #dddbda}.leads-table th{color:#3e3e3c;font-size:.75rem;font-weight:700;letter-spacing:.025em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.leads-table tbody tr{border-bottom:1px solid #dddbda;transition:background-color .2s ease}.leads-table tbody tr:hover{background:#fafaf9}.leads-table td{color:#3e3e3c;padding:.75rem}.lead-name-link{background:none;border:none;color:#0176d3;cursor:pointer;font-size:.875rem;font-weight:400;padding:0;text-decoration:none}.lead-name-link:hover:not(:disabled){color:#014486;text-decoration:underline}.lead-name-link:disabled{cursor:not-allowed;opacity:.5}.status-badge{font-size:.75rem;font-weight:700;letter-spacing:.025em;padding:.25rem .75rem}.status-new{background:#e3f3ff;color:#0176d3}.status-working{background:#fff4e5;color:#fe9339}.status-nurturing{background:#f3e8ff;color:#8b46ff}.status-converted{background:#d9f0d1;color:#2e844a}.action-menu-btn{background:none;border:none;color:#706e6b;font-size:1.25rem;padding:.25rem .5rem;transition:background-color .2s ease}.action-menu-btn:hover{background:#f3f2f2}.action-menu-dropdown{border:1px solid #dddbda;box-shadow:0 4px 8px #00000026;margin-top:.25rem;right:0;top:100%}.action-menu-dropdown button{color:#3e3e3c;font-size:.875rem;padding:.75rem 1rem;transition:background-color .2s ease}.action-menu-dropdown button:hover{background:#f3f2f2}.action-menu-dropdown button:not(:last-child){border-bottom:1px solid #f3f2f2}.lead-modal-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem 1rem;position:fixed;right:0;top:0;z-index:9999}.lead-modal-content{background:#fff;border-radius:4px;box-shadow:0 8px 16px #0003;display:flex;flex-direction:column;margin:auto 0;max-height:85vh;max-width:800px;position:relative;width:100%}.lead-modal-header{align-items:center;background:#fafaf9;border-bottom:1px solid #dddbda;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.lead-modal-body{flex:1 1;max-height:calc(85vh - 120px);overflow-y:auto;padding:1.5rem}.form-section{margin-bottom:2rem;min-height:-webkit-min-content;min-height:min-content}.form-grid{grid-gap:1rem;gap:1rem}.form-group{min-width:0}.form-group input,.form-group select{background:#fff;border:1px solid #dddbda;box-sizing:border-box;color:#3e3e3c;font-size:.875rem;padding:.625rem .75rem;transition:all .2s ease}.lead-modal-footer{background:#fafaf9;border-top:1px solid #dddbda;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.lead-modal-body::-webkit-scrollbar{width:8px}.lead-modal-body::-webkit-scrollbar-track{background:#f3f2f2;border-radius:4px}.lead-modal-body::-webkit-scrollbar-thumb{background:#c9c7c5;border-radius:4px}.lead-modal-body::-webkit-scrollbar-thumb:hover{background:#a9a8a6}@media (max-width:768px){.lead-modal-overlay{align-items:flex-start;padding:1rem}.lead-modal-content{margin-top:0;max-height:90vh}.lead-modal-body{max-height:calc(90vh - 120px)}.form-grid{gap:.75rem;grid-template-columns:1fr}}@media (max-width:480px){.lead-modal-overlay{padding:.5rem}.lead-modal-content{border-radius:0;max-height:100vh}.lead-modal-body{max-height:calc(100vh - 120px);padding:1rem}.form-section{margin-bottom:1.5rem}}.lead-details-modal{background:#f3f2f2;bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:9998}.lead-details-header{background:#fff;border-bottom:1px solid #dddbda;box-shadow:0 2px 4px #0000001a;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.lead-title-section{align-items:center;display:flex;justify-content:space-between}.lead-title-section h1{color:#080707;font-size:1.75rem;font-weight:300;margin:0}.lead-actions{align-items:center;display:flex;gap:.5rem}.action-btn{color:#0176d3;gap:.5rem;padding:.5rem 1rem}.action-btn:hover{background:#f3f2f2;box-shadow:0 2px 4px #0000001a}.action-btn.primary{background:#0176d3;border-color:#0176d3;color:#fff}.action-btn.primary:hover{background:#014486;border-color:#014486}.action-btn.danger{color:#c23934}.action-btn.danger:hover{background:#feded8;border-color:#c23934}.close-btn{color:#706e6b;font-size:2rem;line-height:1;margin-left:1rem;padding:0 .5rem}.close-btn:hover{color:#3e3e3c}.lead-details-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:300px 1fr 300px;margin:0 auto;max-width:1400px;padding:1.5rem}.address-card,.details-card,.info-card,.status-card,.workings-card{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1.5rem}.address-card h3,.details-card h3,.info-card h3,.status-card h3,.workings-card h3{border-bottom:1px solid #dddbda;color:#3e3e3c;font-size:1rem;font-weight:700;margin:0 0 1rem;padding-bottom:.75rem}.company-name{color:#0176d3;font-size:1.25rem;font-weight:400;margin:0 0 1rem}.contact-info{display:flex;flex-direction:column;gap:.75rem}.contact-item{align-items:flex-start;color:#3e3e3c;display:flex;font-size:.875rem;gap:.75rem}.contact-item svg{color:#706e6b;flex-shrink:0;margin-top:.125rem}.contact-item span{color:#706e6b;margin-left:auto}.campaign-list{display:flex;flex-direction:column;gap:1rem}.campaign-item{border-bottom:1px solid #f3f2f2;padding-bottom:1rem}.campaign-item:last-child{border-bottom:none;padding-bottom:0}.campaign-title{color:#0176d3;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.campaign-details{color:#706e6b;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.view-all-btn{align-items:center;background:none;border:1px solid #dddbda;border-radius:4px;color:#0176d3;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-top:1rem;padding:.5rem;transition:all .2s ease;width:100%}.view-all-btn:hover{background:#f3f2f2}.status-header{align-items:center;border-bottom:1px solid #dddbda;display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.status-label{color:#706e6b;font-size:.875rem;font-weight:400}.status-value{color:#0176d3;font-size:1rem;font-weight:600}.key-fields h4{color:#3e3e3c;font-size:.875rem;font-weight:700;letter-spacing:.025em;margin:0 0 .75rem;text-transform:uppercase}.key-fields-grid{display:flex;flex-direction:column;gap:.75rem}.key-field{align-items:center;border-bottom:1px solid #f3f2f2;display:flex;justify-content:space-between;padding:.5rem 0}.key-label{color:#706e6b;font-size:.75rem;font-weight:600;letter-spacing:.025em}.key-value{color:#3e3e3c;font-size:.875rem}.details-tabs{border-bottom:2px solid #dddbda;gap:1rem;margin-bottom:1.5rem}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#706e6b;cursor:pointer;font-size:.875rem;font-weight:400;margin-bottom:-2px;padding:.75rem 1rem;transition:all .2s ease}.tab-btn:hover{color:#0176d3}.tab-btn.active{border-bottom-color:#0176d3;color:#0176d3;font-weight:600}.details-content{font-size:.875rem}.details-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.detail-row{border-bottom:1px solid #f3f2f2;display:grid;grid-template-columns:150px 1fr;padding:.75rem 0}.detail-label{color:#706e6b;font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.detail-value{color:#3e3e3c}.address-section h4{color:#3e3e3c;font-size:.875rem;font-weight:700;letter-spacing:.025em;margin:0 0 .75rem;text-transform:uppercase}.address-details{color:#3e3e3c;font-size:.875rem;line-height:1.5}.address-line{margin-bottom:.25rem}.activity-content{font-size:.875rem}.activity-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filter-select{background:#fff;border:1px solid #dddbda;border-radius:4px;color:#3e3e3c;cursor:pointer;font-size:.875rem;padding:.5rem .75rem}.filter-select:focus{border-color:#0176d3;outline:none}.filter-btn{background:#fff;border:1px solid #dddbda;border-radius:4px;color:#0176d3;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.filter-btn:hover{background:#f3f2f2}.activity-section{margin-bottom:2rem}.activity-section h5{color:#3e3e3c;font-size:.875rem;font-weight:700;letter-spacing:.025em;margin:0 0 1rem;text-transform:uppercase}.activity-item{border:1px solid #dddbda;margin-bottom:.75rem;padding:1rem}.activity-item.past{background:#fafaf9}.activity-title{color:#3e3e3c;font-size:.875rem;margin-bottom:.5rem}.activity-meta{align-items:center;color:#706e6b;display:flex;font-size:.75rem;justify-content:space-between}.activity-status{font-style:italic}.activity-date{font-weight:600}.no-activities{color:#706e6b;font-style:italic;padding:2rem;text-align:center}.workings-text{font-weight:600;margin-bottom:1rem}.workings-list,.workings-text{color:#3e3e3c;font-size:.875rem}.workings-list{line-height:1.6;list-style-type:disc;margin-bottom:1.5rem;padding-left:1.5rem}.workings-list li{margin-bottom:.5rem}.mark-complete-btn{align-items:center;background:#2e844a;border:1px solid #2e844a;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.mark-complete-btn:hover{background:#1f6b38;border-color:#1f6b38}.address-content{font-size:.875rem}.address-item{align-items:flex-start;display:flex;gap:.75rem}.address-item svg{color:#706e6b;flex-shrink:0;margin-top:.25rem}@media (max-width:1200px){.lead-details-content{grid-template-columns:1fr}.lead-details-left,.lead-details-middle,.lead-details-right{order:0}}@media (max-width:768px){.leads-header{align-items:flex-start;flex-direction:column;gap:1rem}.leads-header-actions{justify-content:flex-start;width:100%}.leads-table-actions{align-items:flex-start;flex-direction:column;gap:1rem}.table-buttons{flex-direction:column;width:100%}.leads-search-input{width:100%}.form-grid{grid-template-columns:1fr}.lead-title-section{align-items:flex-start;flex-direction:column;gap:1rem}.lead-actions{flex-wrap:wrap;width:100%}.action-btn{flex:1 1;justify-content:center;min-width:120px}.close-btn{align-self:flex-end;margin-left:0}}@media (max-width:480px){.leads-table{font-size:.75rem}.leads-table td,.leads-table th{padding:.5rem}.lead-modal-content{border-radius:0;margin:0;max-height:100vh}}.pagination-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;font-size:14px;justify-content:space-between;margin-top:16px;padding:12px 16px}.pagination-left{align-items:center;display:flex;gap:8px}.pagination-btn{background:#fff;border:1px solid #d0d5dd;border-radius:6px;color:#1f2937;font-size:14px;height:38px;justify-content:center;min-width:38px;padding:0}.pagination-btn.next,.pagination-btn.prev{min-width:auto;padding:0 14px}.pagination-btn:hover:not(:disabled){background:#f3f4f6;color:#0d6efd}.pagination-btn.active{background:#0d6efd;border-color:#0d6efd;color:#fff;font-weight:500}.pagination-right{color:#6b7280;font-size:14px}.contacts-container{background-color:#f3f2f2;min-height:100vh;padding:1.5rem}.contacts-header{align-items:center;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.contacts-header h2{color:#080707;font-size:1.75rem;font-weight:300;margin:0}.contactheader-btn{align-items:center;background:#0176d3;border:1px solid #0176d3;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:400;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.contactheader-btn:hover:not(:disabled){background:#014486;border-color:#014486;box-shadow:0 2px 4px #0000001a}.contactheader-btn:disabled{cursor:not-allowed;opacity:.5}.contacts-table-wrapper{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.contacts-table{border-collapse:collapse;font-size:.875rem;min-width:800px;width:100%}.contacts-table thead{background:#fafaf9;border-bottom:1px solid #dddbda}.contacts-table th{color:#3e3e3c;font-size:.75rem;font-weight:700;letter-spacing:.025em;padding:.75rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.contacts-table tbody tr{border-bottom:1px solid #dddbda;transition:background-color .2s ease}.contacts-table tbody tr:hover{background:#fafaf9}.contacts-table td{color:#3e3e3c;padding:1rem;vertical-align:middle}.contact-name{color:#0176d3;font-weight:500}.contact-name-link{background:none;border:none;color:#0176d3;cursor:pointer;font-size:.875rem;font-weight:400;padding:0;text-align:left;text-decoration:none;transition:color .2s ease}.contact-name-link:hover:not(:disabled){color:#014486;text-decoration:underline}.contact-name-link:disabled{cursor:not-allowed;opacity:.5;text-decoration:none}.card-code{color:#2e844a;font-size:.875rem;font-weight:400}.customer-display{color:#3e3e3c;font-weight:400}.contact-email{color:#706e6b;font-size:.875rem}.actions-cell{position:relative}.actions-wrapper{gap:.5rem}.action-btn,.actions-wrapper{display:flex;justify-content:center}.action-btn{align-items:center;background:#fff;border:1px solid #dddbda;border-radius:4px;font-size:.875rem;padding:.5rem .75rem;transition:all .2s ease}.action-btn:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.action-btn:disabled{opacity:.5}.edit-btn{border-color:#0176d3;color:#0176d3}.edit-btn:hover:not(:disabled){background:#0176d3;color:#fff}.delete-btn{border-color:#c23934;color:#c23934}.delete-btn:hover:not(:disabled){background:#c23934;color:#fff}.no-data{color:#706e6b;font-size:.875rem;padding:3rem!important}.crm-modal-overlay{background:#00000080;padding:1rem}.contact-modal-content{background:#fff;border-radius:4px;box-shadow:0 8px 16px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.contact-modal-header{align-items:center;background:#fafaf9;border-bottom:1px solid #dddbda;display:flex;justify-content:space-between;padding:1rem 1.5rem}.contact-modal-header h2{color:#080707;font-size:1.5rem;font-weight:300;margin:0}.contact-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#706e6b;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;line-height:1;padding:.25rem;transition:all .2s ease;width:30px}.contact-close-btn:hover{background:#f3f2f2;color:#3e3e3c}.contact-form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:1.5rem}.form-group label{color:#3e3e3c;font-size:.75rem;font-weight:700;letter-spacing:.025em;margin-bottom:.375rem;text-transform:uppercase}.company-select,.form-group input{background:#fff;border:1px solid #dddbda;border-radius:4px;color:#3e3e3c;font-size:.875rem;padding:.625rem .75rem;transition:all .2s ease}.company-select:focus,.form-group input:focus{border-color:#0176d3;box-shadow:0 0 3px #0176d34d;outline:none}.company-select:disabled,.form-group input:disabled{background:#f3f2f2;color:#706e6b;cursor:not-allowed}.readonly-field{background-color:#f3f2f2!important;cursor:not-allowed}.contact-form-actions{background:#fafaf9;border-top:1px solid #dddbda;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.contact-btn-primary,.contact-btn-secondary{border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:400;padding:.625rem 1.25rem;transition:all .2s ease}.contact-btn-primary{background:#0176d3;border-color:#0176d3;color:#fff}.contact-btn-primary:hover:not(:disabled){background:#014486;border-color:#014486}.contact-btn-primary:disabled{cursor:not-allowed;opacity:.5}.contact-btn-secondary{background:#fff;border-color:#dddbda;color:#0176d3}.contact-btn-secondary:hover:not(:disabled){background:#f3f2f2}.contact-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.company-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23706e6b' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem;width:100%}.customer-search-container{position:relative;width:100%}.search-input-wrapper{align-items:center;display:flex;position:relative}.customer-search-input{background:#fff;border:1px solid #dddbda;border-radius:4px;color:#3e3e3c;font-size:.875rem;padding:.625rem 2.5rem .625rem .75rem;transition:all .2s ease;width:100%}.customer-search-input:focus{border-color:#0176d3;box-shadow:0 0 3px #0176d34d;outline:none}.customer-search-input:disabled{background:#f3f2f2;color:#706e6b;cursor:not-allowed}.search-icon{color:#706e6b;font-size:.875rem;right:.75rem}.customer-dropdown{background-color:#fff;border:1px solid #0176d3;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 8px #00000026;left:0;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.customer-option{border-bottom:1px solid #f3f2f2;cursor:pointer;display:flex;padding:.75rem;transition:background-color .2s ease}.customer-option:last-child{border-bottom:none}.customer-option:hover{background-color:#e3f3ff}.customer-option-code{color:#0176d3;font-size:.875rem;font-weight:600;margin-right:.75rem;min-width:80px}.customer-option-name{color:#3e3e3c;flex:1 1;font-size:.875rem}.no-results{color:#706e6b;font-size:.875rem;font-style:italic;padding:1rem;text-align:center}.pagination-controls{background:#fff;border-radius:0 0 4px 4px;border-top:1px solid #dddbda;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem;padding:1rem 0}.pagination-btn{align-items:center;background-color:#fff;border:1px solid #dddbda;border-radius:4px;color:#0176d3;cursor:pointer;display:flex;font-size:.875rem;font-weight:400;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f3f2f2;border-color:#0176d3;box-shadow:0 2px 4px #0000001a}.pagination-btn:disabled{color:#706e6b;cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:.375rem}.page-number{align-items:center;background-color:#fff;border:1px solid #dddbda;border-radius:4px;color:#0176d3;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;min-width:32px;padding:0 .5rem;transition:all .2s ease}.page-number:hover:not(.active):not(:disabled){background-color:#f3f2f2;border-color:#0176d3;box-shadow:0 2px 4px #0000001a}.page-number.active{background-color:#0176d3;border-color:#0176d3;color:#fff;font-weight:600}.page-number:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#706e6b;font-size:.875rem;margin-left:auto;padding:0 .75rem}@media (max-width:768px){.contacts-container{padding:1rem}.contacts-header{align-items:flex-start;flex-direction:column;gap:1rem}.contactheader-btn{justify-content:center;width:100%}.contacts-table-wrapper{overflow-x:auto}.contact-form-grid{gap:.75rem;grid-template-columns:1fr}.pagination-controls{flex-direction:column;gap:1rem}.pagination-info{margin-left:0;order:-1}.page-numbers{flex-wrap:wrap;justify-content:center}.contact-modal-content{border-radius:0;margin:0;max-width:100%}}@media (max-width:480px){.contacts-table{font-size:.75rem}.contacts-table td,.contacts-table th{padding:.5rem}.page-number,.pagination-btn{font-size:.75rem;height:28px;min-width:28px;padding:.375rem .625rem}}.customer-dropdown::-webkit-scrollbar{width:8px}.customer-dropdown::-webkit-scrollbar-track{background:#f3f2f2}.customer-dropdown::-webkit-scrollbar-thumb{background:#dddbda;border-radius:4px}.customer-dropdown::-webkit-scrollbar-thumb:hover{background:#c9c7c5}.contact-modal-content::-webkit-scrollbar{width:8px}.contact-modal-content::-webkit-scrollbar-track{background:#f3f2f2}.contact-modal-content::-webkit-scrollbar-thumb{background:#dddbda;border-radius:4px}.contact-modal-content::-webkit-scrollbar-thumb:hover{background:#c9c7c5}.accounts-container{background:#f8f9fa;min-height:calc(100vh - 60px);padding:20px}.accounts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 10px}.accounts-header h2{color:#333;font-size:24px;margin:0}.accounts-header-actions{display:flex;gap:10px}.create-btn,.refresh-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s}.refresh-btn{background:#6c757d;color:#fff}.refresh-btn:hover:not(:disabled){background:#5a6268}.create-btn{background:#007bff;color:#fff}.create-btn:hover:not(:disabled){background:#0056b3}.create-btn:disabled,.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.accounts-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.accouts-table-actions{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.table-info{color:#666;font-size:14px}.accounts-table-buttons{align-items:center;display:flex;gap:10px;width:100%}.accouts-search-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.accouts-search-input:focus{border-color:#007bff;outline:none}.accounts-table{border-collapse:collapse;width:100%}.accounts-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.accounts-table th{border-bottom:2px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;padding:15px 20px;text-align:left}.accounts-table td{border-bottom:1px solid #eee;font-size:14px;padding:15px 20px}.account-row:hover{background:#f8f9fa}.no-data{color:#6c757d;font-style:italic;padding:40px!important;text-align:center}.company-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.company-gms{background:#e3f2fd;color:#1976d2}.company-lds{background:#e8f5e9;color:#388e3c}.actions-cell{text-align:center}.action-menu-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:16px;padding:6px 12px}.action-menu-btn:hover{background:#f8f9fa}.action-menu-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:120px;position:absolute;right:20px;z-index:1000}.action-menu-dropdown button{background:none;border:none;cursor:pointer;display:block;font-size:14px;padding:8px 16px;text-align:left;width:100%}.action-menu-dropdown button:hover{background:#f8f9fa}.modal-overlay{background:#00000080;z-index:1000}.account-modal{background:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #eee;padding:20px}.modal-header h2{font-size:20px}.close-modal-btn{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.close-modal-btn:hover{color:#333}.form-section{margin-bottom:24px}.form-section h3{border-bottom:1px solid #eee;color:#333;font-size:16px;margin:0 0 16px;padding-bottom:8px}.form-row{gap:16px;margin-bottom:16px}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff}.required{color:#dc3545}.modal-footer{border-top:1px solid #eee;padding:20px}.cancel-btn,.save-btn{border-radius:4px;font-size:14px;transition:all .3s}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover:not(:disabled){background:#5a6268}.save-btn{background:#007bff}.save-btn:hover:not(:disabled){background:#0056b3}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.5}.loading-state{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;margin-bottom:16px}.error-alert,.success-alert{align-items:center;border-radius:4px;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.error-alert{background:#f8d7da}.success-alert{background:#d4edda}@media (max-width:768px){.accounts-header{align-items:flex-start;flex-direction:column;gap:15px}.accounts-header-actions{justify-content:flex-start;width:100%}.accouts-table-actions{align-items:flex-start;flex-direction:column;gap:15px}.accoounts-table-buttons,.accouts-search-input{width:100%}.form-row{flex-direction:column;gap:12px}.account-modal{margin:10px;width:95%}}@media (max-width:600px){.accounts-table-wrapper{overflow-x:auto}.accounts-table{min-width:600px}}.opportunities-container{background:#f3f2f2;min-height:100vh;padding:24px}.opportunities-header{align-items:center;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.opportunities-header h1{color:#080707;font-size:28px;font-weight:300;margin:0}.header-actions{align-items:center;gap:10px}.action-btns{align-items:center;background:#fff;border:1px solid #d8dde6;border-radius:4px;color:var(--primary-blue);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.action-btn:hover{background:var(--primary-blue);border-color:#a8b7c7}.action-btn:disabled{cursor:not-allowed;opacity:.6}.view-options{align-items:center;display:flex;gap:10px}.pipeline-section{background:#fff;border:1px solid #d8dde6;border-radius:4px;margin-bottom:20px;overflow:hidden;padding:20px}.pipeline-header{align-items:center;border-bottom:1px solid #d8dde6;display:flex;justify-content:space-between;padding:16px 20px}.pipeline-header h2{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.pipeline-header h2,.pipeline-info{align-items:center;display:flex;gap:8px}.pipeline-info{color:#706e6b;font-size:14px}.rq-product-table td,.rq-product-table th{padding:8px;white-space:nowrap}.rq-table-input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;padding:4px 6px;text-align:center}.rq-table-input.qty{width:55px}.rq-table-input.price{text-align:right;width:85px}.rq-table-input.discount{width:60px}.item-count{font-weight:500}.filter-info{color:#706e6b}.chart-section{padding:20px}.chart-section h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 16px}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(20%,1fr))}.metric-card{background:#f3f2f2;border-radius:4px;padding:16px}.metric-label{color:#706e6b;font-size:13px;font-weight:500;margin-bottom:8px}.metric-value{color:#1a1a1a;font-size:20px;font-weight:600}.metric-positive{color:#45b145}.metric-negative{color:#d14242}.filters-panel{background:#fff;border:1px solid #d8dde6;border-radius:6px;margin-bottom:24px;padding:10px 24px}.filter-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.filter-group,.filter-row{align-items:start;justify-content:start}.filter-group{display:flex;flex-direction:column}.filter-group label{color:var(--text-secondary);font-size:12.5px;font-weight:600;letter-spacing:.2px;margin-bottom:2px}.filter-group input,.filter-group select{background-color:#fff;border:1px solid #d8dde6;border-radius:4px;color:#181818;font-size:14px;height:36px;padding:6px 10px;transition:all .15s ease-in-out;width:100%}.filter-group input::placeholder{color:#9faab5}.filter-group input:focus,.filter-group select:focus{border-color:#0176d3;outline:none}.filter-group input:disabled,.filter-group select:disabled{background:#f3f2f2;color:#706e6b;cursor:not-allowed}.filter-actions{align-items:center;border-top:1px solid #e5e5e5;display:flex;gap:12px;justify-content:flex-end;padding-top:12px}.filter-actions button{border-radius:4px;cursor:pointer;font-size:13.5px;font-weight:600;height:36px;padding:0 16px;transition:all .15s ease-in-out}.filter-actions .btn-secondary{background:#fff;border:1px solid #d8dde6;color:var(--primary-blue)}.filter-actions .btn-secondary:hover{background:#f4f6f9;border-color:#c9c9c9}.filter-actions .btn-primary{background:var(--primary-blue);color:#fff}.filter-actions .btn-primary:hover{background:#014486;border-color:#014486}@media (max-width:1200px){.filter-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.filter-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.filter-row{grid-template-columns:1fr}.filter-actions{align-items:stretch;flex-direction:column}}.columns-panel{background:#fff;border:1px solid #d8dde6;border-radius:4px;margin-bottom:20px;overflow:hidden}.columns-header{align-items:center;background:#f3f2f2;border-bottom:1px solid #d8dde6;display:flex;justify-content:space-between;padding:12px 20px}.columns-header span{color:#1a1a1a;font-size:14px;font-weight:500}.toggle-columns-btn{background:none;border:none;border-radius:3px;color:#006dcc;cursor:pointer;font-size:14px;padding:4px 8px}.toggle-columns-btn:hover{background:#006dcc1a}.columns-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:20px}.column-checkbox{align-items:center;color:#1a1a1a;cursor:pointer;display:flex;font-size:14px;gap:8px}.column-checkbox input[type=checkbox]{cursor:pointer;margin:0}.checkbox-label{flex:1 1}.opp-list-table-container{background:#fff;border:1px solid #d8dde6;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow-x:auto;width:100%}.opp-list-table{border-collapse:collapse;font-size:13px;min-width:1100px;width:100%}.opp-list-table th{background:#f3f2f2;border-bottom:1px solid #d8dde6;color:#1a1a1a;cursor:pointer;font-weight:600;padding:12px 16px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.opp-list-table th:hover{background:#eef1f6}.opp-list-table td{border-bottom:1px solid #f3f2f2;color:#1a1a1a;padding:12px 16px;vertical-align:middle;word-break:break-word}.opp-list-table td:nth-child(2),.opp-list-table th:nth-child(2){min-width:80px}.opp-list-table tr:last-child td{border-bottom:none}.opp-list-table tr:hover td{background:#f8f9fa}.opportunities-table-container{background:#fff;border:1px solid #d8dde6;border-radius:4px;margin-bottom:20px;overflow:hidden}.opportunities-table{border-collapse:collapse;font-size:13px;min-width:1100px;width:100%}.opportunities-table th{background:#f3f2f2;border-bottom:1px solid #d8dde6;color:#1a1a1a;cursor:pointer;font-weight:600;padding:12px 16px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.opportunities-table th:hover{background:#eef1f6}.opportunities-table th svg{margin-left:4px;opacity:.7}.opportunities-table td{border-bottom:1px solid #f3f2f2;color:#1a1a1a;padding:12px 16px;vertical-align:middle}.opportunities-table tr:last-child td{border-bottom:none}.opportunities-table tr:hover td{background:#f8f9fa}.loading-cell{padding:40px!important;text-align:center}.loading-spinner{border:3px solid #f3f2f2;height:24px;margin:0 auto 10px;width:24px}.forecast-badge,.stage-badge{border-radius:15px;color:#fff;display:inline-block;font-size:10px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.amount-cell{color:#1a1a1a;font-weight:500}.none-text{color:#706e6b;font-style:italic}.days-text,.next-step{color:#006dcc;font-weight:500}.owner-cell{align-items:center;display:flex;gap:8px}.owner-icon{color:#706e6b;font-size:12px}.opportunities-footer{align-items:center;justify-content:space-between;padding:16px 20px}.footer-actions{display:flex;gap:8px}.footer-btn{background:#fff;border:1px solid #d8dde6;border-radius:4px;color:#006dcc;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.footer-btn:hover{background:#f3f2f2}.footer-btn.active{background:#006dcc;border-color:#006dcc;color:#fff}@media (max-width:1200px){.filter-row{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){.opportunities-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-wrap:wrap;width:100%}.filter-row{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.opportunities-footer{align-items:flex-start;flex-direction:column;gap:16px}.opportunities-table{display:block;overflow-x:auto}}.success-alert{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.error-alert,.success-alert{align-items:center;display:flex;gap:10px;margin-bottom:20px;padding:12px 20px}.error-alert{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.crm-modal-overlay{background-color:#00000080;bottom:0;left:0;right:0;top:0;z-index:1000}.crm-modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.crm-modal-header{border-bottom:1px solid #ddd;padding:20px}.crm-modal-header h2{color:#333;font-size:1.5rem}.close-btn{align-items:center;background:none;border-radius:50%;color:#666;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{background-color:#f5f5f5;color:#333}.crm-modal-content form{padding:20px}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-group{flex:1 1;margin-bottom:15px}.form-group label{color:#555;display:block;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#006dcc;outline:none}.form-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.opportunity-name-cell{position:relative}.row-actions{background:#fff;border:1px solid #ddd;border-radius:4px;display:none;left:0;padding:5px 0;position:absolute;top:100%;z-index:10}.action-link,.opportunity-name-cell:hover .row-actions{display:block}.action-link{color:#006dcc;font-size:13px;padding:5px 15px;text-align:left;width:100%}.action-link:hover{background-color:#f5f5f5}.delete-link{color:#dc3545}.no-data-cell{color:#666;font-style:italic;padding:40px!important;text-align:center}.loading-overlay{background:#fffc;bottom:0;left:0;right:0;top:0;z-index:1001}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#006dcc;height:40px;margin-bottom:10px;width:40px}.pagination-controls-top{align-items:center;background:#fff;border:1px solid #d8dde6;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.items-per-page-selector{align-items:center;display:flex;gap:10px}.items-per-page-selector label{color:#666;font-size:14px}.items-per-page-selector select{background:#fff;border:1px solid #d8dde6;border-radius:4px;color:#333;font-size:14px;padding:6px 12px}.items-per-page-selector select:focus{border-color:#006dcc;outline:none}.opportunities-footer{background:#fff;border:1px solid #d8dde6;border-radius:4px;display:flex;flex-direction:column;gap:20px;padding:20px}.footer-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.items-per-page-footer{align-items:center;display:flex;gap:8px}.items-per-page-footer label{color:#666;font-size:14px}.items-per-page-footer select{background:#fff;border:1px solid #d8dde6;border-radius:4px;color:#333;font-size:14px;min-width:70px;padding:6px 12px}.page-navigation{gap:6px}.page-btn,.page-navigation{align-items:center;display:flex}.page-btn{background:#fff;border:1px solid #d8dde6;border-radius:4px;color:#006dcc;font-size:14px;height:36px;justify-content:center;min-width:36px;padding:8px 12px;transition:all .2s}.page-btn:hover:not(:disabled){background:#f3f2f2;border-color:#a8b7c7}.page-btn.active{background:#006dcc;border-color:#006dcc;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-btn.first-page,.page-btn.last-page,.page-btn.next-page,.page-btn.prev-page{padding:8px}.page-info{color:#666;font-size:14px;gap:15px}.page-info,.page-jump{align-items:center;display:flex}.page-jump{gap:8px}.page-jump input{border:1px solid #d8dde6;border-radius:4px;font-size:14px;padding:6px 12px;text-align:center;width:60px}.page-jump input:focus{border-color:#006dcc;outline:none}.footer-info{align-items:center;color:#706e6b;display:flex;font-size:14px;gap:8px}.footer-separator{color:#d8dde6}@media (max-width:768px){.footer-pagination{align-items:stretch;flex-direction:column;gap:15px}.page-navigation{flex-wrap:wrap}.page-info,.page-navigation{justify-content:center}.pagination-controls-top{align-items:flex-start;flex-direction:column;gap:10px}}.opportunity-link{background:none;border:none;color:#06c;cursor:pointer;font-size:14px;font-weight:400;padding:0;text-align:left;text-decoration:none;transition:color .2s ease}.opportunity-link:hover{color:#0176d3;text-decoration:underline}.opportunity-name-cell{display:flex;flex-direction:column;gap:4px}.opportunity-link:focus{outline:2px solid #06c;outline-offset:2px}.row-actions{display:flex;gap:10px}.action-link{background:none;border:none;border-radius:3px;color:#666;cursor:pointer;font-size:12px;padding:2px 6px;transition:all .2s ease}.action-link:hover{background:#f0f0f0;color:#333}.opportunity-details-view{background:#f3f2f2;min-height:100vh}.details-top-head{align-items:center;background:#fff;display:flex;padding:12px 16px}.details-top-head button{background:none;border:none;color:#111827;display:flex;font-size:16px;gap:40px;padding:8px 20px}.details-top-head button:hover{color:#0176d3;cursor:pointer;text-decoration:underline}.details-top-header{align-items:center;background:#fff;border-bottom:1px solid #dddbda;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left-section{gap:12px}.back-btn,.header-left-section{align-items:center;display:flex}.back-btn{background:none;border:none;border-radius:4px;color:#706e6b;cursor:pointer;font-size:16px;height:32px;justify-content:center;padding:4px 8px;transition:all .2s ease;width:32px}.back-btn:hover{background:#f3f2f2;color:#080707}.opportunity-title-section{align-items:flex-start;background:#fff;border-radius:10px;display:flex;flex-direction:column;gap:2px;margin-bottom:20px;padding:10px}.opportunity-title{color:#080707;display:flex;font-size:22px;font-weight:500;margin-bottom:5px;overflow-wrap:anywhere}.opportunity-subtitle{color:#706e6b;display:flex;font-size:14px;font-weight:400;gap:20px;line-height:1.25}.header-action-buttons{display:flex;gap:8px}.sf-section-details-grid{grid-gap:12px;background:#fff;border-radius:10px;box-shadow:0 1px 2px #0000000d;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px;padding:14px}.sf-section-grid-entry{border-bottom:1px dotted #999;padding-bottom:5px}.sf-section-disabled{filter:grayscale(80%);opacity:.45;pointer-events:none;position:relative}.sf-section-disabled:after{background:#000000a6;border-radius:4px;color:#fff;content:"Locked — Quotation Pending / Approved";font-size:11px;padding:4px 8px;pointer-events:none;position:absolute;right:22px;top:-13px}.sf-section-details-grid label{color:#6b7280;display:block;font-size:12px}.sf-section-details-grid span{font-size:14px}.sf-btn{align-items:center;background:#fff;border:1px solid #dddbda;color:#0176d3;display:flex;font-size:13px;font-weight:400;gap:6px;padding:8px 16px;transition:all .15s ease}.sf-btn:hover{background:#0176d3;border-color:#0176d3;color:#fff}.sf-main-content-area{display:flex;min-height:calc(100vh - 60px)}.sf-muted{align-content:center;color:#a0a0a0;display:flex;font-size:14px;justify-content:center;padding:20px}.sf-sidebar{flex-shrink:0;overflow-y:auto;padding:20px 5px 5px;width:280px}.sf-sidebar-section{background:#fff;border-radius:10px;margin-bottom:24px;padding:14px}.sf-sidebar-title{color:#0176d3;font-size:14px;font-weight:600;letter-spacing:.5px}.sf-sidebar-item{margin-bottom:8px;transition:all .2s ease}.sf-contact-info{font-size:13px;line-height:1.4}.sf-contact-name{color:#0176d3;font-size:12px;font-weight:400;margin-bottom:4px}.sf-contact-details{font-size:11px;padding:0 5px}.sf-contact-details div{margin-bottom:2px}.sf-contact-details strong{color:#514f4d;font-weight:600}.sf-sidebar-empty{color:#706e6b;font-size:13px;font-style:italic;padding:8px 0}.sf-content-area{flex:1 1;overflow-y:auto;padding:10px}.sf-stage-banner{align-items:center;background:#eef4ff;border-radius:4px;display:flex;gap:8px;padding:10px}.sf-stage-label{color:#ffffffb0;font-size:14px;font-weight:400}.sf-stage-value{color:#fff;font-size:14px;font-weight:600;text-transform:uppercase}.sf-key-fields-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.sf-key-field{background:#fff;border:1px solid #dddbda;border-radius:4px;padding:16px;transition:all .2s ease}.sf-key-field:hover{border-color:#0176d3}.sf-key-label{color:#706e6b;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.sf-key-value{color:#080707;font-size:16px;font-weight:400}.sf-details-section{background:#fff;border-radius:10px;margin-bottom:24px;padding:20px}.sf-section-title{color:#0176d3;display:flex;font-size:18px;font-weight:500;gap:20px}.sf-info-table{display:flex;flex-direction:column;gap:12px}.sf-info-row{align-items:flex-start;border-bottom:1px solid #f3f2f2;display:flex;justify-content:space-between;padding:8px 0}.sf-info-row:last-child{border-bottom:none}.sf-info-label{color:#514f4d;flex-shrink:0;font-size:13px;font-weight:600;width:160px}.sf-info-value{color:#080707;flex:1 1;font-size:13px;font-weight:400;text-align:right}.sf-history-section{background:#fff;border-radius:10px;margin-bottom:24px;padding:20px}.sf-history-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(1,3fr)}.sf-history-item{background:#fff;border:1px solid #dddbda;border-radius:4px;padding:16px;text-align:center}.sf-history-value{color:#0176d3;font-size:24px;font-weight:300;margin-bottom:8px}.sf-history-label{color:#514f4d;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.sf-additional-info{background:#fff;border:1px solid #dddbda;border-radius:4px;margin-bottom:24px;padding:20px}.sf-activity-item{align-items:flex-start;background:#f3f2f2;border:1px solid #0000;border-radius:4px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.sf-activity-item:hover{background:#fff;border-color:#dddbda}.sf-activity-icon{align-items:center;color:#0176d3;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;width:24px}.sf-activity-content{flex:1 1}.sf-activity-title{color:#080707;font-size:14px;font-weight:600;margin-bottom:4px}.sf-activity-meta{display:flex;flex-direction:column;gap:4px}.sf-activity-desc{color:#706e6b;font-size:13px}.sf-activity-note{color:#514f4d;font-size:12px;font-style:italic}.sf-todo-section{background:#fff;border:1px solid #dddbda;border-radius:4px;padding:20px}.sf-todo-list{display:flex;flex-direction:column;gap:8px}.sf-todo-item{align-items:center;background:#f3f2f2;border:1px solid #0000;border-radius:4px;display:flex;padding:8px;transition:all .2s ease}.sf-todo-item:hover{background:#fff;border-color:#dddbda}.sf-checkbox{accent-color:#0176d3;cursor:pointer;height:16px;margin-right:12px;width:16px}.sf-todo-label{color:#080707;cursor:pointer;flex:1 1;font-size:14px;transition:color .2s ease}.sf-checkbox:checked+.sf-todo-label{color:#706e6b;text-decoration:line-through}@media (max-width:1200px){.sf-history-grid,.sf-key-fields-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sf-main-content-area{flex-direction:column}.sf-sidebar,.sf-sidebar-right{border-bottom:1px solid #dddbda;border-left:none;border-right:none;padding:16px;width:100%}.sf-history-grid,.sf-key-fields-grid{grid-template-columns:1fr}.sf-info-row{flex-direction:column;gap:4px}.sf-info-label{width:100%}.sf-info-value{text-align:left}.details-top-header{align-items:flex-start;flex-direction:column;gap:12px}.header-action-buttons{flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}}@media (max-width:480px){.sf-stage-banner{align-items:flex-start;flex-direction:column;gap:4px}.header-action-buttons{flex-wrap:wrap}.sf-btn{flex:1 1;justify-content:center;min-width:100px}}.header-action-btn:hover{background:#f4f6f9;border-color:#0070d2}.details-main-content{display:flex;min-height:calc(100vh - 200px)}.details-sidebar{background:#f4f6f9;border-right:1px solid #d8dde6;overflow-y:auto;padding:20px;width:280px}.sidebar-section{margin-bottom:24px}.sidebar-section h3{color:#16325c;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.sidebar-item{background:#fff;border:1px solid #d8dde6;border-radius:4px;margin-bottom:8px;padding:12px}.contact-info{font-size:13px}.contact-name{color:#16325c;font-weight:600;margin-bottom:4px}.contact-details{color:#54698d;font-size:12px;line-height:1.4}.sidebar-empty{color:#54698d;font-size:13px;font-style:italic;padding:8px 0}.details-content-area{flex:1 1;overflow-y:auto;padding:20px}.stage-banner{background:#e1f5fe;border:1px solid #4dcaff;border-radius:4px;color:#16325c;font-size:14px;margin-bottom:24px;padding:12px 16px}.stage-name{color:#0070d2;font-weight:600}.key-fields-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.key-field{background:#fff;border:1px solid #d8dde6;border-radius:4px;padding:16px}.key-label{color:#54698d;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.key-value{color:#16325c;font-size:16px;font-weight:400}.details-section{margin-bottom:32px}.details-section h3{border-bottom:1px solid #d8dde6;color:#16325c;font-size:18px;font-weight:400;margin:0 0 16px;padding-bottom:8px}.info-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr)}.info-row{border-bottom:1px solid #f4f6f9;display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-label{color:#54698d;font-size:13px;font-weight:400}.info-value{color:#16325c;font-weight:400;text-align:right}.history-section{background:#f4f6f9;border-radius:4px;margin-bottom:32px;padding:20px}.history-section h3{margin-top:0}.history-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.history-item{text-align:center}.history-value{color:#0070d2;font-size:24px;font-weight:300;margin-bottom:4px}.history-label{color:#54698d;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.activity-section{margin-bottom:32px}.activity-item{align-items:flex-start;background:#fff;border:1px solid #d8dde6;border-radius:4px;display:flex;gap:16px;padding:16px}.activity-type{background:#4bca81;border-radius:2px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.activity-content{flex:1 1}.activity-title{color:#16325c;font-size:14px;font-weight:600;margin-bottom:4px}.activity-description{color:#54698d;font-size:13px;margin-bottom:4px}.activity-meta{color:#54698d;font-size:12px;font-style:italic}.todo-section{margin-bottom:32px}.todo-list{background:#fff;border:1px solid #d8dde6;border-radius:4px;padding:16px}.todo-item{align-items:center;border-bottom:1px solid #f4f6f9;display:flex;padding:12px 0}.todo-item:last-child{border-bottom:none}.todo-item input[type=checkbox]{height:16px;margin-right:12px;width:16px}.todo-item label{color:#16325c;cursor:pointer;flex:1 1;font-size:14px}.todo-item input[type=checkbox]:checked+label{color:#54698d;text-decoration:line-through}@media (max-width:1200px){.history-grid,.key-fields-section{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}}@media (max-width:768px){.details-main-content{flex-direction:column}.details-sidebar{border-bottom:1px solid #d8dde6;border-right:none;width:100%}.history-grid,.key-fields-section{grid-template-columns:1fr}.details-header{align-items:flex-start;flex-direction:column;gap:16px}.details-header-right{justify-content:flex-start;width:100%}}.stage-pipeline{border-radius:4px;margin:0 0 32px;padding:20px}.stage-pipeline h3{border-bottom:1px solid #d8dde6;color:#16325c;font-size:18px;font-weight:400;margin:0 0 20px;padding-bottom:12px}.pipeline-stages{display:flex;gap:0;margin-bottom:10px;min-height:100px;padding-bottom:10px;position:relative}.pipeline-stages::-webkit-scrollbar{height:6px}.pipeline-stages::-webkit-scrollbar-track{background:#f4f6f9;border-radius:3px}.pipeline-stages::-webkit-scrollbar-thumb{background:#d8dde6;border-radius:3px}.pipeline-stages::-webkit-scrollbar-thumb:hover{background:#a8b7c7}.pipeline-stage{background:linear-gradient(135deg,#f8f9fa,#f4f6f9);border:1px solid #d8dde6;cursor:pointer;flex:1 1;margin-left:-1px;min-width:140px;padding:16px 12px;position:relative;text-align:center;transition:all .3s ease}.pipeline-stage:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px;margin-left:0}.pipeline-stage:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}.pipeline-stage:hover{z-index:2}.pipeline-stage.current{background:linear-gradient(135deg,#e1f5fe,#b3e5fc);border-color:#0070d2;z-index:3}.pipeline-stage-name{align-items:center;color:#16325c;display:flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.5px;line-height:1.3;margin-bottom:6px;min-height:32px;text-transform:uppercase}.pipeline-stage-date{background:#ffffffb3;border:1px solid #54698d1a;border-radius:10px;color:#54698d;display:inline-block;font-size:11px;font-weight:500;padding:2px 6px}.pipeline-stage.current .pipeline-stage-date{background:#ffffffe6;border-color:#0070d233;color:#0070d2}.pipeline-stage.completed .pipeline-stage-date{color:#4caf50}.pipeline-stage.upcoming .pipeline-stage-date{color:#ff9800}.pipeline-stage-connector{border-color:#0000 #0000 #0000 #d8dde6;border-style:solid;border-width:11px 0 11px 11px;filter:drop-shadow(1px 0 1px rgba(0,0,0,.1));height:0;position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0;z-index:1}.pipeline-stage.current .pipeline-stage-connector{border-left-color:#0070d2}.pipeline-stage.completed .pipeline-stage-connector{border-left-color:#4caf50}.pipeline-stage.upcoming .pipeline-stage-connector{border-left-color:#ff9800}.pipeline-stage:last-child .pipeline-stage-connector{display:none}.stage-details{background:#f4f6f9;border:1px solid #d8dde6;border-radius:4px;margin-top:20px;padding:20px}.stage-current{align-items:center;border-bottom:1px solid #d8dde6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.stage-current-label{color:#54698d;font-size:14px;font-weight:500}.stage-current-value{color:#0070d2;font-size:18px;font-weight:600}.stage-description{color:#54698d;font-size:14px;line-height:1.5;margin-bottom:20px}.stage-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stage-info-item{background:#fff;border:1px solid #d8dde6;border-radius:4px;padding:16px;transition:all .2s ease}.stage-info-item:hover{border-color:#0070d2}.stage-info-label{color:#54698d;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stage-info-value{color:#16325c;font-size:18px;font-weight:600}.stage-actions{border-top:1px solid #d8dde6;display:flex;gap:12px;margin-top:20px;padding-top:20px}.stage-action-btn{align-items:center;background:#fff;border:1px solid #d8dde6;border-radius:4px;color:#16325c;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-width:120px;padding:10px 20px;transition:all .2s ease}.stage-action-btn:hover{background:#f4f6f9;border-color:#0070d2;color:#0070d2}.stage-action-btn.primary{background:#0070d2;border-color:#0070d2;color:#fff}.stage-action-btn.primary:hover{background:#0056a6;border-color:#0056a6}@media (max-width:1200px){.pipeline-stage{min-width:120px}.stage-info-grid{grid-template-columns:1fr}}@media (max-width:768px){.pipeline-stages{flex-wrap:wrap;gap:8px}.pipeline-stage{border-radius:4px!important;flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:0;margin-left:0;min-width:0}.pipeline-stage-connector{display:none}.stage-actions{flex-direction:column}.stage-action-btn{min-width:0;width:100%}.stage-info-grid{grid-template-columns:1fr}}@media (max-width:480px){.pipeline-stage{flex:1 0 100%}.stage-pipeline{padding:16px}}.stage-progress{background:#d8dde6;border-radius:2px;height:4px;margin-top:8px;overflow:hidden;width:100%}.stage-progress-fill{background:#0070d2;border-radius:2px;height:100%;transition:width .3s ease}.pipeline-stage.current .stage-progress-fill{background:#0070d2;width:60%}.pipeline-stage.completed .stage-progress-fill{background:#4caf50;width:100%}.pipeline-stage.upcoming .stage-progress-fill{background:#ff9800;width:0}.sf-stage-pipeline{background:#fff;border-radius:10px;display:flex;flex-direction:column;gap:20px;margin:10px 0 20px;padding:10px}.sf-stage-pipeline-top{display:flex;justify-content:space-between}.sf-stage-pipeline .sf-section-title{border-bottom:1px solid #dddbda;color:#080707;font-size:16px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.sf-pipeline-stages{display:flex;gap:0;justify-content:center;overflow-x:auto}.sf-pipeline-stages::-webkit-scrollbar{height:6px}.sf-pipeline-stages::-webkit-scrollbar-track{background:#f3f2f2;border-radius:3px}.sf-pipeline-stages::-webkit-scrollbar-thumb{background:#dddbda;border-radius:3px}.sf-pipeline-stages::-webkit-scrollbar-thumb:hover{background:#b0adab}.sf-pipeline-stage{background:#fff;border:1px solid #efefef;cursor:pointer;max-width:20%;min-width:11%;padding:6px;text-align:center}.sf-pipeline-stage:first-child{border-bottom-left-radius:50px;border-top-left-radius:50px}.sf-pipeline-stage:last-child{border-bottom-right-radius:50px;border-top-right-radius:50px}.sf-pipeline-stage.current{background:#0176d3;z-index:3}.sf-stage-name.sf-stage-name-current{color:#fff}.sf-stage-name,.sf-stage-name.sf-stage-name-current{align-items:center;display:flex;font-size:11px;font-weight:400;justify-content:center;letter-spacing:.5px;line-height:1.3;min-height:32px}.sf-stage-name{color:#080707}.sf-pipeline-stage.current .sf-stage-status{background:#ffffffe6;border-color:#0176d333;color:#0176d3}.sf-stage-connector{border-color:#0000 #0000 #0000 #dddbda;border-style:solid;border-width:11px 0 11px 11px;filter:drop-shadow(1px 0 1px rgba(0,0,0,.1));height:0;position:absolute;right:-10px;top:50%;width:0;z-index:1}.sf-pipeline-stage.current .sf-stage-connector{border-left-color:#0176d3}.sf-pipeline-stage.completed .sf-stage-connector{border-left-color:#2e844a}.sf-pipeline-stage.upcoming .sf-stage-connector{border-left-color:#fe9339}.sf-pipeline-stage:last-child .sf-stage-connector{display:none}.sf-stage-details{background:#f3f2f2;border:1px solid #dddbda;border-radius:4px;margin-top:20px;padding:20px}.sf-current-stage-info{align-items:center;border-bottom:1px solid #dddbda;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.sf-current-stage-label{color:#514f4d;font-size:14px;font-weight:600}.sf-current-stage-value{color:#0176d3;font-size:18px;font-weight:700}.sf-stage-description{color:#514f4d;font-size:14px;line-height:1.5;margin-bottom:20px}.sf-stage-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.sf-stage-metric{background:#fff;border:1px solid #dddbda;border-radius:4px;padding:16px;transition:all .2s ease}.sf-stage-metric:hover{border-color:#0176d3}.sf-metric-label{color:#706e6b;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.sf-metric-value{color:#080707;font-size:18px;font-weight:600}.sf-stage-actions{border-top:1px solid #dddbda;display:flex;gap:12px;margin-top:20px;padding-top:20px}.sf-stage-action-btn{align-items:center;background:#fff;border:1px solid #dddbda;border-radius:4px;color:#080707;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-width:140px;padding:10px 20px;transition:all .2s ease}.sf-stage-action-btn:hover{background:#f3f2f2;border-color:#0176d3;color:#0176d3}.sf-stage-action-btn.primary{background:#0176d3;border-color:#0176d3;color:#fff}.sf-stage-action-btn.primary:hover{background:#014486;border-color:#014486}@media (max-width:1200px){.sf-pipeline-stage{min-width:120px}.sf-stage-metrics{grid-template-columns:1fr}}@media (max-width:768px){.sf-pipeline-stages{flex-wrap:wrap;gap:8px}.sf-pipeline-stage{border-radius:4px!important;flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:0;margin-left:0;min-width:0}.sf-stage-connector{display:none}.sf-stage-actions{flex-direction:column}.sf-stage-action-btn{min-width:0;width:100%}.sf-stage-metrics{grid-template-columns:1fr}}@media (max-width:480px){.sf-pipeline-stage{flex:1 0 100%}.sf-stage-pipeline{padding:16px}}.sf-stage-progress{background:#dddbda;border-radius:2px;height:4px;margin-top:8px;overflow:hidden;width:100%}.sf-stage-progress-fill{background:#0176d3;border-radius:2px;height:100%;transition:width .3s ease}.sf-pipeline-stage.current .sf-stage-progress-fill{background:#0176d3;width:60%}.sf-pipeline-stage.completed .sf-stage-progress-fill{background:#2e844a;width:100%}.sf-pipeline-stage.upcoming .sf-stage-progress-fill{background:#fe9339;width:0}.display-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;margin-top:8px;position:absolute;right:0;top:100%;width:260px;z-index:1000}.sf-sidebar-right{padding:20px 5px 5px}.sf-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.sf-add-btn{background:none;border:none;color:#0176d3;cursor:pointer;font-size:13px;font-weight:500}.sf-add-btn:hover{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.sf-products-list{display:flex;flex-direction:column}.sf-product-item{background:#fff;border:1px solid #dddbda;border-radius:4px;padding:12px;transition:all .2s ease}.sf-product-item:hover{background:#fff;border-color:#0176d3}.sf-product-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.sf-product-name{color:#080707;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;width:80%}.sf-product-actions{display:flex;gap:6px}.sf-icon-btn{align-items:center;background:none;border:none;border-radius:3px;color:#706e6b;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.sf-icon-btn:hover{color:#c23934}.sf-product-meta{color:#706e6b;font-size:11px;line-height:1.5}.sf-product-meta>div{margin-bottom:2px}.sf-product-total{color:#080707;font-weight:600;margin-top:4px}.sf-quotes-list{display:flex;flex-direction:column;gap:8px}.sf-quote-item{background:#f3f2f2;border:1px solid #dddbda;border-radius:4px;padding:12px;transition:all .2s ease}.sf-quote-item:hover{background:#fff;border-color:#0176d3}.sf-quote-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sf-quote-name{align-items:center;color:#080707;display:flex;font-size:13px;font-weight:600;gap:6px}.sf-quote-status{border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.sf-status-open{background:#e1f5fe;color:#0176d3}.sf-status-accepted{background:#e8f5e9;color:#2e844a}.sf-status-rejected{background:#ffebee;color:#c23934}.sf-quote-meta{color:#706e6b;font-size:11px;line-height:1.5}.sf-quote-meta>div{margin-bottom:2px}.sf-section-header{border-bottom:1px solid #dddbda;margin-bottom:16px;padding-bottom:12px}.sf-section-header,.sf-toggle-btn{align-items:center;display:flex;justify-content:space-between}.sf-toggle-btn{background:none;border:1px solid #dddbda;border-radius:4px;color:#0176d3;cursor:pointer;font-size:12px;font-weight:600;gap:10px;padding:6px 12px;transition:all .2s ease}.sf-toggle-btn:hover{background:#0176d3;border-color:#0176d3;color:#fff}.sf-comment-input{display:flex;flex-direction:column;justify-content:center;margin-bottom:20px}.sf-comment-type-select{background:#fff;border:1px solid #dddbda;border-radius:4px;color:#080707;font-size:13px;margin-bottom:10px;padding:8px 12px;transition:all .2s ease;width:100%}.sf-comment-type-select:focus{border-color:#0176d3;outline:none}.sf-comment-box{border:1px solid #dddbda;border-radius:4px;color:#080707;font-family:inherit;font-size:13px;margin-bottom:10px;padding:10px 12px;resize:vertical;transition:all .2s ease;width:100%}.sf-comment-box:focus{border-color:#0176d3;outline:none}.sf-comment-submit{background:#0176d3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;justify-content:center;padding:8px 16px;transition:all .2s ease}.sf-comment-submit:hover:not(:disabled){background:#014486}.sf-comment-submit:disabled{cursor:not-allowed;opacity:.6}.sf-comments-list{display:flex;flex-direction:column;gap:12px}.sf-comment-item{background:#f4f6f9;border:1px solid #dddbda;border-radius:4px;padding:12px;transition:all .2s ease}.sf-comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sf-comment-user{align-items:center;color:#495057;display:flex;font-size:11px;font-weight:500;gap:6px}.sf-comment-date{color:#706e6b;font-size:11px}.sf-comment-text{color:#080707;font-size:13px;line-height:1.5;margin-bottom:8px}.sf-comment-type{background:#e1f5fe;border-radius:10px;color:#0176d3;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.sf-history-timeline{display:flex;flex-direction:column;gap:16px;padding-left:24px;position:relative}.sf-history-timeline:before{background:#dddbda;bottom:8px;content:"";left:7px;position:absolute;top:8px;width:2px}.sf-history-row{display:flex;gap:12px;position:relative}.sf-history-dot{background:#0176d3;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #dddbda;height:12px;left:-22px;position:absolute;top:4px;width:12px;z-index:1}.sf-history-content{border:1px solid #dddbda;border-radius:4px;flex:1 1;padding:12px;transition:all .2s ease}.sf-history-content:hover{border-color:#0176d3}.sf-history-stage{color:#080707;font-size:13px;font-weight:600;margin-bottom:6px}.sf-history-meta{align-items:center;color:#706e6b;display:flex;flex-wrap:wrap;font-size:11px;gap:8px}.sf-history-meta span{display:inline-block}.sf-modal-overlay{background:#08070799;inset:0;z-index:3000}.sf-modal{border-radius:10px;box-shadow:0 20px 40px #00000040;max-width:1100px;width:95%}.sf-modal-header{background:#f3f2f2;border-bottom:1px solid #e5e5e5;padding:20px 24px}.sf-modal-title{font-size:20px;font-weight:700;margin:0}.sf-modal-subtitle{color:#5c5c5c;display:flex;font-size:13px;gap:8px;margin-top:4px}.sf-modal-close{background:#0000;border:none;color:#706e6b;cursor:pointer;font-size:20px}.sf-modal-body{gap:20px;justify-content:flex-end}.sf-contact-modal-btn{align-self:flex-end;background:#fff;border:1px solid #dbdbdb;border-radius:4px;color:#0176d3;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;width:20%}.sf-contact-modal-btn:hover{background:#0176d3;color:#fff}.sf-two-column-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.sf-modal-panel{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:16px}.sf-panel-header h4{font-size:15px;font-weight:700;margin:0 0 12px}.sf-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.sf-form-group label{color:#080707;font-size:12px;font-weight:600}.sf-form-input{border:1px solid #dddbda;border-radius:4px;font-size:13px;padding:8px 12px;width:100%}.sf-form-input:focus{border-color:#0176d3;box-shadow:0 0 0 3px #0176d326;outline:none}.sf-form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.sf-search-input-group{display:flex;gap:10px;margin:10px 0}.sf-search-item{border-bottom:1px solid #e5e5e5;cursor:pointer;margin-bottom:10px;padding:12px}.sf-search-item-top{display:flex;justify-content:space-between}.sf-search-item:hover{background:#f3f9ff;border-color:#0176d3}.sf-summary-box{background:#f3f9ff;border:1px solid #cfe6ff;border-radius:6px;margin-top:16px;padding:12px}.sf-summary-total{font-weight:700;margin-top:6px}.sf-modal-actions{background:#f3f2f2;border-top:1px solid #e5e5e5}.sf-btn{border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px}.sf-btn-primary{background:#0176d3;border:none;color:#fff}.sf-btn-primary:hover{background:#014486}.sf-btn-secondary{background:#fff;border:1px solid #dddbda}.sf-btn.sf-btn-primary:disabled,.sf-btn.sf-btn-primary[disabled]{background:#dddbda;border:1px solid #dddbda;box-shadow:none;color:#8e8e8e;cursor:not-allowed;opacity:1}.sf-btn.sf-btn-primary:disabled:hover{background:#dddbda}.sf-quote-summary{background:#f3f2f2;border:1px solid #dddbda;border-radius:4px;margin-top:20px;padding:16px}.sf-quote-summary h4{color:#080707;font-size:14px;font-weight:700;margin:0 0 12px}.sf-quote-products{display:flex;flex-direction:column;gap:8px}.sf-quote-product-item{background:#fff;border:1px solid #dddbda;border-radius:4px;color:#080707;font-size:13px;padding:8px 12px}.sf-quote-product-item,.sf-quote-total{align-items:center;display:flex;justify-content:space-between}.sf-quote-total{background:#e1f5fe;border:1px solid #0176d3;border-radius:4px;font-size:14px;margin-top:8px;padding:12px}.sf-quote-total strong{color:#080707;font-weight:700}.loading-indicator{color:#706e6b;display:inline-block;font-size:12px;font-style:italic;margin-left:8px}@media (max-width:768px){.sf-form-row{grid-template-columns:1fr}.sf-modal{max-width:none;width:95%}.sf-modal-actions,.sf-modal-body,.sf-modal-header{padding:16px}.sf-quote-product-item{align-items:flex-start;flex-direction:column;gap:4px}}@media (max-width:480px){.sf-sidebar-right{border-left:none;border-top:1px solid #dddbda;width:100%}.sf-comments-list,.sf-products-list,.sf-quotes-list{gap:6px}.sf-modal-actions{flex-direction:column}.sf-btn-primary,.sf-btn-secondary{width:100%}}.debug-btn{background-color:#6c757d!important;border-color:#6c757d!important}.debug-btn:hover{background-color:#5a6268!important;border-color:#545b62!important}.loading-spinner-small,.spinning{animation:spin 1s linear infinite}.loading-spinner-small{border:2px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;display:inline-block;height:16px;margin-right:8px;width:16px}.sf-error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.sf-error-message,.sf-success-message{font-size:14px;margin:10px 0;padding:10px 15px}.sf-success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.sf-search-results{border:1px solid #dee2e6;border-radius:6px;margin-top:20px;max-height:200px;overflow:hidden;overflow:auto}.sf-results-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:10px 15px}.sf-items-grid{max-height:300px;overflow-y:auto;padding:15px}.sf-item-card{border:1px solid #dee2e6;border-radius:4px;cursor:pointer;margin-bottom:10px;padding:12px;transition:all .2s ease}.sf-item-card:hover{background-color:#f8f9fa;border-color:#007bff;box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.sf-item-header{display:flex;justify-content:space-between;margin-bottom:8px}.sf-item-code{color:#333;font-weight:700}.sf-item-price{color:#28a745;font-weight:700}.sf-item-name{color:#495057;font-size:14px;margin-bottom:8px}.sf-item-meta{color:#6c757d;display:flex;font-size:12px;justify-content:space-between}.sf-item-select-hint{border-top:1px dashed #dee2e6;color:#007bff;font-size:11px;margin-top:8px;padding-top:8px;text-align:center}.sf-no-results{color:#6c757d;font-style:italic;padding:30px;text-align:center}.sf-search-loading{color:#6c757d;padding:20px;text-align:center}.sf-file-upload-card{background:#f9fbfd;border:1px dashed #d8dde6;border-radius:6px;display:flex;justify-content:center;margin-bottom:16px;padding:16px}.sf-browse-btn{border-radius:4px;color:#495057;cursor:pointer;display:inline-block;font-size:13px;margin:0;padding:6px 14px}.sf-browse-btn:hover{color:#0176d3;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.sf-selected-file{align-items:center;background:#fff;border:1px solid #d8dde6;border-radius:6px;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:10px}.sf-upload-progress{font-size:13px;margin-top:10px}.sf-file-download{border-radius:4px;font-size:16px;padding:4px 6px;text-decoration:none;transition:background .2s ease}.sf-file-download:hover{background:#dbeafe}.sf-progress-bar{background:#e5e5e5;border-radius:4px;height:6px;margin-top:4px;width:100%}.sf-progress-fill{background:#0176d3;border-radius:4px;height:100%;transition:width .3s ease}.sf-file-error{color:red;font-size:13px;margin-top:8px}.sf-upload-dropzone{background:#f9fbfd;border:1px dashed #d8dde6;border-radius:8px;padding:5px;transition:all .5s;width:100%}.sf-upload-dropzone:hover{background:#fff}.sf-dropzone-content{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:6px}.sf-dropzone-icon{color:#0176d3;font-size:28px}.sf-dropzone-title{font-weight:600}.sf-dropzone-subtitle{color:#6b7280;font-size:12px}.sf-dropzone-btn{background:#0176d3;border-radius:4px;color:#fff;font-size:13px;margin-top:6px;padding:6px 14px}.sf-file-row{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px;transition:all .3s}.sf-file-row:hover{border-color:#0176d3}.sf-file-icon-large{color:silver;font-size:20px;margin-right:10px}.sf-file-left{align-items:center;display:flex;justify-content:center}.sf-file-name{display:flex;flex-wrap:wrap;font-size:12px;font-weight:400;overflow-wrap:anywhere;width:95%}.sf-file-meta{color:#6b7280;font-size:12px}.sf-file-actions{display:flex;gap:10px}.sf-file-download-btn{background:none;border:none;color:#0176d3;cursor:pointer;font-size:14px}.sf-file-download-btn:hover{text-decoration:underline}.sf-error{color:#ba0517;font-size:12px;margin-top:4px}.sf-contact-list{border-top:1px solid #e5e5e5;margin-top:16px;padding-top:12px}.sf-contact-row{align-items:center;background:#f9fafb;border:1px solid #e5e5e5;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.sf-contact-row strong{color:#181818;font-size:14px}.sf-contact-row .sf-muted{color:#706e6b;font-size:12px}.sf-contact-table{background:#fff;border:1px solid #dddbda;border-radius:6px;margin-top:16px;overflow:hidden}.sf-contact-table-header{background:#f3f2f2;border-bottom:1px solid #dddbda;color:#444;font-size:12px;font-weight:600}.sf-contact-table-header,.sf-contact-table-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 40px;padding:10px 12px}.sf-contact-table-row{align-items:center;border-bottom:1px solid #ecebea;color:#000;font-size:13px}.sf-contact-table-row:last-child{border-bottom:none}.sf-contact-table-row:hover{background:#f9fafb}.sf-contact-table-row span{color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-history-table-wrapper{background:#fff;border:1px solid #dddbda;border-radius:6px;margin-top:12px;overflow:hidden}.sf-history-table{border-collapse:collapse;font-size:13px;width:100%}.sf-opp-section-header-with-toggle{align-items:center;display:flex;justify-content:space-between}.sf-opp-toggle-wrapper{align-items:center;display:flex;gap:8px}.sf-opp-toggle-label-left,.sf-opp-toggle-label-right{color:#555;font-size:13px;font-weight:500}.sf-opp-toggle-switch{display:inline-block;height:22px;position:relative;width:42px}.sf-opp-toggle-switch input{height:0;opacity:0;width:0}.sf-opp-toggle-slider{background-color:#ccc;border-radius:999px;cursor:pointer;inset:0;position:absolute;transition:.3s}.sf-opp-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:18px;left:2px;position:absolute;transition:.3s;width:18px}.sf-opp-toggle-switch input:checked+.sf-opp-toggle-slider{background-color:#0176d3}.sf-opp-toggle-switch input:checked+.sf-opp-toggle-slider:before{transform:translateX(20px)}.sf-history-table thead{background:#f3f2f2}.sf-history-table th{border-bottom:1px solid #dddbda;color:#444;font-size:12px;font-weight:600;padding:10px 12px;text-align:left}.sf-history-table td{border-bottom:1px solid #ecebea;color:#3e3e3c;padding:10px 12px}.sf-history-table tr:last-child td{border-bottom:none}.sf-history-table tbody tr:hover{background:#f9fafb}.sf-history-stage-cell{color:#181818;font-weight:600}.sf-opp-modal-container{animation:sfModalFadeIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;overflow:hidden;width:70%}.sf-opp-modal-header{align-items:flex-start;background:#f9fafb;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:20px 24px}.sf-opp-modal-title-group h2{color:#181818;font-size:20px;font-weight:600;margin:0}.sf-opp-modal-subtitle{color:#6b7280;font-size:13px;margin-top:4px}.sf-opp-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:22px;padding:4px 8px}.sf-opp-modal-close:hover{color:#111827}.sf-opp-modal-form{display:flex;flex-direction:column;height:100%}.sf-opp-modal-section{border-bottom:1px solid #f0f0f0;padding:20px 24px}.sf-opp-modal-section-title{color:#374151;font-size:14px;font-weight:600;margin-bottom:16px}.sf-opp-modal-grid{grid-gap:16px 20px;display:grid;gap:16px 20px;grid-template-columns:repeat(2,1fr)}.sf-opp-modal-field{display:flex;flex-direction:column}.sf-opp-modal-field label{color:#4b5563;font-size:12px;font-weight:600;margin-bottom:6px}.sf-opp-modal-field input,.sf-opp-modal-field select,.sf-opp-modal-field textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;height:36px;outline:none;padding:6px 10px;transition:border .15s,box-shadow .15s;width:100%}.sf-opp-modal-field textarea{height:auto;resize:vertical}.sf-opp-modal-field input:focus,.sf-opp-modal-field select:focus,.sf-opp-modal-field textarea:focus{border-color:#0176d3;box-shadow:0 0 0 2px #1b96ff26}.sf-opp-modal-footer{background:#f9fafb;border-top:1px solid #e5e5e5;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;position:-webkit-sticky;position:sticky}.sf-opp-modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;height:36px;padding:0 16px;transition:background .15s,box-shadow .15s}.sf-opp-modal-btn-primary{background:#0176d3;color:#fff}.sf-opp-modal-btn-primary:hover{background:#0f7ae5}.sf-opp-modal-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.sf-opp-modal-btn-secondary:hover{background:#f3f4f6}.sf-opp-modal-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes sfModalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.sf-opp-modal-grid{grid-template-columns:1fr}.sf-opp-modal-container{width:95vw}}.sf-edit-inline{align-items:center;display:flex;gap:8px;width:100%}.sf-edit-input{border:1px solid #0076d3;border-radius:4px;flex:1 1;font-size:14px;outline:none;padding:4px 8px}.sf-edit-action{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;transition:transform .2s}.sf-edit-action:hover{transform:scale(1.1)}.sf-edit-action.sf-save{color:#2e844a}.sf-edit-action.sf-cancel{color:#ea001e}.sf-value-with-edit{align-items:center;display:flex;gap:10px}.sf-edit-trigger{color:#706e6b;cursor:pointer;font-size:12px;opacity:0;transition:opacity .2s,color .2s}.sf-section-grid-entry:hover .sf-edit-trigger{opacity:1}.sf-edit-trigger:hover{color:#0076d3}.sf-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.sf-modal{animation:sfModalFadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.sf-large-modal{max-width:1000px;width:95%}.sf-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.sf-modal-header-title{align-items:center;color:#111827;display:flex;font-size:22px;font-weight:400;gap:12px}.sf-modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.sf-status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.sf-status-draft{background:#f3f4f6;color:#4b5563}.sf-status-pending{background:#fef3c7;color:#92400e}.sf-status-approved{background:#dcfce7;color:#166534}.sf-modal-body{flex:1 1;overflow-y:auto;padding:24px}.sf-modal-actions{border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.sf-quote-header-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.sf-quote-column{display:flex;flex-direction:column;gap:16px}.sf-readonly-input{background-color:#f9fafb!important;border-color:#e5e7eb!important;color:#6b7280!important;cursor:default}.sf-quotation-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:24px;overflow:visible}.sf-quotation-items-table{font-size:14px;table-layout:fixed}.sf-quotation-items-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 8px;text-align:left}.sf-quotation-items-table th:first-child{width:100px}.sf-quotation-items-table th:nth-child(2){width:auto}.sf-quotation-items-table th:nth-child(3){text-align:right;width:50px}.sf-quotation-items-table th:nth-child(4){text-align:right;width:145px}.sf-quotation-items-table th:nth-child(5){text-align:right;width:90px}.sf-quotation-items-table th:nth-child(6){text-align:right;width:120px}.sf-quotation-items-table th:nth-child(7){text-align:right;width:90px}.sf-quotation-items-table td{border-bottom:1px solid #f3f4f6;color:#111827;padding:10px 8px;vertical-align:middle;word-break:break-word}.sf-quotation-items-table td:nth-child(3),.sf-quotation-items-table td:nth-child(4),.sf-quotation-items-table td:nth-child(5),.sf-quotation-items-table td:nth-child(6),.sf-quotation-items-table td:nth-child(7){text-align:right}.sf-empty-row td{color:#9ca3af;font-style:italic;padding:40px!important;text-align:center}.sf-table-input{border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-size:13px;outline:none;padding:6px 8px;text-align:right;transition:border-color .2s;width:80px}.sf-table-input:focus{border-color:#0176d3;box-shadow:0 0 0 2px #0176d31a}.sf-quote-summary-footer{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:32px;justify-content:flex-end;margin-top:16px;padding:16px 24px}.sf-summary-metric{align-items:center;display:flex;gap:12px}.sf-summary-metric label{color:#4b5563;font-size:14px;font-weight:500;margin:0}.sf-summary-metric span{color:#111827;font-size:16px;font-weight:700}.sf-btn-outline{background-color:#fff;border:1px solid #d1d5db;color:#374151}.sf-btn-outline:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.sf-btn-outline:disabled{background-color:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.7}.confirm-delete-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.confirm-delete-modal{animation:slideDown .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:400px;padding:24px;width:100%}.confirm-delete-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.confirm-delete-header h3{color:#111827;font-size:1.25rem;margin:0}.warning-icon{color:#ef4444;font-size:1.5rem}.confirm-delete-body{margin-bottom:24px}.confirm-delete-body p{color:#4b5563;line-height:1.5;margin:0}.confirm-delete-actions{display:flex;gap:12px;justify-content:flex-end}.sf-btn-danger{background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.sf-btn-danger:hover{background-color:#dc2626}.sf-inline-lock-note{align-items:center;display:flex;gap:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hr-categories-grid{gap:20px;margin-bottom:24px}.hr-category-card{background:#fff;border:1px solid #d8dde6;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:10px;padding:20px}.sf-sidebar-right{flex-shrink:0;padding:20px 10px 10px;width:350px}@media (max-width:1200px){.sf-sidebar-right{border-left:none;border-top:1px solid #d8dde6;width:100%}}.sf-history-table-wrapper,.sf-quotation-table-container{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;overflow-x:auto}.sf-quotation-items-table{border-collapse:collapse;width:100%}.sf-view-detail-btn{opacity:0;transition:all .2s ease}.sf-quote-item:hover .sf-view-detail-btn{opacity:1!important}.sf-view-detail-btn:hover{background-color:#f0f7ff!important;border-color:#0076d3!important;transform:translateY(-50%) scale(1.1)!important}.sf-detail-section{margin-bottom:24px}.sf-detail-header-info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.sf-detail-info-title{display:flex;flex-direction:column}.sf-detail-info-title h4{color:#111827;font-size:16px;font-weight:600;margin:0}.sf-detail-info-title p{color:#6b7280;font-size:13px;margin:4px 0 0}.sf-detail-summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.sf-summary-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.sf-summary-card:hover{border-color:#0076d3;box-shadow:0 4px 12px #0000000d}.sf-card-icon{align-items:center;background:#f0f7ff;border-radius:8px;color:#0076d3;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.sf-card-content{display:flex;flex-direction:column}.sf-card-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sf-card-value{color:#111827;font-size:14px;font-weight:600}.sf-status-pill{border-radius:9999px;font-size:12px;font-weight:600;padding:4px 12px}.sf-status-pill.approved{background:#dcfce7;color:#166534}.sf-status-pill.pending{background:#fef3c7;color:#92400e}.sf-status-pill.draft{background:#f3f4f6;color:#4b5563}.sf-status-pill.rejected{background:#fee2e2;color:#991b1b}.sf-detail-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.sf-detail-table{border-collapse:collapse;font-size:13px;width:100%}.sf-detail-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;text-align:left}.sf-detail-table td{border-bottom:1px solid #f3f4f6;color:#4b5563;padding:12px 16px}.sf-detail-table tr:last-child td{border-bottom:none}.sf-detail-table tr:hover td{background:#fcfcfc}.sf-detail-table .amount-col{color:#111827;font-weight:600;text-align:right}.sf-total-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:flex-end;margin-top:16px;padding:16px}.sf-total-box{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.sf-total-label{color:#6b7280;font-size:12px;font-weight:500}.sf-total-amount{color:#0076d3;font-size:20px;font-weight:700}.request-quotation-container{background-color:#f3f2f2;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.rq-details-header,.rq-header{align-items:center;background:#fff;border:1px solid #d8dde6;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 24px}.rq-header h1{color:#1a1a1a;font-size:24px;font-weight:300;margin:0}.rq-actions,.rq-header-actions{display:flex;gap:12px}.rq-company-select{border:1px solid #d8dde6;border-radius:4px;color:#1a1a1a;cursor:pointer;font-size:13px;font-weight:600;outline:none;padding:8px 12px}.rq-company-select:focus{border-color:#0176d3;box-shadow:0 0 0 1px #0176d3}.rq-btn-primary{align-items:center;background-color:#0176d3;border:1px solid #0176d3;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:background .2s}.rq-btn-primary:hover{background-color:#014486}.rq-btn-secondary{align-items:center;background-color:#fff;border:1px solid #d8dde6;border-radius:4px;color:#0176d3;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:background .2s}.rq-btn-secondary:hover{background-color:#f4f6f9}.rq-btn-sm{font-size:12px;padding:4px 12px}.rq-btn-rejected{align-items:center;background-color:#dc2626;border:1px solid #dc2626;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:background .2s}.rq-btn-rejected:hover{background-color:#991b1b}.rq-btn-rejected:disabled{background-color:#f87171;border-color:#f87171;cursor:not-allowed}.rq-btn-primary:disabled,.rq-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.rq-table-container{background:#fff;border:1px solid #d8dde6;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.rq-table th{background-color:#f3f3f3;border-bottom:1px solid #d8dde6;color:#706e6b;font-weight:700;padding:12px 16px;text-align:left}.rq-table td{border-bottom:1px solid #f3f4f6;color:#1a1a1a;font-size:14px;padding:12px 16px}.rq-row-clickable{cursor:pointer;transition:background .2s}.rq-row-clickable:hover{background-color:#f9fafb}.rq-id-cell{color:#0176d3}.rq-amount-cell,.rq-id-cell{font-weight:600}.rq-status-badge{border-radius:12px;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.rq-status-pending{background-color:#fff1d2;color:#a16b00}.rq-status-draft{background-color:#f3f2f2;color:#706e6b}.rq-status-approved{background-color:#dcfce7;color:#166534}.rq-status-rejected{background-color:#fee2e2;color:#991b1b}.rq-icon-btn{background:none;border:none;border-radius:4px;color:#706e6b;cursor:pointer;padding:6px;transition:background .2s}.rq-icon-btn:hover{background-color:#f3f2f2;color:#0176d3}.rq-delete-btn:hover{background-color:#fee2e2;color:#ea001e}.rq-details-view{box-sizing:border-box;max-width:100%;padding:0;width:100%}.rq-back-nav{align-items:center;color:#0176d3;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px}.rq-back-nav:hover{text-decoration:underline}.rq-main-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,6fr) minmax(370px,2fr)}.rq-section{background:#fff;border:1px solid #d8dde6;border-radius:6px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;min-width:0;overflow-wrap:break-word;padding:20px}.rq-info-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.rq-info-header h2{color:#1a1a1a;flex:1 1;font-size:18px;margin:0;min-width:0;word-break:break-word}.rq-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.rq-info-item{display:flex;flex-direction:column}.rq-info-item label{color:#706e6b;font-size:12px;font-weight:600;margin-bottom:4px}.rq-info-item span{color:#1a1a1a;font-size:14px;font-weight:500;word-break:break-word}.rq-section-title{border-bottom:1px solid #f3f4f6;color:#1a1a1a;flex-wrap:wrap;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:12px}.rq-section-title,.rq-title-content{align-items:center;display:flex;gap:10px}.rq-title-content{flex:1 1}.rq-btn-save{font-size:12px;padding:4px 12px}.rq-product-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:4px;overflow-x:auto;width:100%}.rq-add-inline-btn{background:none;border:1px solid #d8dde6;border-radius:4px;color:#0176d3;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:4px 10px}.rq-add-inline-btn:hover{background-color:#f9f9f9}.rq-product-table{border-collapse:collapse;width:100%}.rq-product-table th{background-color:#fafafb;border-bottom:1px solid #d8dde6;color:#706e6b;font-size:12px;padding:8px 12px;text-align:left}.rq-product-table td{border-bottom:1px solid #f3f4f6;font-size:13px;padding:12px;vertical-align:middle}.rq-product-table td:nth-child(2),.rq-product-table th:nth-child(2){min-width:200px}.rq-text-right{text-align:right}.rq-table-input{border:1px solid #d8dde6;border-radius:4px;font-size:13px;outline:none;padding:4px 8px;transition:all .2s;width:70px}.rq-table-input:focus{border-color:#0176d3;box-shadow:0 0 0 1px #0176d3}.rq-table-input::-webkit-inner-spin-button,.rq-table-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rq-upload-dropzone{align-items:center;background:#fcfcfc;border:2px dashed #d8dde6;border-radius:8px;color:#706e6b;cursor:pointer;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:24px;text-align:center;transition:all .2s}.rq-upload-dropzone:hover{background:#f4f6f9;border-color:#0176d3}.rq-upload-icon{color:#0176d3;font-size:24px}.rq-file-list{display:flex;flex-direction:column;gap:10px}.rq-file-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;padding:10px 14px}.rq-file-info,.rq-file-item{align-items:center;display:flex}.rq-file-info{gap:12px}.rq-file-icon{color:#0176d3;font-size:18px}.rq-file-name-group{display:flex;flex-direction:column}.rq-file-name{font-size:13px;font-weight:500;overflow-wrap:anywhere;word-break:break-all}.rq-file-size{color:#6b7280;font-size:11px}.rq-download-icon{color:#706e6b;cursor:pointer;transition:color .2s}.rq-download-icon:hover{color:#0176d3}.rq-comment-input-area{margin-bottom:20px}.rq-comment-input-area textarea{border:1px solid #d8dde6;border-radius:6px;font-size:13px;margin-bottom:8px;min-height:80px;outline:none;padding:12px;resize:none;width:100%}.rq-comment-input-area textarea:focus{border-color:#0176d3;box-shadow:0 0 0 2px #0176d31a}.rq-comments-list{display:flex;flex-direction:column;gap:16px}.rq-comment-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.rq-comment-header{display:flex;font-size:11px;justify-content:space-between;margin-bottom:8px}.rq-comment-user{align-items:center;color:#1a1a1a;display:flex;font-weight:700;gap:4px}.rq-comment-date{color:#6b7280}.rq-comment-text{color:#374151;font-size:13px;overflow-wrap:anywhere;word-break:break-word}.rq-quote-summary-footer{border-top:2px solid #f3f3f3;display:flex;gap:40px;justify-content:flex-end;margin-top:24px;padding-top:20px}.rq-summary-metric{align-items:flex-end;display:flex;flex-direction:column}.rq-summary-metric label{color:#706e6b;font-size:12px;font-weight:600;margin-bottom:4px}.rq-summary-metric span{color:#1a1a1a;font-size:18px;font-weight:700}.quotation-loading-overlay{align-items:center;background:#ffffffb3;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.quotation-error-message{align-items:center;background:#fff5f5;border:1px solid #feb2b2;border-radius:4px;color:#c53030;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px}.quotation-error-message button{background:#c53030;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px}.spinner{border:4px solid #f3f3f3;border-top-color:#0176d3;height:30px;margin-bottom:10px;width:30px}.rq-comment-actions{align-items:center;display:flex;justify-content:space-between}.rq-attach-btn{align-items:center;border-radius:4px;color:#0176d3;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:4px 8px}.rq-attach-btn:hover{background:#f0f7ff}.rq-comment-mention{background:#e0effb;border-radius:4px;color:#0176d3;cursor:pointer;font-weight:600;padding:2px 6px}.rq-comment-mention:hover{text-decoration:underline}.rq-comment-attachment{align-items:center;background:#fff;border:1px solid #d8dde6;border-radius:4px;color:#0176d3;cursor:pointer;display:inline-flex;font-size:12px;gap:8px;margin-top:8px;padding:6px 12px}.rq-comment-attachment:hover{border-color:#0176d3}.rq-tag-hint{background:#f0f7ff;border-radius:3px;color:#0176d3;cursor:pointer;font-size:10px;margin-left:8px;padding:2px 4px}.rq-tag-hint:hover{background:#0176d3;color:#fff}.rq-file-actions{align-items:center;display:flex;gap:10px}.rq-file-name[onClick]{color:#0176d3;cursor:pointer}.rq-file-name[onClick]:hover{text-decoration:underline}.rq-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.rq-modal{animation:rqModalSlideUp .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;max-width:90%;overflow:hidden;width:450px}@keyframes rqModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rq-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.rq-modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.rq-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;padding:4px}.rq-modal-close:hover{color:#111827}.rq-modal-body{color:#4b5563;font-size:15px;line-height:1.5;padding:24px 20px}.rq-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.rq-section-disabled{filter:grayscale(80%);opacity:.6;pointer-events:none;position:relative}.rq-section-disabled:after{background:#0000000d;border-radius:4px;color:#555;content:"Locked";font-size:11px;font-weight:600;padding:4px 8px;position:absolute;right:10px;top:10px}@media (max-width:1200px){.rq-main-layout{gap:15px;grid-template-columns:minmax(0,1fr)}.rq-right-section{order:2}.rq-left-section{order:1}}@media (max-width:768px){.request-quotation-container{padding:10px}.rq-details-header,.rq-header{align-items:flex-start;flex-direction:column;gap:15px;padding:12px 16px}.rq-actions,.rq-header-actions{flex-wrap:wrap;gap:10px;width:100%}.rq-btn-primary,.rq-btn-rejected,.rq-btn-secondary{flex:1 1;justify-content:center;min-width:140px}.rq-info-grid{gap:12px;grid-template-columns:1fr}.rq-info-header{align-items:flex-start;flex-direction:column;gap:10px}.rq-product-table-wrapper{margin:0 -20px;padding:0 20px;width:calc(100% + 40px)}.rq-product-table td,.rq-product-table th{padding:8px;white-space:nowrap}.rq-quote-summary-footer{align-items:flex-end;flex-direction:column;gap:15px}.rq-modal{margin:10px;width:95%}.rq-comment-header{flex-direction:column;gap:4px}}@media (max-width:480px){.rq-header h1{font-size:20px}.rq-btn-primary,.rq-btn-rejected,.rq-btn-secondary{flex:none;width:100%}.rq-section{padding:15px}.rq-summary-metric span{font-size:16px}.rq-file-item{align-items:flex-start;flex-direction:column;gap:10px}.rq-file-actions{justify-content:flex-end;width:100%}}.rq-details-view .rqm-modal-overlay{align-items:center;background:#08070799;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.rq-details-view .rqm-modal{animation:rqmModalSlideUp .3s ease-out;background:#fff;border-radius:10px;box-shadow:0 20px 40px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:1100px;width:95%}@keyframes rqmModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rq-details-view .rqm-modal-header{align-items:center;background:#f3f3f3;border-bottom:1px solid #e5e5e5;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.rq-details-view .rqm-modal-title{color:#1a1a1a;font-size:20px;font-weight:700;margin:0}.rq-details-view .rqm-modal-subtitle{color:#5c5c5c;display:flex;font-size:13px;gap:8px;margin-top:4px}.rq-details-view .rqm-modal-subtitle strong{color:#1a1a1a}.rq-details-view .rqm-modal-close{align-items:center;background:#0000;border:none;color:#706e6b;cursor:pointer;display:flex;font-size:20px;justify-content:center}.rq-details-view .rqm-modal-body{flex:1 1;overflow-y:auto;padding:24px}.rq-details-view .rqm-two-column-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.rq-details-view .rqm-modal-panel{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:16px}.rq-details-view .rqm-panel-header h4{color:#080707;font-size:15px;font-weight:700;margin:0 0 12px}.rq-details-view .rqm-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.rq-details-view .rqm-form-group label{color:#080707;font-size:12px;font-weight:600}.rq-details-view .rqm-form-input{border:1px solid #dddbda;border-radius:4px;font-size:13px;padding:8px 12px;width:100%}.rq-details-view .rqm-form-input:focus{border-color:#0176d3;box-shadow:0 0 0 3px #0176d326;outline:none}.rq-details-view .rqm-readonly-input{background-color:#f9fafb!important;border-color:#e5e7eb!important;color:#6b7280!important;cursor:default}.rq-details-view .rqm-form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.rq-details-view .rqm-search-input-group{display:flex;gap:10px;margin:10px 0}.rq-details-view .rqm-search-results{border:1px solid #e5e5e5;border-radius:6px;flex:1 1;max-height:400px;max-height:174px;overflow-y:auto}.rq-details-view .rqm-search-item{border-bottom:1px solid #e5e5e5;cursor:pointer;margin-bottom:10px;padding:12px}.rq-details-view .rqm-search-item:hover{background:#f3f9ff;border-color:#0176d3}.rq-details-view .rqm-search-item-top{display:flex;justify-content:space-between}.rq-details-view .rqm-item-code{color:#0176d3;font-size:13px;font-weight:700}.rq-details-view .rqm-item-price{color:#2e7d32;font-size:13px;font-weight:700}.rq-details-view .rqm-item-name{color:#1a1a1a;font-size:14px;line-height:1.4;margin-bottom:4px}.rq-details-view .rqm-item-meta{color:#6b7280;display:flex;font-size:11px;justify-content:space-between}.rq-details-view .rqm-summary-box{background:#f3f9ff;border:1px solid #cfe6ff;border-radius:6px;margin-top:16px;padding:12px}.rq-details-view .rqm-summary-total{font-weight:700;margin-top:6px}.rq-details-view .rqm-modal-actions{background:#f3f2f2;border-radius:0 0 10px 10px;border-top:1px solid #e5e5e5;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.rq-details-view .rqm-btn{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s}.rq-details-view .rqm-btn-primary{background:#0176d3;border:none;color:#fff}.rq-details-view .rqm-btn-primary:hover:not(:disabled){background:#014486}.rq-details-view .rqm-btn-secondary{background:#fff;border:1px solid #dddbda;color:#0176d3}.rq-details-view .rqm-btn-secondary:hover:not(:disabled){background:#f3f4f6}.rq-details-view .rqm-btn:disabled{background-color:#e5e5e5;color:#a7a7a7!important;cursor:not-allowed;opacity:1}.rq-details-view .rqm-muted{color:#6b7280;font-size:13px;padding:20px;text-align:center}.rq-details-view .rqm-btn-add-margin{margin-right:10px}.rq-details-view .rqm-gp-high{color:#2e7d32;font-weight:700}.rq-details-view .rqm-gp-low{color:#d32f2f;font-weight:700}.rq-details-view .spinning{animation:spin 1s linear infinite}@media (max-width:900px){.rq-details-view .rqm-form-grid,.rq-details-view .rqm-two-column-layout{grid-template-columns:1fr}}:root{--stage-lead:#e53935;--stage-negotiation:#4caf50;--stage-contact:#ffc107;--stage-opportunity:#2196f3;--stage-solution:#9c27b0;--stage-proposal:#ff5722;--stage-written:#009688;--stage-contract:#795548;--stage-purchase:#3f51b5;--stage-invoice:#607d8b}.crm-container{background:#fff;box-sizing:border-box;color:#333;color:var(--text-primary);min-height:100vh;padding:16px;width:100%}.header-actions{display:flex;gap:8px;margin-bottom:14px}.header-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#010239;color:var(--primary-blue);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 14px}.header-btn.active,.header-btn:hover{color:#ff751f;color:var(--accent-orange)}.header-btn.active{border-bottom-color:#ff751f;border-bottom-color:var(--accent-orange)}.dashboard{animation:fadeIn .2s ease}.summary-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.summary-card{background:#fff;background:var(--white);border:1px solid #dbdbdb;border:1px solid var(--border-color);border-radius:8px;gap:12px;padding:16px}.card-icon,.summary-card{align-items:center;display:flex}.card-icon{background:#ff751f;background:var(--accent-orange);border-radius:6px;color:#fff;color:var(--white);height:42px;justify-content:center;width:42px}.card-content h3{color:#010239;color:var(--primary-blue);font-size:20px;margin:0}.card-content p{color:#666;color:var(--text-secondary);font-size:13px;margin:2px 0 0}.kanban-container{display:flex;flex-direction:column;max-width:100%;overflow:visible;width:100%}.-header{display:flex;justify-content:flex-start;margin-bottom:8px}.filter-btn-wrapper{display:flex;gap:6px}.kanban-header .header-btn{background:#fff;background:var(--white);border:1px solid #dbdbdb;border:1px solid var(--border-color);border-radius:6px;font-size:13px}.kanban-header .header-btn:hover{border-color:#ff751f;border-color:var(--accent-orange)}.kanban-board-wrapper{max-width:calc(100vw - 10%);min-height:70vh;min-width:0;overflow-x:auto;overflow-y:hidden}.kanban-board{display:flex;gap:12px;min-width:100%;padding:20px 30px;width:-webkit-fit-content;width:fit-content}.kanban-board-wrapper::-webkit-scrollbar{height:12px}.kanban-board-wrapper::-webkit-scrollbar-track{background:#e6e6e6;border-radius:6px}.kanban-board-wrapper::-webkit-scrollbar-thumb{background:#b0b0b0;border-radius:6px}.kanban-board-wrapper::-webkit-scrollbar-thumb:hover{background:#8f8f8f}.kanban-column{background:linear-gradient(135deg,#f4f5f7,#f4f5f700);border:1px solid #eee;border-radius:10px;display:inline-flex;flex:0 0 300px;flex-direction:column;max-height:calc(100vh - 180px);width:300px}.column-header{align-items:center;background:#f4f5f7;border-bottom:3px solid;color:#2c2c2c;color:var(--dark-gray);display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:10px 12px}.deal-list{flex:1 1;overflow-y:auto;padding:8px}.deal-list::-webkit-scrollbar{width:6px}.deal-list::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:3px}.deal-card{background:#fff;background:var(--white);border:1px solid #0000;border-radius:8px;box-shadow:0 3px 5px #00000026;cursor:grab;font-size:13px;margin-bottom:8px;padding:10px 10px 8px}.deal-card:hover{background:linear-gradient(135deg,#fff 50%,#f4f5f7);border-color:#f4f5f7}.deal-name{color:#010239;color:var(--primary-blue);font-size:14px;font-weight:600;margin:0 0 6px}.deal-amount,.deal-closing,.deal-company{align-items:center;color:#666;color:var(--text-secondary);display:flex;font-size:12px;gap:6px;margin-bottom:4px}.deal-amount svg,.deal-closing svg,.deal-company svg{color:#999;color:var(--text-light);font-size:12px}.deal-actions{display:flex;justify-content:space-between;margin-top:6px}.btn-icon{align-items:center;background:none;border:1px solid #0000;border-radius:50px;color:#2c2c2c;color:var(--dark-gray);cursor:pointer;font-size:14px;height:28px;justify-content:center;width:28px}.btn-icon:hover{background:linear-gradient(135deg,#d7d7d7,#d7d7d700);border-color:#d7d7d7;color:#2c2c2caa}.kanban-filter-dropdown{background:#fff;background:var(--white);border:1px solid #dbdbdb;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 12px 30px #00000026;left:425px;position:absolute;top:205px;width:700px;z-index:200}.filter-dropdown-header{background:#f4f5f7;border-bottom:1px solid #dbdbdb;border-bottom:1px solid var(--border-color);padding:12px 14px}.filter-dropdown-body{display:flex;flex-direction:column;gap:12px;padding:14px}.filter-dropdown-footer{background:#f4f5f7;border-top:1px solid #dbdbdb;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end;padding:10px 14px}.loading-overlay{align-items:center;background:#ffffffd9;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #efefef;border-top:3px solid #ff751f;border:3px solid var(--light-gray);border-radius:50%;border-top-color:var(--accent-orange);height:36px;width:36px}.kanban-column[data-stage=lead-qualification] .column-header{border-color:#e53935;border-color:var(--stage-lead)}.kanban-column[data-stage=negotiation] .column-header{border-color:#4caf50;border-color:var(--stage-negotiation)}.kanban-column[data-stage=contact-meeting] .column-header{border-color:#ffc107;border-color:var(--stage-contact)}.kanban-column[data-stage=opportunity] .column-header{border-color:#2196f3;border-color:var(--stage-opportunity)}.kanban-column[data-stage=solution] .column-header{border-color:#9c27b0;border-color:var(--stage-solution)}.kanban-column[data-stage=proposal-discussed] .column-header{border-color:#ff5722;border-color:var(--stage-proposal)}.kanban-column[data-stage=written-proposal] .column-header{border-color:#009688;border-color:var(--stage-written)}.kanban-column[data-stage=contract] .column-header{border-color:#795548;border-color:var(--stage-contract)}.kanban-column[data-stage=purchase-order] .column-header{border-color:#3f51b5;border-color:var(--stage-purchase)}.kanban-column[data-stage=invoice] .column-header{border-color:#607d8b;border-color:var(--stage-invoice)}@media (max-width:768px){.kanban-board{gap:10px}.kanban-column{width:260px}}.crm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.crm-modal-header{align-items:center;background:linear-gradient(135deg,#010239,#010239ea);color:#fff;display:flex;justify-content:space-between;padding:18px 24px}.crm-modal-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.crm-modal-body{background:#fafafa;padding:24px}.form-grid{grid-gap:16px;align-items:center;font-size:13px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-content:center}.crm-modal-body input,.crm-modal-body textarea{background:#fff;border:1px solid #dcdcdc;border-radius:8px;font-size:13px;padding:11px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.crm-modal-body textarea{margin-top:16px;min-height:90px;resize:vertical}.crm-modal-body input:focus,.crm-modal-body textarea:focus{border-color:#ff751f;border-color:var(--accent-orange);box-shadow:0 0 0 3px #ff751f26;outline:none}.crm-modal-body .react-select__control{border-color:#dcdcdc;border-radius:8px;min-height:44px}.crm-modal-body .react-select__control--is-focused{border-color:#ff751f;border-color:var(--accent-orange);box-shadow:0 0 0 3px #ff751f26}.crm-modal-body .react-select__menu{z-index:99999}.crm-modal-body .date-input{border:1px solid #dcdcdc;border-radius:8px;font-size:13px;padding:11px 14px;width:100%}.crm-modal-footer{background:#fff;border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.crm-modal-footer .btn{border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:10px 18px;transition:all .2s ease}.crm-modal-footer .btn-secondary{background:#f1f3f5;border:1px solid #dcdcdc;color:#333}.crm-modal-footer .btn-secondary:hover{background:#e9ecef}.crm-modal-footer .btn-primary{background:#ff751f;background:var(--accent-orange);border:none;color:#fff}.crm-modal-footer .btn-primary:hover{background:#010239;background:var(--primary-blue)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.side-crm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14141473;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:11000}.side-crm-modal-panel{animation:sideModalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:-12px 0 40px #00000047;display:flex;flex-direction:column;height:100%;overflow:hidden;width:600px}@keyframes sideModalSlideIn{0%{opacity:.98;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.side-crm-modal-panel.closing{animation:sideModalSlideOut .25s cubic-bezier(.4,0,1,1)}@keyframes sideModalSlideOut{0%{transform:translateX(0)}to{transform:translateX(100%)}}.details-modal{animation:slideInRight .28s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:-12px 0 40px #00000040;color:#1f2937;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;height:100%;width:100%}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.details-crm-modal-header{align-items:center;background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 18px}.details-crm-modal-header h2{color:#111827;font-size:16px;font-weight:600;margin:0}.header-left{display:flex;flex-direction:column;gap:6px}.crm-modal-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:24px}.crm-modal-close:hover{opacity:.5}.deal-stage-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.details-tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:12px 16px}.details-content{flex:1 1;overflow-y:auto;padding:16px 18px}.info-section{margin-bottom:18px}.info-section h3{align-items:center;color:#010239;color:var(--primary-blue);display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:15px}.info-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.info-item{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:140px 1fr;margin-bottom:10px}.info-label{align-items:center;color:#6b7280;display:inline-flex;font-size:12px;font-weight:500;gap:6px;letter-spacing:.02em;text-transform:uppercase}.info-value{color:#111827;font-size:13px;font-weight:500;word-break:break-word}.priority-badge{border-radius:6px;color:#fff;font-size:12px;font-weight:500;padding:4px 15px;width:-webkit-fit-content;width:fit-content}.description-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:13px;line-height:1.5;padding:12px}.details-footer{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:right;padding:14px 18px}.details-footer .btn{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;height:36px;padding:0 25px}.btn-primary{background:#efefef;border:1px solid #efefef;color:#1c1c1c;transition:all .2s ease}.btn-primary:hover{background:#c7c7c7}.btn-secondary{background:#f3f4f6;color:#111827}.btn-danger{background:#dc2626;border:none;color:#fff}@media (max-width:768px){.details-modal{width:100%}.info-item{grid-template-columns:1fr}}.timeline-history{background:#fff;border-radius:10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:900px;padding:16px 20px}.timeline-header{margin-bottom:20px}.timeline-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.timeline-empty,.timeline-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:14px;justify-content:center;padding:40px 0}.spinner-small{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:22px;margin-bottom:8px;width:22px}.timeline-list{display:flex;flex-direction:column;gap:20px}.timeline-item{display:flex;gap:16px;position:relative}.timeline-connector{align-items:center;display:flex;flex-direction:column;min-width:24px}.timeline-dot{border-radius:50%;height:12px;margin-top:4px;width:12px}.timeline-line{background:#e5e7eb;flex-grow:1;margin-top:4px;width:2px}.timeline-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px;transition:box-shadow .2s ease,transform .2s ease;width:100%}.timeline-item:hover .timeline-content{box-shadow:0 6px 20px #0000000f;transform:translateY(-1px)}.timeline-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.activity-type{align-items:center;color:#111827;display:flex;font-weight:600;gap:8px}.activity-type-text{font-size:14px}.timeline-time{color:#6b7280;font-size:12px;white-space:nowrap}.timeline-description{color:#374151;font-size:14px}.timeline-description p{margin:0 0 8px}.stage-change-display{align-items:center;background:#eef2ff;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:6px 10px}.old-stage{color:#6b7280}.new-stage{color:#1d4ed8;font-weight:600}.stage-arrow,.stage-arrow-text{color:#6366f1}.timeline-footer{display:flex;justify-content:flex-start;margin-top:10px}.performed-by{align-items:center;color:#6b7280;display:flex;gap:6px}.performed-by,.user-icon{font-size:12px}@media (max-width:640px){.timeline-history{padding:12px}.timeline-header-row{align-items:flex-start;flex-direction:column}.timeline-time{margin-top:4px}}:root{--primary:#1e293b;--accent:#f97316;--border:#e2e8f0;--bg-light:#f8fafc;--text:#1e293b;--text-light:#64748b}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-color:#888 #fff}.form-container{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:11px;box-shadow:0 2px 6px #0000000f;color:#1e293b;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;margin:0 auto;max-width:1400px;padding:1rem}.date-selection-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.form-title{color:#1e293b;color:var(--primary);font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:2.5rem}@media (max-width:768px){.form-title{font-size:1.5rem;margin-bottom:1.5rem}}@media (max-width:480px){.form-title{font-size:1.25rem;margin-bottom:1rem}}.date-selection-section{margin-left:auto;margin-right:auto;max-width:500px;width:100%}@media (max-width:768px){.date-selection-section{max-width:100%}}.form-main-wrapper{display:flex;flex-direction:column;gap:1.25rem}#root,body,html{background-color:#f1f3f6}.form-field label{margin-bottom:.375rem}.form-field input,.form-field select,.form-field textarea{border-radius:3px}@media (max-width:768px){.form-field input,.form-field select,.form-field textarea{font-size:12px;padding:.4rem .5rem}.form-field label{font-size:10px}}.map-placeholder{margin-bottom:1rem}.map-tabs{flex-wrap:wrap}.map-tab{min-width:100px;padding:.5rem .75rem}.map-area{padding:2.5rem 1rem}.routes-list{gap:.625rem;margin-bottom:.75rem}.route-item,.routes-list{padding:.5rem}@media (max-width:768px){.map-placeholder{height:200px}.map-area{padding:1.5rem .75rem}.map-area,.map-tabs{font-size:11px}.map-tab{min-width:80px;padding:.4rem .5rem}}.grid-layout{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.grid-layout .form-field.full-width{grid-column:1/-1}.form-field.comment.view-only,.grid-layout .form-field.comment-field{align-items:center!important;flex-direction:column!important;grid-column:span 2;text-align:center}.text-light-grey{color:#a7a5a5}.grid-layout .form-field.comment-field label{margin-bottom:8px;min-width:auto!important;text-align:center}@media (max-width:1200px){.grid-layout{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-layout{grid-template-columns:1fr}.grid-layout .form-field.comment-field{grid-column:span 1}}.form-field label{color:#64748b;color:var(--text-light);font-size:11px}.form-field input,.form-field select,.form-field textarea{box-sizing:border-box;color:#33333394;padding:.5rem .625rem;width:100%}@media (max-width:768px){.form-field input,.form-field select,.form-field textarea{font-size:12px;padding:.4rem .5rem}}.three-columns-wrapper{grid-gap:.5rem;align-items:start;display:grid;gap:.5rem;grid-template-columns:1fr 2fr}@media (max-width:1024px){.three-columns-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.three-columns-wrapper{grid-template-columns:1fr}}.card-section,.section{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;box-shadow:0 1px 2px #0000000d;margin-bottom:1.25rem;min-width:0}.section-body{padding:1rem}@media (max-width:768px){.card-section,.section{margin-bottom:1rem}.section-body{padding:.75rem}}.section-header{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#1e293b;color:var(--primary);cursor:default;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:.5rem;justify-content:space-between;margin:0;padding:.75rem 1rem;-webkit-user-select:auto;user-select:auto}@media (max-width:768px){.section-header{font-size:12px;padding:.5rem .75rem}}.card-section,.section-body{padding:12px}.form-field{display:flex;flex-direction:column;gap:6px}.section-body .form-field{align-items:center;flex-direction:row;gap:5px}.form-field label{color:#1e293b;color:var(--text);font-weight:600}.section-body .form-field label{flex-shrink:0;font-size:11px;margin:0;min-width:65px;text-align:left}.section-body .form-field input,.section-body .form-field select{flex:1 1}.form-field input,.form-field select,.form-field textarea{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#1e293b;color:var(--text);font-family:inherit;font-size:13px;padding:8px 12px;transition:all .2s ease}.form-field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b'%3E%3Cpath d='M7.247 11.14 2.451 5.658a.474.474 0 0 1 .357-.783h9.539c.404 0 .624.48.358.783L7.909 11.14a.5.5 0 0 1-.762 0z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}input[type=number]{-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#f97316;border-color:var(--color-orange);box-shadow:0 0 0 3px #f973161a;outline:none}.form-field textarea{font-family:inherit;min-height:70px;resize:vertical}.map-placeholder{background-color:#f8fafc;background-color:var(--bg-light);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:3px;height:240px;margin-bottom:16px;overflow:hidden}.map-tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex}.map-tab{background-color:initial;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--text-light);cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 12px}.map-tab.active{border-bottom-color:#1e293b;border-bottom-color:var(--primary);color:#1e293b;color:var(--primary)}.map-area{background-color:#e8f0f5;color:#64748b;color:var(--text-light);font-size:12px;padding:40px 16px;text-align:center}.routes-list{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;box-shadow:0 1px 2px #0000000a;display:flex;flex-direction:column;gap:10px;margin-bottom:12px;max-height:none;overflow-y:visible;padding:8px}.route-item{background-color:#f8fafc;background-color:var(--bg-light);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:3px;padding:8px;width:100%}.route-inputs-pair{grid-gap:.75rem;grid-template-columns:repeat(2,1fr)}.route-inputs-pair,.route-inputs-pair2{align-items:start;display:grid;gap:.75rem;width:100%}.route-inputs-pair2{grid-gap:.75rem;grid-template-columns:1fr;margin-bottom:2.2rem}@media (max-width:768px){.route-inputs-pair{grid-template-columns:1fr}}.route-inputs-pair .route-input-group:last-child{grid-column:auto}.location-wrapper{flex:1 1;position:relative}.suggestions{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.suggestion-text{font-size:11px;width:75%}.suggestions li{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:11px;padding:.6rem .8rem;transition:background-color .1s}.suggestion-item-main{align-items:center;display:flex;justify-content:space-between;width:100%}.dist-tag{background:#eef2ff;border-radius:10px;color:#2a1fa5;font-size:11px;font-weight:600;padding:2px 6px}.suggestion-detail{animation:fadeIn .15s ease-out;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 15px #0000001a;left:0;margin-top:5px;padding:10px 12px;pointer-events:none;right:0;top:100%;z-index:1001}.suggestion-detail .detail-row{color:#1a1a1a;font-size:11px;margin-bottom:4px}.suggestion-detail .detail-coords{color:#666;font-family:monospace;font-size:10px}.suggestions li:hover{background-color:#f0f7ff;color:#1e293b;color:var(--primary)}.suggestions li:last-child{border-bottom:none}.input-with-select{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:120px 1fr}.input-with-select input,.input-with-select select{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:3px;font-family:inherit;font-size:13px;padding:.5rem .625rem}.toggle-with-label{align-items:center;display:flex;gap:.5rem}.toggle-with-label input[type=checkbox]{align-items:center;appearance:none;-webkit-appearance:none;background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:4px;cursor:pointer;display:flex;height:18px;justify-content:center;transition:all .2s ease;width:18px}.toggle-with-label input[type=checkbox]:checked{background:#f97316;background:var(--color-orange);border-color:var(--color-orange)}.toggle-with-label input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:11px;font-weight:700}.remove-icon{align-items:center;display:flex;padding-top:0}@media (max-width:768px){.input-with-select{grid-template-columns:auto 1fr}.input-with-select input,.input-with-select select{font-size:12px;padding:.4rem .5rem}}.toggle-with-label input[type=checkbox]:checked{background-color:#f97316;background-color:var(--accent);border-color:#f97316;border-color:var(--accent)}.three-inputs{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.three-inputs>div{display:flex;flex-direction:column;gap:.25rem}.three-inputs label{font-size:11px;font-weight:600}.three-inputs input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:3px;font-size:12px;padding:.375rem .5rem}.data-table{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;margin:15px 0;overflow-x:auto;width:100%}.route-table{border-collapse:collapse;font-size:13px;min-width:800px;width:100%}.route-table td,.route-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:10px 12px;text-align:left}.route-table th{background-color:#f8f9fa;color:#1e293b;color:var(--primary);font-weight:600;white-space:nowrap}.route-table tbody tr:hover{background-color:#f8fafc}.return-row-highlight{background-color:#fff7ed;font-weight:500}@media (max-width:768px){.three-inputs{grid-template-columns:1fr}.data-table{font-size:10px}.data-table table td,.data-table table th{padding:.25rem .375rem}}.travelling-sections{display:flex;flex-direction:row;gap:1.5rem;width:100%}.travelling-inputs-row{align-items:start;display:flex;flex-direction:row;gap:20px;width:100%}.travelling-locations{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:50%}.checkbox-box{background:#f8f9fa;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:15px;width:30%}.form-field.horizontal{align-items:center;display:flex;flex-direction:row;gap:12px}.form-field.horizontal label{font-weight:600;margin:0;min-width:45px}.date-input{background-color:#f0f2f5!important;max-width:140px;width:100%!important}@media (max-width:480px){.date-input{max-width:none}.form-field.horizontal{align-items:flex-start;flex-direction:column;gap:6px}.form-field.horizontal label{min-width:auto}}.checkbox-row,.checkbox-row1{align-items:center;display:flex;justify-content:space-between}.checkbox-row label,.checkbox-row1 label{font-size:12px;font-weight:500;margin:0}.checkbox-row input[type=checkbox],.checkbox-row1 input[type=checkbox]{align-items:center;appearance:none;-webkit-appearance:none;background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:4px;cursor:pointer;display:flex;height:18px;justify-content:center;transition:all .2s ease;width:18px}.checkbox-row input[type=checkbox]:checked{background:#f97316;background:var(--color-orange);border-color:#f97316;border-color:var(--color-orange)}.checkbox-row input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:11px;font-weight:700}.checkbox-row1 input[type=checkbox]:checked{background:#f97316;background:var(--color-orange);border-color:#f97316;border-color:var(--color-orange)}.checkbox-row1 input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:11px;font-weight:700}.travelling-actions{align-items:flex-end;display:flex;flex-direction:column;gap:15px}.btn-add-route{background:linear-gradient(180deg,#1e293b,#334155);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 25px;transition:transform .1s,opacity .2s;width:-webkit-fit-content;width:fit-content}.btn-add-route:hover{opacity:.9}.btn-add-route:active{transform:scale(.98)}.return-row{align-items:center;align-self:flex-start;display:flex;gap:8px}.return-row label{font-size:12px;font-weight:600}.calculation-section{margin-top:2rem}.calculation-section h4{background:#f1f3f6;border:1px solid #e2e8f0;border:1px solid var(--border);border-bottom:none;color:#1e293b;color:var(--primary);font-size:14px;margin:0;padding:10px 15px;text-align:center}.calculation-grid{grid-gap:1px;background:#e2e8f0;background:var(--border);border:1px solid #e2e8f0;border:1px solid var(--border);display:grid;gap:1px;grid-template-columns:1.5fr .8fr 1.4fr 1fr;width:100%}.calc-row{display:contents}.calc-row div{align-items:center;background:#fff;display:flex;font-size:12px;padding:10px 12px}.calc-row.header div{background:#f8f9fa;color:#000;font-weight:600}.calc-row .rate-field{align-items:center;background:#fff;display:flex;gap:8px}.calc-row input{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#666;font-size:11px;min-width:30px;padding:4px 6px;width:100%}.calc-row input[readonly]{background:#f5f5f5;border-color:#eee;color:#666}.calc-row span{color:#666;font-size:10px;line-height:1;margin-left:4px;white-space:normal}.calc-row .amount{font-weight:600;justify-content:flex-end}.calc-row.total div{background:#f8f9fa;font-weight:600;grid-column:span 3;justify-content:flex-start}.calc-row.total .total-amount{background:#f8f9fa;color:#1e293b;color:var(--primary);font-size:14px;grid-column:span 1;justify-content:flex-end}@media (max-width:900px){.travelling-inputs-row{grid-template-columns:1fr}.calculation-grid{grid-template-columns:1fr 80px 180px 90px}}@media (max-width:600px){.calculation-grid{background:#0000;border:none;gap:10px;grid-template-columns:1fr 1fr}.calc-row{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:10px}.calc-row div{border-bottom:1px dashed #eee;justify-content:space-between;padding:0 0 4px;width:100%}.calc-row div:last-child{border-bottom:none}.calc-row.header{display:none}.calc-row div:before{color:#64748b;color:var(--text-light);font-size:11px;font-weight:600;margin-right:10px}.calc-row .rate-field{flex-wrap:wrap;gap:4px;padding-bottom:8px}.calc-row .rate-field input{width:80px}.calc-row .rate-field span{margin-left:0}.calc-row.total{align-items:center;background:#f8f9fa;border:1px solid #1e293b;border:1px solid var(--primary);display:flex;flex-direction:row;justify-content:space-between}.calc-row.total div{border-bottom:none;padding-bottom:0}.calc-row.total .label,.calc-row.total .total-amount{grid-column:auto;width:auto}}.btn-primary{background-color:#1e293b;background-color:var(--primary);color:#f0f0f0}.btn-primary:hover{background-color:#001d5e;color:#fff}.btn-block{margin-top:1rem}.btn-submit{background:#f97316;background:var(--color-orange);border:none;border-radius:6px;box-shadow:0 4px 12px #f9731633;color:#fff;padding:.75rem 2.5rem}.btn-submit:hover{background:#ea580c;box-shadow:0 6px 16px #f973164d;transform:translateY(-1px)}@media (max-width:768px){.btn-primary,.btn-submit{font-size:12px;padding:.5rem .875rem}.btn-submit{padding:.5rem 1.5rem}}.attach-file-container{display:flex;flex-direction:column;gap:.75rem}.form-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;padding:1.25rem 0}.form-field.view-only input,.form-field.view-only select,.form-field.view-only textarea{background-color:#ededed}.form-field.view-only input:focus,.form-field.view-only select:focus,.form-field.view-only textarea:focus{background-color:#ededed;border-color:#e2e8f0;border-color:var(--border);box-shadow:none}.attach-file-input{display:none}.btn-attach{align-self:flex-end;background:linear-gradient(180deg,#1e293b,#334155);border:none;border-radius:6px;color:#f0f0f0;cursor:pointer;font-size:13px;font-weight:600;padding:.6rem 1.25rem;transition:all .2s}.btn-attach:hover{background-color:#001d5e;color:#f0f0f0}.existing-attachments{margin-top:1rem;padding:20px}.existing-attachments h3{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.existing-attachments ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.existing-attachments li{align-items:center;background-color:#f7f7f9;border-radius:6px;display:flex;padding:6px 10px}.existing-attachments li:hover{background-color:#ececf1}.attachment-link{color:#2563eb;font-size:13px;font-weight:500;text-decoration:none;word-break:break-word}.attachment-link:hover{text-decoration:underline}@media (max-width:768px){.form-footer{gap:.5rem;justify-content:space-between}.btn-attach{font-size:12px;padding:.4rem .75rem}}.route-meta-row{grid-gap:1.5rem;align-items:end;display:grid;flex-wrap:wrap;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,auto));justify-content:start}.route-meta-item.return-item{align-items:center;flex-direction:row;gap:.625rem;grid-column:1/-1}.route-meta-item input{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:3px;color:#1e293b;color:var(--text);font-family:inherit;font-size:13px;padding:.5rem .625rem;width:70px}.label-return{margin:0}@media (max-width:768px){.route-meta-row{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,auto))}.route-meta-item input{padding:.4rem .5rem;width:60px}}.toggle-label-checkbox{align-items:center;appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;cursor:pointer;display:inline-flex;height:14px;justify-content:center;width:14px}.toggle-label-checkbox:checked{background-color:#f97316;background-color:var(--color-orange);border-color:#f97316;border-color:var(--color-orange)}.toggle-label-checkbox:checked:after{color:#fff;content:"✓";font-size:10px;font-weight:700;line-height:1}input.date-highlight{background-color:#e7e5e5}@media (max-width:768px){input.date-highlight{width:100%}}.alert-banner{background-color:#f97316;background-color:var(--accent);border-radius:4px;color:#fff;font-size:13px;margin-bottom:.75rem;padding:.625rem .875rem}@media (max-width:768px){.alert-banner{font-size:12px;padding:.5rem .75rem}}@media (max-width:1024px){.form-row,.three-columns-wrapper{grid-template-columns:repeat(2,1fr)}.form-row.full-width{grid-template-columns:1fr}}@media (max-width:768px){.form-row,.form-row.full-width,.route-inputs-pair,.three-columns-wrapper,.three-inputs{grid-template-columns:1fr}}.map-wrapper{position:relative}.expand-btn{background:linear-gradient(180deg,#1e293b,#334155);border:none;border-radius:6px;bottom:.75rem;box-shadow:0 4px 6px #0003;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:.6rem .75rem;position:absolute;right:.75rem}.expand-btn:hover{background:#001d5e;color:#f0f0f0}@media (max-width:768px){.expand-btn{font-size:12px;padding:.375rem .5rem}}.modal-overlay{background:#0006;padding:1rem;z-index:9999}.modal-content{margin:auto;max-width:1100px;overflow:auto;padding:1rem;position:relative}.close-btn{background:linear-gradient(180deg,#1e293b,#334155);border:none;border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;padding:.5rem .75rem;position:absolute;right:.75rem;top:.75rem}.close-btn:hover{background:#000;color:#fff}@media (max-width:768px){.modal-overlay{padding:.5rem}.modal-content{border-radius:4px;height:85vh;padding:.75rem;width:100%}.close-btn{font-size:12px;padding:.25rem .375rem}}.map-wrapper.map-hidden .expand-btn,.map-wrapper.map-hidden .map-container{display:none}.modal-map,.suggestion-detail{border:1px solid #ddd}.suggestion-detail{align-items:flex-start;background:#fff;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:row;gap:.75rem;left:100%;margin-left:.5rem;max-width:500px;min-width:400px;padding:.5rem;position:absolute;top:0;z-index:30}.suggestion-detail-text{color:#000;flex:1 1;font-size:13px;font-weight:600}.suggestion-detail-coords{color:#999;font-size:11px;white-space:nowrap}.suggestion-detail-subtext{color:#666;font-size:11px;margin-top:.25rem}.suggestion-list{left:0;position:absolute;right:0;top:100%;z-index:20}@media (max-width:1024px){.suggestion-detail{margin-left:0;margin-top:.5rem;max-width:none;min-width:auto;position:static}}.location-input-wrapper{flex:1 1;position:relative}.location-input{min-width:0;width:10px}.form-input-row{align-items:center;display:flex;gap:6px}.date-input-short{flex:0 0 120px}.suggestion-item{align-items:center;display:flex;justify-content:space-between}.suggestion-distance{color:#999;font-size:11px;margin-left:8px}.map-container{border-radius:3px;height:250px;width:100%}@media (max-width:1024px){.map-container{height:200px}}@media (max-width:768px){.map-container{height:250px}}.travelling-grid{grid-gap:.75rem;align-items:start;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.travelling-left{display:flex;flex-direction:column;gap:.75rem;margin-top:1.6rem}.travelling-right{display:flex;flex-direction:column;gap:.5rem}@media (max-width:1024px){.travelling-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.travelling-left{margin-top:1rem}}.expand-btn{z-index:10001}.close-btn{z-index:10002}.modal-overlay{z-index:20000}.modal-content{border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:20px;text-align:center}.modal-content h3{color:#1e293b;color:var(--primary);font-size:1.25rem;margin-bottom:10px;margin-top:0}.modal-content p{color:#1e293b;color:var(--text);font-size:14px;margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:center}.modal-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px}.confirm-btn{background-color:#f97316;background-color:var(--color-orange);color:#fff}.confirm-btn:hover{background-color:#ea580c}.cancel-btn{background-color:#e0e0e0;color:#333}.cancel-btn:hover{background-color:#d0d0d0}.rate-input-wrapper{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:3px;display:flex;padding:0 .5rem;width:100%}.calc-row input:focus{background:#fff;outline:none}.calc-row input:focus,.rate-input-wrapper:focus-within{border-color:#f97316;border-color:var(--color-orange);box-shadow:0 0 0 2px #f973161a}.calc-input-embedded{background:#0000!important;border:none!important;box-shadow:none!important;color:#333;flex:1 1;font-family:inherit;font-size:13px;outline:none;padding:.5rem 0;width:100%}.unit-text{color:#64748b;color:var(--text-light);font-size:11px;font-weight:500;margin-left:auto;padding-left:5px;pointer-events:none;white-space:nowrap}.map-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:15000}.map-modal-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;height:90vh;max-width:1200px;padding:20px;width:90%}.map-container-expanded{height:100%;width:100%}.modal-map{flex:1 1;height:100%;position:relative}.remove-btn{align-items:center;background:#010239;border:1px solid #0000;border-radius:3px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;width:24px}.modern-marker-popup .leaflet-popup-content-wrapper{background:#fff!important;border:1px solid #0000000d!important;border-radius:12px!important;box-shadow:0 10px 25px #0003!important;color:#333!important;overflow:hidden!important;padding:0!important}.modern-marker-popup .leaflet-popup-content{margin:0!important;width:220px!important}.modern-marker-popup .leaflet-popup-tip{background:#fff!important}.popup-header{align-items:center;background:linear-gradient(135deg,#010239,#001d5e);border-bottom:3px solid #ff751f;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 15px}.header-icon{color:#ff751f;flex-shrink:0;font-size:16px}.popup-body{background:#fff;padding:12px 15px}.popup-row{display:flex;flex-direction:column;margin-bottom:10px}.popup-row:last-child{margin-bottom:0}.popup-label-wrapper{align-items:center;display:flex;gap:6px;margin-bottom:4px}.row-icon{color:#666;font-size:12px}.popup-label{color:#777;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.popup-value{color:#111;font-size:13px;font-weight:600;padding-left:18px}.remove-btn:hover{background:#001d5e;border:1px solid #001d5e;color:#f0f0f0}.approval-comment-field{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:13px;min-height:100px;padding:10px 12px;resize:vertical;width:100%}.approval-comment-field:focus{border-color:#f97316;border-color:var(--color-orange);box-shadow:0 0 0 3px #f973161a;outline:none}.approval-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.btn-reject{background:#f44336;border:none;border-radius:6px;box-shadow:0 4px 12px #f4433633;cursor:pointer;font-size:14px;font-weight:600;padding:.75rem 2.5rem;transition:all .2s}.btn-reject:hover:not(:disabled){background:#d32f2f;box-shadow:0 6px 16px #f443364d;transform:translateY(-1px)}.btn-reject:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:#e0e0e0;border:none;border-radius:6px;box-shadow:0 2px 8px #0000001a;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:.75rem 2.5rem;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#bdbdbd;transform:translateY(-1px)}.btn-cancel:disabled,.btn-reject:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.approval-buttons{gap:.5rem;justify-content:space-between}.btn-cancel,.btn-reject,.btn-submit{flex:1 1;font-size:12px;padding:.5rem 1rem}}.mt-10{margin-top:10px}.text-center{text-align:center}.padding-20{padding:20px}.text-muted{color:#64748b}.source-tag-gms{background-color:#0f9d58}.source-tag-gms,.source-tag-google{border-radius:3px;color:#fff;padding:2px 6px}.source-tag-google{background-color:#4285f4}.return-row-container{margin-top:10px}.misc-section-container{border-top:1px solid #eee;margin-top:10px;padding-top:10px}.misc-title{display:block;font-size:11px;font-weight:700;margin-bottom:8px}.no-routes-msg{color:#64748b;padding:20px;text-align:center}.misc-amount-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:13px!important;height:32px!important;margin-left:12px;outline:none;padding:4px 10px!important;transition:all .2s ease;width:120px!important}.misc-amount-input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.misc-amount-input::placeholder{color:#94a3b8;font-size:11px}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.my-travel-header-actions{display:flex;gap:10px}.btn-create-travel{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .3s}.btn-create-travel:hover{background:#218838}.status-check-icon{color:#28a745}.status-pending-icon{color:#ffc107}.approval-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.approval-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.approval-header h2{color:#333;font-size:1.5rem;margin:0}.refresh-button{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.refresh-button:hover{background:#357abd}.empty-state,.error-state,.loading-state{padding:40px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#4a90e2;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state p{color:#e74c3c;margin-bottom:15px}.retry-button{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.retry-button:hover{background:#c0392b}.empty-state p{color:#999;font-size:16px}.table-container{overflow-x:auto}.approval-table{border-collapse:collapse;font-size:14px;width:100%}.approval-table thead{background:#f8f9fa}.approval-table th{border-bottom:2px solid #dee2e6;color:#555;font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.approval-table td{border-bottom:1px solid #dee2e6;color:#333;padding:12px 8px}.approval-table tbody tr:hover{background:#f8f9fa}.status-badge{padding:4px 12px}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.action-buttons{gap:8px}.action-buttons button{border:none;border-radius:4px;font-size:12px;outline:none;padding:6px 12px;transition:all .3s}.btn-approve{background:#28a745;color:#fff}.btn-approve:hover{background:#218838}.btn-reject{background:#dc3545;color:#fff}.btn-reject:hover{background:#c82333}.btn-view{align-items:center;background:#4a90e2;border:none!important;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;justify-content:center;line-height:1;margin:0;outline:none!important;padding:6px 16px;text-decoration:none!important;transition:all .2s ease}.btn-view:hover{background:#357abd;box-shadow:0 2px 8px #4a90e24d;transform:translateY(-1px)}.policy-manager-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:0 auto;max-width:1000px;padding:20px}.policy-instructions-card{background:#fafafa;border:1px solid #eee;border-radius:6px;margin-bottom:24px;padding:20px}.policy-instructions-card h2{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;gap:12px;margin-bottom:16px}.instruction-text{color:#475569;line-height:1.6;margin-bottom:20px}.policy-steps{margin:0 0 24px;padding-left:20px}.policy-steps li{color:#475569;font-size:15px;line-height:1.5;margin-bottom:12px}.policy-table-preview{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-top:15px}.policy-table-preview table{border-collapse:collapse;font-size:12px;width:100%}.policy-table-preview th{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;padding:8px}.policy-table-preview td{border:1px solid #e2e8f0;color:#64748b;padding:8px;text-align:center}.upload-section{align-items:center;border:2px dashed #cbd5e1;border-radius:12px;display:flex;flex-direction:column;gap:20px;padding:30px;transition:all .3s ease}.upload-section:hover{background:#fff7ed;border-color:#f97316}.upload-icon{color:#94a3b8;font-size:48px}.btn-upload-policy{align-items:center;background:#f97316;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:12px 32px;transition:all .3s ease}.btn-upload-policy:hover{background:#ea580c;box-shadow:0 4px 12px #f973164d;transform:translateY(-2px)}.btn-upload-policy:disabled{background:#94a3b8;cursor:not-allowed}.selected-file-info{align-items:center;background:#e2e8f0;border-radius:20px;color:#0f172a;display:flex;font-size:14px;gap:8px;padding:8px 16px}:root{--color-white:#fff;--color-light-gray:#f8fafc;--color-border:#e2e8f0;--color-dark-gray:#1e293b;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-orange:#f97316}.travel-container{background:#f8fafc;background:var(--color-light-gray);min-height:100vh;padding:40px}.travel-container h3{margin:15px 0}.travel-header{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);margin-bottom:40px;padding-bottom:10px;text-align:left}.travel-header h2{color:#1e293b;color:var(--color-dark-gray);font-size:26px;font-weight:700;margin-bottom:20px}.travel-header p{color:#94a3b8;color:var(--color-text-tertiary);font-size:16px;line-height:1.6;max-width:800px}.travel-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:20px 0}.travel-module-card{background:#fff;background:var(--color-white);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;padding:15px;position:relative;text-align:left;transition:all .3s ease,transform .3s ease}.travel-module-card:hover{border-color:#f97316;border-color:var(--color-orange);box-shadow:0 5px 15px #0000001a;transform:translateY(-4px)}.travel-module-card:before{background:#f97316;background:var(--color-orange);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease-in}.travel-module-card:hover:before{transform:scaleX(1)}.module-icon-container{align-items:center;background:#f8fafc;background:var(--color-light-gray);border-radius:12px;display:flex;height:56px;justify-content:center;margin-bottom:16px;transition:all .3s ease;width:56px}.travel-module-card:hover .module-icon-container{background:#f97316;background:var(--color-orange);transform:translateY(-2px)}.category-icon{color:#64748b;color:var(--color-text-secondary);font-size:24px;transition:all .3s ease}.travel-module-card:hover .category-icon{color:#fff;color:var(--color-white)}.module-title{color:#1e293b;color:var(--color-dark-gray);font-size:18px;font-weight:600;line-height:1.4;margin-bottom:12px}.module-description{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;color:var(--color-text-tertiary);display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:20px;overflow:hidden}.subcategory-content{background:#f8fafc;background:var(--color-light-gray);margin:0 auto;max-width:100%;min-height:100vh;padding:20px}.subcategory-header{align-items:center;background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;padding:24px}.header-title h2{color:#1e293b;color:var(--color-dark-gray);font-size:24px;font-weight:600;margin:0}.header-title p{color:#94a3b8;color:var(--color-text-tertiary);font-size:14px;margin-top:4px}.back-button{align-items:center;background:#fff;background:var(--color-white);border:2px solid #cbd5e1;border-radius:8px;color:#64748b;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.back-button:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateX(-2px)}@media (max-width:768px){.travel-container{padding:16px}.travel-header h2{font-size:22px}.travel-grid{gap:16px;grid-template-columns:1fr}.subcategory-header{align-items:stretch;flex-direction:column;padding:16px}.back-button{justify-content:center;width:100%}}.travel-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.travel-tabs::-webkit-scrollbar{display:none}.tab-item{background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.tab-item:hover{background:#f8fafc;background:var(--color-light-gray);color:#1e293b;color:var(--color-dark-gray)}.tab-item.active{background:#1e293b;background:var(--color-dark-gray);box-shadow:0 2px 4px #0000001a;color:#fff;color:var(--color-white)}.header-title{align-items:center;display:flex;flex:1 1;gap:16px}.tab-content{margin-top:20px}.travel-breadcrumbs{align-items:center;color:#94a3b8;color:var(--color-text-tertiary);display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:12px}.breadcrumb-separator{color:#cbd5e1}.current-crumb{color:#1e293b;color:var(--color-dark-gray);font-weight:600}.acl-container{animation:fadeIn .3s ease-in;margin:0 auto;max-width:1400px;padding:20px}.acl-header{border-bottom:2px solid #e5e7eb;margin-bottom:30px;padding-bottom:20px}.acl-header .subtitle{color:#6b7280;font-size:14px;margin:0}.acl-controls{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:20px}.search-section{flex:1 1}.acl-search-row{align-items:center;display:flex;gap:12px}.acl-search-70{width:70%}.acl-add-btn{align-items:center;background:#111827;border:1px solid #e5e7eb;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 14px;width:50%}.acl-add-btn:hover{background:#0b1220}@media (max-width:768px){.acl-search-row{align-items:stretch;flex-direction:column}.acl-add-btn,.acl-search-70{width:100%}}.search-icon{color:#9ca3af;font-size:18px;left:15px;pointer-events:none;position:absolute}.search-input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;padding:12px 15px 12px 45px;transition:border-color .2s,box-shadow .2s;width:100%}.search-input:focus{border-color:#ff751f;box-shadow:0 0 0 3px #3b82f61a}.acl-error{color:crimson;margin-top:12px}.search-hint{font-size:13px;margin-top:8px;opacity:.8}.acl-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.acl-actions-30{display:flex;gap:10px;justify-content:flex-end;width:30%}.acl-edit-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#111827;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 12px;transition:.15s ease-in-out;white-space:nowrap}.acl-edit-btn:hover{background:#f3f4f6}.acl-edit-btn:active{transform:translateY(1px)}.perm-section{background:#fff;border:1px solid #eee;border-radius:14px;margin-top:18px;padding:14px}.perm-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.perm-title{font-size:18px;font-weight:800;margin:0}.perm-meta{align-items:center;display:flex;gap:12px}.perm-count{color:#6b7280;font-size:12px}.perm-refresh-btn{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;font-weight:700;padding:8px 12px}.perm-refresh-btn:disabled{cursor:not-allowed;opacity:.7}.perm-loading{color:#374151}.perm-error,.perm-loading{font-size:14px;padding:12px}.perm-error{background:#fff1f1;border:1px solid #ffd3d3;border-radius:12px;color:#a40000}.perm-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1100px){.perm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.perm-grid{grid-template-columns:1fr}}.perm-card{background:#fafafa;border:1px solid #eee;border-radius:14px;padding:12px}.perm-card-top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.perm-card-title{color:#111827;font-size:14px;font-weight:800}.perm-card-actions{display:flex;gap:8px}.perm-icon-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:.15s ease-in-out}.perm-icon-btn:hover{background:#f3f4f6}.perm-icon-btn.danger:hover{background:#fff1f1;border-color:#ffd3d3}.perm-card-body{display:flex;flex-direction:column;gap:8px}.perm-row{display:flex;font-size:12px;gap:10px;justify-content:space-between;line-height:1.3}.perm-k{color:#6b7280;font-weight:700;min-width:70px}.perm-v{color:#111827;font-weight:600;text-align:right;word-break:break-word}@media (max-width:1100px){.acl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.acl-grid{grid-template-columns:1fr}}.acl-card{background:#fff;border:1px solid #ececec;border-radius:14px;box-shadow:0 6px 18px #0000000a;padding:14px;transition:transform .12s ease,box-shadow .12s ease}.acl-card:hover{box-shadow:0 10px 24px #00000012;transform:translateY(-2px)}.acl-card-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.acl-name{font-size:16px;font-weight:700;line-height:1.2}.acl-mini{color:#6b7280;font-size:13px;margin-top:6px;word-break:break-word}.acl-perm-btn{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:grid;height:40px;place-items:center;transition:transform .12s ease,background .12s ease;width:40px}.acl-perm-btn:hover{background:#f9fafb;transform:translateY(-1px)}.acl-badge{background:#f4f6ff;border:1px solid #e5e9ff;border-radius:999px;font-size:12px;padding:6px 10px;white-space:nowrap}.acl-card-body{gap:10px}.acl-card-body,.acl-field{display:flex;flex-direction:column}.acl-field{gap:4px}.acl-label{color:#6b7280;font-size:12px}.acl-value{color:#111827;font-size:14px;word-break:break-word}.ap-msg{background:#fafafa;border:1px solid #eee;border-radius:10px;font-size:14px;margin-top:12px;padding:10px 12px}.ap-error{background:#fff1f1;border-color:#ffd1d1;color:#8a1f1f}.ap-topbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.ap-back{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:9px 12px}.ap-back:hover{background:#f9fafb}.ap-titlewrap{flex:1 1;min-width:200px}.ap-title{color:#111827;font-size:20px;font-weight:800}.ap-subtitle{color:#6b7280;font-size:13px}.ap-actions{display:flex;gap:10px}.ap-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;height:36px;padding:0 12px}.ap-btn:disabled{cursor:not-allowed;opacity:.6}.ap-btn-primary{background:#111;border-color:#111;color:#fff}.ap-btn-ghost,.ap-emp-card{background:#fff}.ap-emp-card{border:1px solid #e5e7eb;border-radius:14px;margin-bottom:14px;padding:14px}.ap-emp-name{color:#111827;font-size:15px;font-weight:800}.ap-emp-email{color:#6b7280;font-size:13px;margin-top:4px}.ap-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:14px}.ap-card-head{align-items:flex-end;border-bottom:1px solid #f0f0f0;display:flex;gap:14px;justify-content:space-between;padding-bottom:12px}.ap-card-title{color:#111827;font-size:15px;font-weight:800}.ap-card-sub{color:#6b7280;font-size:13px;margin-top:4px}.ap-main-filter{display:flex;flex-direction:column;gap:6px;min-width:240px}.ap-label{color:#6b7280;font-size:12px;font-weight:800}.ap-select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;height:36px;outline:none;padding:0 10px}.ap-tree{margin-top:12px}.ap-node{margin:2px 0}.ap-node-row{align-items:center;border-radius:8px;display:flex;gap:8px;padding:6px}.ap-node-row:hover{background:#f9fafb}.ap-node-label{color:#111827;font-size:14px;font-weight:700}.ap-node-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:inline-flex;height:22px;justify-content:center;padding:0;width:22px}.ap-node-toggle:disabled{cursor:not-allowed;opacity:.6}.ap-node-toggle--spacer{background:#0000;border:0;display:inline-block;height:22px;width:22px}.ap-node-children{margin-top:2px}.ap-node-perms{margin-top:6px}.ap-perms{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:100%}.ap-perm-item{align-items:flex-start;background:#fff;border:1px solid #f0f0f0;border-radius:10px;display:flex;gap:10px;padding:10px 12px;width:100%}.ap-perm-item:hover{background:#fafafa;border-color:#e6e6e6}.ap-perm-item input{cursor:pointer;margin-top:2px}.ap-btn-danger{background:#dc2626;border:1px solid #dc2626;color:#fff}.ap-btn-danger:disabled{cursor:not-allowed;opacity:.6}.ap-perm-text{display:flex;flex-direction:column;gap:3px;width:100%}.ap-perm-title{color:#111827;font-size:13px;font-weight:800}.ap-perm-meta{color:#6b7280!important;display:flex;flex-wrap:wrap;font-size:12px;gap:10px}@media (max-width:1024px){.ap-perms{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media (max-width:768px){.ap-card-head{align-items:stretch;flex-direction:column}.ap-main-filter{min-width:0}.ap-perms{grid-template-columns:1fr}}.apm2-overlay{align-items:center;background:#1118278c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.apm2-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-width:760px;overflow:hidden;width:100%}.apm2-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 16px}.apm2-title{color:#111827;font-size:16px;font-weight:800}.apm2-subtitle{color:#6b7280;font-size:12px;margin-top:2px}.apm2-close{background:#0000;border:0;border-radius:10px;cursor:pointer;padding:6px}.apm2-close:hover{background:#f3f4f6}.apm2-body{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:16px}.apm2-field--full{grid-column:1/-1}.apm2-field label{color:#6b7280;display:block;font-size:12px;font-weight:600;margin-bottom:6px}.apm2-field input,.apm2-field select{border:1px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;padding:11px 12px;width:100%}.apm2-field input:focus,.apm2-field select:focus{border-color:#9ca3af}.apm2-help{font-size:12px;margin-top:4px;opacity:.7}.apm2-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:14px 16px}.apm2-btn{border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 14px}.apm2-btn-secondary{background:#fff;color:#111827}.apm2-btn-secondary:hover{background:#f9fafb}.apm2-btn-primary{background:#111827;border-color:#111827;color:#fff}.apm2-btn-primary:hover{background:#0b1220}@media (max-width:640px){.apm2-modal{max-width:520px}.apm2-body{grid-template-columns:1fr}}.epm-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.epm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%;z-index:1001}.epm-header{align-items:flex-start;border-bottom:1px solid #00000014;display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.epm-title{font-size:18px;font-weight:800;margin:0}.epm-sub{font-size:12px;margin-top:4px;opacity:.7}.epm-close{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:20px;justify-content:center;min-height:32px;min-width:32px;opacity:.6;padding:4px 8px}.epm-close:hover{opacity:1}.epm-body{flex:1 1;overflow-y:auto;padding:24px}.epm-error{background:#ff000014;border-radius:8px;color:#d32f2f;font-size:13px;font-weight:600;margin-bottom:16px;padding:12px 14px}.epm-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.epm-field{display:flex;flex-direction:column;gap:6px}.epm-field.epm-span{grid-column:1/-1}.epm-field label{font-size:12px;font-weight:700;opacity:.85}.epm-field input,.epm-field select{background:#fff;border:1px solid #0000002e;border-radius:8px;font-family:inherit;font-size:13px;outline:none;padding:10px 12px;width:100%}.epm-field input:focus,.epm-field select:focus{border-color:#0000004d;box-shadow:0 0 0 3px #0000000a}.epm-field select{cursor:pointer}.epm-footer{border-top:1px solid #00000014;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.epm-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;outline:none;padding:10px 16px;transition:all .12s ease}.epm-btn:disabled{cursor:not-allowed;opacity:.6}.epm-btn.ghost{background:#0000000a;border:1px solid #0000001f;color:#000000de}.epm-btn.ghost:hover:not(:disabled){background:#00000014}.epm-btn.primary{background:#1976d2;color:#fff}.epm-btn.primary:hover:not(:disabled){background:#1565c0}@media (max-width:640px){.epm-modal{border-radius:12px;max-height:100%;max-width:100%}.epm-grid{grid-template-columns:1fr}.epm-field.epm-span{grid-column:1}}.pcp-filterbar{justify-content:space-between}.pcp-breadcrumb{gap:10px}.pcp-breadcrumb,.pcp-crumbs{align-items:center;display:flex;flex-wrap:wrap}.pcp-crumbs{background:#00000005;border:1px solid #0000001a;border-radius:12px;gap:6px;padding:8px 10px}.pcp-crumb{align-items:center;display:inline-flex;gap:6px}.pcp-crumb-text{font-size:12px;font-weight:800;opacity:.85}.pcp-crumb-sep{opacity:.55}.pcp-block-title{font-weight:900;margin-bottom:10px}.pcp-module-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.pcp-module-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pcp-module-grid{grid-template-columns:1fr}}.pcp-module-card{background:#fff;border:1px solid #0000001a;border-radius:16px;cursor:pointer;padding:14px;text-align:left;transition:transform .12s ease,box-shadow .12s ease}.pcp-module-card:hover{box-shadow:0 10px 24px #0000000f;transform:translateY(-1px)}.pcp-module-name{font-size:15px;font-weight:900}.pcp-module-hint{font-size:12px;margin-top:6px;opacity:.7}@media (max-width:1024px){.pcp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pcp-grid{grid-template-columns:1fr}}.pcp-card-title,.pcp-k{font-weight:900}.pcp-container{padding:18px}.pcp-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.pcp-h1{font-size:26px;font-weight:800;margin:0}.pcp-subtitle{font-size:13px;margin:6px 0 0;opacity:.75}.pcp-back-btn{align-items:center;background:#fff;border:1px solid #00000024;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 12px}.pcp-back-btn:hover{background:#00000008}.pcp-section{background:#fff;border:1px solid #00000014;border-radius:16px;padding:14px}.pcp-toprow{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.pcp-titlewrap{grid-gap:4px;display:grid;gap:4px}.pcp-title{font-size:18px;font-weight:800}.pcp-meta{font-size:13px;opacity:.75}.pcp-actions{align-items:center;display:flex;gap:10px}.pcp-btn{align-items:center;background:#fff;border:1px solid #00000024;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 12px}.pcp-btn:hover{background:#00000008}.pcp-btn:disabled{cursor:not-allowed;opacity:.6}.pcp-btn-primary{background:#0000000f;border-color:#00000029}.pcp-btn-primary:hover{background:#00000017}.pcp-btn-ghost{background:#fff}.pcp-filterbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.pcp-field{grid-gap:6px;display:grid;gap:6px;min-width:260px}.pcp-label{font-size:12px;font-weight:700;opacity:.85}.pcp-select{background:#fff;border:1px solid #0000002e;border-radius:12px;font-weight:600;outline:none;padding:10px 12px;width:100%}.pcp-select:disabled{opacity:.6}.pcp-msg{background:#00000008;border-radius:12px;font-weight:600;margin-top:12px;padding:10px 12px}.pcp-error{background:#ff00000f;color:#b00020}.pcp-muted{opacity:.8}.pcp-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:14px}.pcp-card{background:#fff;border:1px solid #0000001a;border-radius:16px;padding:12px;transition:transform .12s ease,box-shadow .12s ease}.pcp-card:hover{box-shadow:0 10px 24px #0000000f;transform:translateY(-1px)}.pcp-card-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.pcp-card-left{min-width:0}.pcp-card-title{font-size:15px;font-weight:800}.pcp-card-path{font-size:12px;margin-top:4px;opacity:.7;word-break:break-word}.pcp-card-actions{display:inline-flex;gap:8px}.pcp-icon-btn{align-items:center;background:#fff;border:1px solid #00000024;border-radius:12px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px 9px}.pcp-icon-btn:hover{background:#00000008}.pcp-icon-btn.danger{border-color:#ff000038}.pcp-icon-btn.danger:hover{background:#ff00000f}.pcp-card-body{grid-gap:8px;display:grid;gap:8px;margin-top:10px}.pcp-row{display:flex;font-size:13px;gap:10px;justify-content:space-between}.pcp-k{font-weight:800;opacity:.7}.pcp-v{font-weight:700;text-align:right;word-break:break-word}.pcp-modules{grid-gap:3px;display:grid;font-size:12px;gap:3px;margin-top:8px;opacity:.85}:root{--primary-blue:#010239;--accent-orange:#ff751f;--light-gray:#efefef;--dark-gray:#2c2c2c;--white:#fff;--border-color:#dbdbdb;--text-primary:#333;--text-secondary:#666;--text-light:#999;--success:#43a047;--danger:#e53935;--warning:#fb8c00;--info:#2196f3}*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}body{background-color:#e7e9ec}.app-container{display:flex;min-height:100vh;overflow:hidden;width:100%}.main-content{background-color:#f5f7fa;flex:1 1;transition:margin-left .3s ease}.main-content:not(.full-width){margin-left:280px;width:70%}.main-content.collapsed{margin-left:70px;width:90%}.page-title{color:#2c2c2c;font-size:26px;font-weight:700;margin-bottom:20px}.content-wrapper{padding:20px;text-align:left}.welcome-card{background:#fff;border-radius:14px;box-shadow:0 3px 12px #00000012;margin-bottom:30px;padding:25px}.welcome-text{color:#2c2c2c;font-size:18px}.brand-blue{color:#0586cb;font-weight:600}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr)}.stat-card{background:#fff;border:1px solid #f8fafc;border-radius:14px;box-shadow:0 3px 12px #00000012;padding:20px;text-align:left;transition:transform .2s ease}.stat-card:hover{transform:translateY(-4px)}.stat-card h3{color:#29437a;font-size:16px;margin-bottom:10px}.stat-number{color:#0586cb;font-size:32px;font-weight:700}.module-text{color:#555;font-size:16px}.page-footer{align-items:center;color:var(--color-muted);display:flex;flex-direction:row;justify-content:center;margin:24px 0;text-align:center}.page-footer p{font-size:12px}.footer-links{margin-top:6px}.footer-links a{color:var(--color-accent);text-decoration:none}.top-header-bar{background:#fff;box-shadow:0 2px 8px #0000000f;justify-content:space-between;padding:14px 22px;width:100%}.th-left,.top-header-bar{align-items:center;display:flex}.th-left{gap:10px}.th-title{color:#2c2c2c;font-size:20px;font-weight:600}.th-right{gap:16px}.th-icon-btn,.th-right{align-items:center;display:flex}.th-icon-btn{background:#f1f3f7;border:1px solid #dfe1e6;border-radius:8px;cursor:pointer;font-size:16px;height:36px;justify-content:center;transition:.2s ease;width:36px}.th-icon-btn:hover{background:#e8eaed}.th-user{align-items:center;display:flex;gap:10px}.th-avatar{font-weight:600}.th-username{color:#2b2b2b}.th-user-dropdown{position:relative}.th-user-box{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:6px 10px;transition:.2s ease}.th-user-box:hover{background:#eef0f3}.th-avatar{align-items:center;background:#0586cb;border-radius:50%;color:#fff;display:flex;font-weight:700;height:36px;justify-content:center;width:36px}.th-username{font-size:15px;font-weight:500}.th-arrow{transition:transform .2s}.th-arrow.open{transform:rotate(180deg)}.th-dropdown-menu{background:#fff;border-radius:10px;box-shadow:0 4px 18px #0000001f;padding:10px 0;position:absolute;right:0;top:48px;width:180px;z-index:100}.th-dropdown-item{align-items:center;color:#2d2d2d;cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:.2s ease}.th-dropdown-item:hover{background:#f1f3f7}.th-dropdown-item.logout{color:#d64545}.global-button-hollow{align-items:center;background:none;border:none;border-radius:10px;color:#010239;color:var(--primary-blue);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 25px;transition:all .2s ease}.global-button-hollow:hover{background:linear-gradient(135deg,#010239cc,#010239);color:#fff}.global-button-dark{background:var(--primary-color);border:none;border-radius:6px;color:#fff}.global-button-dark:hover{background:var(--color-accent);border:1px solid var(--color-accent);color:var(--primary-color)}.page-wrapper{padding:20px}.request-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.page-container{padding:5px 24px}.page-header{margin-bottom:24px}.page-title{font-size:28px;font-weight:600;margin-bottom:6px}.page-description{color:#4b5563;font-size:16px;max-width:720px}.page-content{margin-top:16px}.center-cell{text-align:center}.invoice-container *{box-sizing:border-box}.invoice-container{background-color:#f5f5f5;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.invoice-header{background-color:#fff;border:1px solid #ddd;margin-bottom:20px;padding:20px}.invoice-title{color:#333;font-size:18px;font-weight:400}.filter-section{align-items:center;background-color:#fff;border:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.filter-wrapper{align-items:center;display:flex;gap:10px}.filter-label{color:#333;font-size:14px}.filter-input{outline:none;padding:6px 10px;width:200px}.filter-input,.filter-search-btn{border:1px solid #ccc;font-size:14px}.filter-search-btn{background-color:#fff;cursor:pointer;padding:6px 12px}.excel-btn{border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px}.excel-btn,.excel-btn:hover{background-color:var(--primary-dark)}.table-wrapper{background-color:#fff;border:1px solid #ddd;overflow-x:auto}.invoice-table{border-collapse:collapse;font-size:13px;table-layout:fixed;width:100%}.invoice-table thead{background-color:#f9f9f9;border-bottom:2px solid #ddd}.invoice-table th{border-right:1px solid #e0e0e0;color:#333;font-weight:600;overflow:hidden;padding:8px 4px;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.invoice-table th:last-child{border-right:none}.sort-icon{color:#999;font-size:11px;margin-left:5px}.invoice-table td{border-bottom:1px solid #e0e0e0;color:#333;overflow:hidden;padding:8px 4px;text-overflow:ellipsis;white-space:nowrap}.invoice-table tbody tr:hover{background-color:#f9f9f9}.highlighted-docnum{background-color:#2196f3;color:#fff;font-weight:600;padding:6px 10px!important;text-align:center}.receipt-btn-red{border:none;border-radius:3px;color:red;cursor:pointer;font-size:12px;padding:6px 12px;white-space:nowrap}.receipt-btn-red,.receipt-btn-red:hover{background-color:var(--primary-orange)}.receipt-btn-green{background-color:#4caf50;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;white-space:nowrap}.receipt-btn-green:hover{background-color:#45a049}.pagination{align-items:center;background-color:#fff;border:1px solid #ddd;display:flex;justify-content:space-between;margin-top:20px;padding:15px 20px}.pagination-info{color:#666;font-size:13px}.pagination-controls{align-items:center;display:flex;gap:5px}.page-btn{background-color:#fff;border:1px solid #ddd;color:#333;cursor:pointer;font-size:13px;min-width:35px;padding:6px 12px}.page-btn:hover{background-color:#f5f5f5}.page-active{background-color:#5a5a5a;border-color:#5a5a5a;color:#fff}.page-dots{color:#999;padding:0 5px}@media (max-width:768px){.filter-section{align-items:flex-start}.filter-section,.pagination{flex-direction:column;gap:15px}}.request-form-container{background:linear-gradient(180deg,#fff,#fafafa);border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 10px 28px #00000014;margin:32px auto;max-width:820px;padding:22px 28px}.request-form-container:hover{box-shadow:0 14px 36px #0000001f}.request-form-container h2{color:#2f2f2f;font-size:24px;font-weight:600;margin-bottom:26px;text-align:center}.request-form{grid-gap:18px 22px;display:grid;gap:18px 22px;grid-template-columns:repeat(2,1fr)}.form-group.full{grid-column:span 2}label{color:#444;font-size:13.5px;font-weight:500;margin-bottom:6px}input,select,textarea{background:#f9fafb;border:1px solid #d0d0d0;border-radius:9px;font-size:14.5px;padding:10px 12px;transition:all .25s ease}input::placeholder,textarea::placeholder{color:#8a8a8a}input:focus,select:focus,textarea:focus{background:#fff;border-color:#ff7517;box-shadow:0 0 0 3px #ff75172e;outline:none}textarea{min-height:120px;resize:vertical}.submit-request-btn{display:flex;justify-content:center;margin-top:34px}.submit-btn{background:linear-gradient(135deg,#ff8a3d,#ff7517);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14.5px;font-weight:600;letter-spacing:.6px;min-width:220px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.submit-btn:hover{box-shadow:0 10px 22px #ff751766;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.request-form{grid-template-columns:1fr}.form-group.full{grid-column:span 1}.request-form-container{padding:20px}}@media (max-width:480px){.request-form-container h2{font-size:22px}input,select,textarea{font-size:14px;padding:10px}.submit-btn{font-size:15px;padding:12px 26px}}.laf-header{align-items:center;background:#fff;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:14px 18px}.laf-header-title{font-size:20px;font-weight:700;letter-spacing:.2px;margin:0}.laf-eligibility{background:#dc262614;border:1px solid #dc262640;border-radius:10px;color:#7f1d1d;font-size:14px;margin:14px 18px 0;padding:12px 14px}.laf-page{padding:18px}.laf-content{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 2fr}@media (max-width:980px){.laf-content{grid-template-columns:1fr}}.laf-card{background:#fff;border:1px solid #00000014;border-radius:14px;box-shadow:0 6px 18px #0000000a;padding:14px}.laf-card-title{font-size:16px;font-weight:700;margin:0 0 12px}.laf-muted{color:#0000008c;font-size:14px;margin:0}.laf-info{grid-gap:10px;display:grid;gap:10px}.laf-row{background:#00000008;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.laf-row-label{color:#0009}.laf-row-label,.laf-row-value{font-size:13px;font-weight:600}.laf-row-value{color:#000000d9;text-align:right}.laf-form{background:#0000}.laf-history{background:#fff;border:1px solid #00000014;border-radius:14px;box-shadow:0 6px 18px #0000000a;margin-top:16px;padding:14px}.laf-history-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.laf-history-title{font-size:16px;font-weight:700;margin:0}.laf-history-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.laf-chip{background:#0000000d;border:1px solid #00000014;border-radius:999px;color:#000000b3;font-size:12px;font-weight:600;padding:6px 10px}.laf-table-wrap{border:1px solid #00000014;border-radius:12px;overflow:auto;width:100%}.laf-table{background:#fff;border-collapse:initial;border-spacing:0;min-width:780px;width:100%}.laf-table thead th{background:#fafafa;border-bottom:1px solid #00000014;color:#000000a6;font-size:12px;font-weight:800;padding:12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.laf-table tbody td{border-bottom:1px solid #0000000f;color:#000000d1;font-size:13px;padding:12px;vertical-align:middle}.laf-table tbody tr:hover td{background:#00000005}.laf-table tbody tr:last-child td{border-bottom:none}.laf-status{align-items:center;background:#0000000a;border:1px solid #0000001f;border-radius:999px;color:#000000bf;display:inline-flex;font-size:12px;font-weight:800;padding:6px 10px}.laf-status--approved{background:#22c55e1f;border-color:#22c55e47;color:#166534}.laf-status--rejected{background:#ef44441f;border-color:#ef444447;color:#7f1d1d}.laf-status--pending{background:#eab30824;border-color:#eab3084d;color:#78350f}.laf-status--in-progress,.laf-status--inprocess,.laf-status--processing{background:#3b82f61f;border-color:#3b82f647;color:#1e3a8a}.laf-form-card{background:#fff;border:1px solid #00000014;border-radius:14px;box-shadow:0 6px 18px #0000000a;padding:14px}.laf-form-card--disabled{filter:grayscale(.15);opacity:.72}.laf-form-title{font-size:16px;font-weight:800;margin:0}.laf-form-subtitle{color:#0009;font-size:13px;margin:6px 0 14px}.laf-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.laf-label{color:#000000a6;font-size:12px;font-weight:800}.laf-input,.laf-select,.laf-textarea{background:#fff;border:1px solid #0000001f;border-radius:12px;font-size:13px;outline:none;padding:10px 12px;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.laf-textarea{min-height:84px;resize:vertical}.laf-input:focus,.laf-select:focus,.laf-textarea:focus{border-color:#3b82f68c;box-shadow:0 0 0 3px #3b82f626}.laf-input:disabled,.laf-select:disabled,.laf-textarea:disabled{background:#0000000a;cursor:not-allowed}.laf-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:720px){.laf-grid{grid-template-columns:1fr}}.laf-btn{background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:900;padding:11px 14px;transition:transform .05s ease,opacity .15s ease;width:100%}.laf-btn:active{transform:translateY(1px)}.laf-btn:disabled{cursor:not-allowed;opacity:.6}.edit-loan-backdrop{align-items:center;background:#0f172a99;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.edit-loan-card{background:#fff;border-radius:16px;box-shadow:0 30px 60px #00000059;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(760px,92vw)}.edit-loan-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:18px 22px}.edit-loan-header h3{font-size:18px;margin:0}.edit-loan-header p{font-size:13px;margin-top:4px;opacity:.9}.edit-loan-close{cursor:pointer;font-size:20px}.edit-loan-body{flex:1 1;overflow-y:auto;padding:10px 22px 0}.edit-loan-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:14px;justify-content:flex-end;padding:16px 22px}.edit-loan-section{margin-bottom:28px}.edit-loan-section h4{font-size:14px;font-weight:600;margin-bottom:14px}.edit-loan-grid{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.edit-loan-grid{grid-template-columns:1fr}}.info-item span{color:#6b7280;font-size:12px}.info-item p{font-size:14px;font-weight:500}.edit-loan-editable{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:14px;padding:18px}.edit-loan-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.edit-loan-form{grid-template-columns:1fr}}.form-field label{display:block;font-size:12px;margin-bottom:6px}.form-field input{border:1px solid #c7d2fe;border-radius:8px;padding:9px 10px;width:100%}.status-badge{border-radius:999px;font-size:13px;padding:6px 12px}.status-0{background:#fef3c7;color:#92400e}.status-1{background:#dcfce7;color:#166534}.status--1{background:#fee2e2;color:#991b1b}.btn-primary{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:10px;color:#fff;font-weight:600}.btn-primary,.btn-secondary{align-items:center;display:flex;gap:8px;padding:10px 18px}.btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:10px}.vlp-page{padding:18px}.vlp-header{align-items:flex-end;border-bottom:1px solid #00000014;display:flex;gap:12px;justify-content:space-between;padding:14px 0 10px}.vlp-title{font-size:20px;font-weight:800;letter-spacing:.2px;margin:0}.vlp-subtitle{color:#0009;font-size:13px;margin:6px 0 0}.vlp-filter{align-items:center;display:flex;gap:10px;margin:14px 0}.vlp-filter-label{color:#000000a6;font-size:13px;font-weight:800}.vlp-filter-select{background:#fff;border:1px solid #0000001f;border-radius:12px;font-size:13px;outline:none;padding:9px 12px}.vlp-filter-select:focus{border-color:#3b82f68c;box-shadow:0 0 0 3px #3b82f626}.vlp-table-card{background:#fff;border:1px solid #00000014;border-radius:14px;box-shadow:0 6px 18px #0000000a;margin-top:14px;padding:14px}.vlp-muted{color:#0000008c;font-size:14px;margin:0}.vlp-table-wrap{border:1px solid #00000014;border-radius:12px;overflow:auto;width:100%}.vlp-table{background:#fff;border-collapse:initial;border-spacing:0;min-width:860px;width:100%}.vlp-table thead th{background:#fafafa;border-bottom:1px solid #00000014;color:#000000a6;font-size:12px;font-weight:900;padding:12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.vlp-table tbody td{border-bottom:1px solid #0000000f;color:#000000d1;font-size:13px;padding:12px;vertical-align:middle}.vlp-table tbody tr:hover td{background:#00000005}.vlp-th-action{width:90px}.vlp-action,.vlp-th-action{text-align:center}.vlp-edit-btn{align-items:center;background:#00000005;border:1px solid #0000001f;border-radius:10px;cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:transform .06s ease,background .15s ease;width:34px}.vlp-edit-btn:hover{background:#0000000d}.vlp-edit-btn:active{transform:translateY(1px)}.vlp-edit-icon{font-size:16px}.vlp-status{align-items:center;background:#0000000a;border:1px solid #0000001f;border-radius:999px;color:#000000bf;display:inline-flex;font-size:12px;font-weight:900;padding:6px 10px}.vlp-status--approved{background:#22c55e1f;border-color:#22c55e47;color:#166534}.vlp-status--rejected{background:#ef44441f;border-color:#ef444447;color:#7f1d1d}.vlp-status--pending{background:#eab30824;border-color:#eab3084d;color:#78350f}.vlp-pagination{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:12px}.vlp-page-size,.vlp-pagination{align-items:center;display:flex}.vlp-page-size{gap:8px}.vlp-page-size-label{color:#000000a6;font-size:13px;font-weight:800}.vlp-page-size-select{background:#fff;border:1px solid #0000001f;border-radius:12px;font-size:13px;outline:none;padding:8px 10px}.vlp-page-controls{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.vlp-nav-btn,.vlp-page-btn{background:#fff;border:1px solid #0000001f;border-radius:12px;cursor:pointer;font-size:12px;font-weight:800;padding:8px 10px;transition:transform .06s ease,background .15s ease}.vlp-nav-btn:hover,.vlp-page-btn:hover{background:#0000000a}.vlp-nav-btn:active,.vlp-page-btn:active{transform:translateY(1px)}.vlp-nav-btn:disabled{cursor:not-allowed;opacity:.55}.vlp-page-btn.is-active{background:#3b82f61f;border-color:#3b82f659}.ss-page{--ss-bg:#f6f8fc;--ss-card:#fff;--ss-text:#0f172a;--ss-muted:#64748b;--ss-border:#0f172a1a;--ss-shadow:0 10px 30px #0f172a14;--ss-radius:16px;background:var(--ss-bg);color:var(--ss-text);min-height:100%;padding:5px 24px}.ss-hero{background:linear-gradient(135deg,#0f172a,#1e293b 55%,#111827);border:1px solid #ffffff1a;border-radius:var(--ss-radius);box-shadow:var(--ss-shadow);color:#fff;padding:22px}.ss-hero__title{font-size:26px;font-weight:700;letter-spacing:.2px;line-height:1.2;margin:0 0 8px}.ss-hero__subtitle{color:#ffffffd9;font-size:14px;line-height:1.6;margin:0}.ss-hero__name{color:#fff;font-weight:700}.ss-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.ss-statCard{align-items:center;background:var(--ss-card);border:1px solid var(--ss-border);border-radius:var(--ss-radius);box-shadow:0 10px 24px #0f172a0d;display:flex;gap:12px;padding:14px}.ss-statCard__iconWrap{border-radius:12px;display:grid;flex:0 0 auto;font-size:18px;height:44px;place-items:center;width:44px}.ss-statCard__title{font-size:14px;font-weight:700;margin:0}.ss-statCard__text{color:var(--ss-muted);font-size:12.5px;margin:4px 0 0}.ss-section{background:#0000;margin-top:18px}.ss-section__head{display:flex;flex-direction:column;gap:4px;margin:10px 2px}.ss-section__title{font-size:18px;font-weight:800;margin:0}.ss-section__desc{color:var(--ss-muted);font-size:13px;margin:0}.ss-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.ss-tile{background:var(--ss-card);border:1px solid var(--ss-border);border-radius:var(--ss-radius);box-shadow:0 10px 24px #0f172a0f;cursor:pointer;overflow:hidden;padding:14px;position:relative;text-align:left;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;width:100%}.ss-tile:hover{border-color:#0f172a29;box-shadow:0 16px 36px #0f172a1f;transform:translateY(-2px)}.ss-tile:disabled{cursor:not-allowed;opacity:.75}.ss-tile__top{align-items:center;display:flex;justify-content:space-between}.ss-tile__icon{border-radius:12px;color:#fff;display:grid;font-size:18px;height:42px;place-items:center;width:42px}.ss-tile__body{margin-top:10px}.ss-tile__title{font-size:14px;font-weight:800;margin:0 0 6px}.ss-tile__desc{color:var(--ss-muted);font-size:12.5px;line-height:1.5;margin:0}.ss-tile__footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.ss-tile__arrow{color:#0f172a8c;font-size:16px}.ss-badge{border:1px solid #0000;border-radius:999px;font-size:11px;font-weight:700;padding:6px 10px}.ss-badge--ok{background:#10b9811f;border-color:#10b98140;color:#0f766e}.ss-badge--soon{background:#f59e0b1f;border-color:#f59e0b40;color:#92400e}.ss-tile__overlay{background:#0f172a9e;color:#fff;display:grid;font-weight:800;inset:0;letter-spacing:.3px;place-items:center;position:absolute}.ss-activity{grid-gap:10px;display:grid;gap:10px}.ss-activityItem{align-items:flex-start;background:var(--ss-card);border:1px solid var(--ss-border);border-radius:var(--ss-radius);box-shadow:0 10px 24px #0f172a0d;display:flex;gap:12px;padding:12px 14px}.ss-activityItem__dot{border-radius:12px;display:grid;flex:0 0 auto;font-size:14px;height:34px;place-items:center;width:34px}.ss-activityItem__dot--success{background:#10b9811f;color:#0f766e}.ss-activityItem__dot--info{background:#3b82f61f;color:#1d4ed8}.ss-activityItem__dot--warn{background:#f59e0b1f;color:#92400e}.ss-activityItem__text{font-size:13px;line-height:1.5;margin:0}.ss-activityItem__time{color:var(--ss-muted);display:inline-block;font-size:12px;margin-top:4px}@media (max-width:1200px){.ss-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.ss-stats{grid-template-columns:1fr}.ss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.ss-page{padding:14px}.ss-grid{grid-template-columns:1fr}.ss-hero__title{font-size:22px}}.req-history-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.req-history-container{animation:slideUp .25s ease-out;background:#fff;border-radius:10px;box-shadow:0 18px 50px #00000047;display:flex;flex-direction:column;max-height:88vh;max-width:780px;overflow:hidden;width:90%}.req-history-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:space-between;padding:16px 20px}.req-history-header h3{color:#fff;font-size:18px;margin:0}.req-history-subtitle{color:#e0e7ff;font-size:12px}.req-history-subtitle span{color:#fff;font-weight:600}.req-history-close{background:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;padding:7px 8px}.req-history-close:hover{background:#ffffff52}.req-history-tabs{background:#f3f4f6;border-bottom:1px solid #e5e7eb;display:flex}.req-history-tabs button{background:none;border:none;color:#010239;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px}.req-history-tabs button.active{background:#fff;border-bottom:2px solid #ff751f;color:#ff751f}.req-history-body{background:#efefef;flex:1 1;min-height:50vh;overflow-y:auto;padding:18px}.clean-history{margin-bottom:26px}.history-block{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px}.history-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:140px 1fr;margin-bottom:8px}.history-label{color:#6b7280;font-size:12px;font-weight:500}.history-value{color:#010239;font-size:14px;font-weight:600;word-break:break-word}.history-divier{border:none;border-top:1px dashed #e5e7eb;margin:12px 0}.history-date{color:#374151;font-size:11px}.req-history-details-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.req-history-info{background:#fff;border:1px solid #e2e2e2;border-radius:10px;padding:10px 12px}.req-history-label{color:#6b7280;font-size:11px}.req-history-value{color:#010239;font-size:14px;font-weight:500;margin-top:3px}.req-history-full{grid-column:span 2}.req-history-description{background:#ff751f14;border-left:3px solid #ff751f;border-radius:10px;color:#010239;font-size:14px;margin-top:6px;padding:12px}.req-history-timeline-item{margin-bottom:22px;padding-left:32px;position:relative}.req-history-dot{background:#ff751f;border-radius:50%;box-shadow:0 0 0 3px #ff751f40;height:12px;left:6px;position:absolute;top:8px;width:12px}.req-history-line{background:#e5e7eb;height:100%;left:11px;position:absolute;top:22px;width:2px}.req-history-timeline-content{background:#fff;border-left:3px solid #010239;border-radius:10px;padding:12px 14px}.req-history-footer{background:#efefef;border-top:1px solid #e2e2e2;display:flex;gap:10px;justify-content:flex-end;padding:12px 18px;text-align:right}.req-history-btn{background:#010239;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.req-history-btn:hover{background:#ff751f}.action-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:16px}.action-panel h4{color:#111827;margin-top:0}.action-panel label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:4px;margin-top:12px}.action-panel select,.action-panel textarea{border:1px solid #d1d5db;border-radius:6px;padding:8px;width:100%}.action-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.action-buttons button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:8px 16px}.action-buttons .confirm-btn{background:#010239;border:none;color:#fff}.history-header{display:flex;justify-content:space-between;margin-bottom:4px}.history-action{color:#010239;font-weight:600}.forward-to{color:#667eea;font-size:13px;font-weight:500}.history-user{color:#4b5563;font-size:13px;margin-top:4px}.history-user strong{color:#010239}.history-user-info{color:#6b7280;font-size:12px}.history-remarks{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:13px;font-style:italic;margin-top:4px;padding:6px}.status-badge{border-radius:12px;padding:4px 8px}.status-badge.open{background:#d1fae5;color:#065f46}.status-badge.closed{background:#f3f4f6;color:#1f2937}.status-badge.forwarded{background:#dbeafe;color:#1e40af}.action-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.action-btn.forward{background:#010239}.action-btn.close-req{background:#dc2626}.rq-page{background:#f6f8fb;min-height:100vh;padding:5px 26px}.rq-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.rq-header h2{color:#0f172a;font-size:24px;font-weight:700;margin:0}.rq-tabs{align-items:center;display:flex;gap:20px;margin-left:20px}.rq-tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;padding-bottom:4px;transition:all .2s}.rq-tab-btn:hover{color:#010239}.rq-tab-btn.active{border-bottom-color:#010239;color:#010239;font-weight:600}.rq-toolbar{margin-bottom:18px;width:100%}.rq-search{border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:14px;max-width:400px;outline:none;padding:10px 14px;width:100%}.rq-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.rq-table{border-collapse:collapse;text-align:left;width:100%}.rq-table td,.rq-table th{border-bottom:1px solid #f1f5f9;font-size:14px;padding:14px 18px}.rq-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;color:#475569;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.rq-table tr:hover{background:#f8fafc}.rq-table tr:last-child td{border-bottom:none}.status-badge{border-radius:99px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.status-badge.open{background:#dbeafe;color:#1e40af}.status-badge.in-progress{background:#fee2e2;color:#991b1b}.status-badge.closed{background:#f1f5f9;color:#475569}.rq-action-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.rq-action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.rq-pagination{align-items:center;color:#64748b;display:flex;font-size:13px;gap:12px;justify-content:flex-end;padding:16px 0}.rq-pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;padding:6px 12px}.rq-pagination button:disabled{cursor:not-allowed;opacity:.5}.rq-empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;padding:40px}.rq-empty-state,.rq-loading{color:#64748b;text-align:center}.rq-loading{padding:20px}.kb-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:15px;transition:all .2s ease;width:100%}.kb-container.kb-is-dragging{cursor:grabbing!important}.kb-column{background:#fff;border:2px solid #0000;border-radius:10px;box-shadow:0 4px 12px #0000000f;padding:12px;position:relative;transition:all .2s ease}.kb-column:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-3px)}.kb-column.dragging-from{background-color:#f8fafc}.kb-column.kb-drag-over-active{animation:pulse-border 1.5s infinite;background-color:#f0f9ff;border:2px dashed #3b82f6!important;box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.kb-column-header{align-items:center;background-color:initial;display:flex;justify-content:space-between}@keyframes pulse-border{0%{border-color:#3b82f6}50%{border-color:#60a5fa}to{border-color:#3b82f6}}.kb-column-title-group{align-items:center;display:flex;justify-content:space-between}.kb-column-title{color:#1f2937;font-size:14px;font-weight:700;margin:0}.kb-item-count{border-radius:6px;color:#fff;font-size:12px;font-weight:700;min-width:24px;padding:3px 8px;text-align:center}.kb-column-divider{border-radius:4px;height:3px;margin:10px 0;transition:all .2s ease;width:100%}.kb-cards{display:flex;flex-direction:column;gap:10px;min-height:100px;transition:all .2s ease}.kb-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 6px #0000000a;cursor:grab;overflow:hidden;padding:10px 12px;transform-origin:center;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.kb-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-2px) scale(1.005)}.kb-card:hover .kb-drag-handle-overlay{opacity:1;transform:translateX(0)}.kb-card.kb-card-being-dragged{animation:card-drag-out .2s ease-out;box-shadow:0 0 0 2px #3b82f6,0 0 20px #3b82f64d;cursor:grabbing;opacity:.3!important;transform:scale(.98)}@keyframes card-drag-out{0%{opacity:1;transform:scale(1)}to{opacity:.3;transform:scale(.98)}}.kb-card:active{cursor:grabbing}.kb-drag-preview{border:2px solid #3b82f6!important;box-shadow:0 15px 35px #0003,inset 0 0 0 1px #ffffff1a!important;cursor:grabbing!important;opacity:.9!important;pointer-events:none!important;position:fixed!important;transform:rotate(2deg) scale(1.02)!important;transition:transform .1s ease,opacity .1s ease!important;z-index:9999!important}.kb-drag-preview .kb-card-indicator{background-color:#3b82f6!important;transition:all .2s ease!important;width:6px!important}.kb-card-indicator{border-radius:10px 0 0 10px;height:100%;left:0;position:absolute;top:0;transition:all .2s ease;width:4px}.kb-card-title{color:#1f2937;font-size:13px;font-weight:700;line-height:1.3;margin:0 0 4px}.kb-card-description{color:#4b5563;font-size:11.5px;line-height:1.3;margin:1px 0 2px}.kb-card-description strong{color:#1f2937}.kb-empty-state{padding:40px 0;text-align:center}.kb-empty-text{color:#9ca3af;font-size:12px;font-style:italic}.kb-drag-handle-overlay{align-items:center;background:linear-gradient(90deg,#0000,#00000005);border-radius:0 10px 10px 0;bottom:0;cursor:grab;display:flex;justify-content:center;opacity:0;position:absolute;right:0;top:0;transform:translateX(10px);transition:all .2s ease;width:30px}.kb-card-meta{border-top:1px dashed #e5e7eb;color:#6b7280;display:flex;font-size:10.5px;justify-content:space-between;margin-top:8px;padding-top:6px}.kb-card{position:relative}.kb-edit-btn{background:#0000;border:none;border-radius:8px;cursor:pointer;opacity:0;padding:6px;position:absolute;right:12px;top:12px;transform:translateY(-2px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;visibility:hidden;z-index:5}.kb-card:hover .kb-edit-btn{opacity:1;transform:translateY(0);visibility:visible}.kb-edit-btn:hover{transform:scale(1.05)}.kb-edit-icon{font-size:18px}.kb-meta-item{align-items:center;cursor:default;display:flex;gap:4px;white-space:nowrap}.kb-meta-item:hover{color:#374151}@media (max-width:768px){.kb-meta-item:first-child{display:none}}.kb-drop-indicator{animation:drop-indicator-pulse 2s infinite;background-color:#3b82f60d;border:2px dashed #3b82f6;border-radius:8px;margin:5px 0;padding:20px;position:relative;text-align:center}@keyframes drop-indicator-pulse{0%,to{opacity:.7}50%{opacity:1}}.kb-drop-indicator-text{color:#3b82f6;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:1024px){.kb-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kb-container{gap:12px;grid-template-columns:1fr}.kb-column{min-height:400px;padding:10px}.kb-card{padding:9px 10px}.kb-drag-handle-overlay{width:25px}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:812px;overflow:hidden;width:90%}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px;position:relative;z-index:10}.modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s;width:36px}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.modal-form-container{flex:1 1;overflow-y:auto;padding:24px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:span 2}.form-group label{color:#374151;font-size:.9rem;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:10px 12px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.readonly-field{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group textarea{min-height:80px;resize:vertical}.modal-footer{border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 24px;position:relative;z-index:10}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-btn{background-color:#f3f4f6;color:#374151}.cancel-btn:hover{background-color:#e5e7eb}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-btn:hover{opacity:.9;transform:translateY(-1px)}.edit-icon-overlay{align-items:center;background:#ffffffe6;border-radius:6px;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:6px;position:absolute;right:12px;top:12px;transition:all .2s ease;z-index:10}.kanban-card:hover .edit-icon-overlay{opacity:1}.edit-icon-overlay:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.edit-icon{color:#667eea;height:18px;width:18px}.modal-form-container::-webkit-scrollbar{width:8px}.modal-form-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-form-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-form-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.modal-content{margin:10px;max-height:95vh;width:95%}}
/*# sourceMappingURL=main.de53bddf.css.map*/