@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}.turnstile-container{align-items:center;display:flex;justify-content:center;margin-top:5px;width:100%}@media (max-width:1200px){.login-left-text h2{font-size:36px}.login-right-panel{margin-right:0;width:45%}}@media (max-width:992px){.login-page{padding:30px}.login-left-panel{width:40%}.login-right-panel{width:60%}}@media (max-width:768px){.login-page{flex-direction:column;padding:20px}.login-left-panel{display:none}.login-right-panel{margin-right:0;margin-top:50%;padding:20px;width:100%}.login-form-wrapper{max-width:450px}}@media (max-width:480px){.login-page{padding:15px}.login-title{font-size:24px;margin-bottom:30px}.login-form{gap:16px}.sign-in-btn{height:44px}}.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-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.mobile-hamburger{background:none;border:none;color:#010239;cursor:pointer;display:none;font-size:24px;margin-right:15px;padding:5px}@media (max-width:992px){.mobile-hamburger{align-items:center;display:flex;justify-content:center}}.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}.sidenav:not(.collapsed) .nav-item:hover{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-floating-tooltip{background:#010239;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:13px;font-weight:600;left:66px;padding:6px 10px;position:fixed;transform:translateY(-50%)}.sidenav-floating-tooltip:before{border-color:#0000 #010239f2 #0000 #0000;border-style:solid;border-width:6px 6px 6px 0;content:"";left:-4px;position:absolute;top:50%;transform:translateY(-50%)}.sidenav-scrollable{flex:1 1;overflow-x:hidden;overflow-y:auto}.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-width:992px){.sidenav{transform:translateX(-100%);width:280px!important}.sidenav.mobile-open{transform:translateX(0)}.collapse-btn{display:none}}@media (max-height:600px){.sidenav{overflow-y:auto}.sidenav-header{padding:16px 20px}.nav-item{padding:10px 16px}}.sf-breadcrumbs-nav{animation:fadeIn .3s ease-out;margin-bottom:20px;margin-top:25px;padding:0 13px}.sf-breadcrumbs-list{flex-wrap:wrap;margin:0}.sf-breadcrumb-item{color:#64748b;font-size:.875rem}.sf-breadcrumb-separator{font-size:.75rem;margin:0 10px}.sf-breadcrumb-link{border-radius:4px;color:#0586cb;font-weight:400;padding:2px 4px;transition:all .2s}.sf-breadcrumb-link:hover{scale:1.02}: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{margin:0 auto;min-height:100vh;padding:24px 0}.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}.leave-table-wrapper{overflow:auto}.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;padding:8px 15px}.profile-card,.profile-header-info{background:#fff;background:var(--color-white);width:100%}.profile-header-info{align-items:flex-start;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);display:flex;flex-direction:column;gap:5px;padding:32px}.profile-basic-info{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;width:100%}.profile-info-left{display:flex;flex:1 1;flex-direction:column;gap:8px}.profile-image-container{align-items:center;display:flex;flex-shrink:0;justify-content:center}.profile-image-wrapper{background:#fff;border-radius:25px;box-shadow:0 10px 25px #00000014;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-picture{border-radius:10px;display:block;height:180px;object-fit:fill;transition:transform .3s ease;width:180px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#000370,orange);background:linear-gradient(135deg,var(--color-dark-blue),var(--color-orange));border-radius:12px;color:#fff;display:flex;font-size:56px;font-weight:700;height:160px;justify-content:center;text-shadow:0 2px 4px #0003;width:160px}.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{border:2px solid #e2e8f0;border:2px solid var(--color-border)}.info-section-compact,.summary-card-section{background:#fff;background:var(--color-white);border-radius:10px;padding:20px;transition:all .2s ease}.summary-card-section{border:2px solid #e2e8f0;border:2px solid var(--color-border)}.salary-history-section{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}.salary-history-section:hover,.summary-card-section:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.info-section-compact h4,.salary-history-section h4,.summary-card-section 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;min-width:140px}.detail-label,.detail-value{font-size:13px;font-weight:500}.detail-value{color:#2f2f2f;color:var(--color-dark-gray);flex:1 1}.editable-field,.react-select__control{background:#fff!important;background:var(--color-white)!important;border:1.5px solid #e2e8f0!important;border:1.5px solid var(--color-border)!important;border-radius:8px!important;box-shadow:none!important;color:#2f2f2f!important;color:var(--color-dark-gray)!important;flex:1 1;font-family:inherit!important;font-size:13px!important;min-height:38px!important;transition:all .2s ease!important;width:100%}.editable-field:focus,.react-select__control--is-focused{background:#fff!important;background:var(--color-white)!important;border-color:orange!important;border-color:var(--color-orange)!important;box-shadow:0 0 0 3px #ffa50026!important;outline:none!important}.editable-field[disabled]{background:#f8fafc!important;background:var(--color-light-gray)!important;border-color:#e2e8f0!important;border-color:var(--color-border)!important;color:#64748b!important;color:var(--color-text-tertiary)!important;cursor:not-allowed}.searchable-select-container{flex:1 1;width:100%}.react-select__menu{font-size:13px;z-index:99}.react-select__option--is-selected{background-color:#000370!important;background-color:var(--color-dark-blue)!important}.react-select__option--is-focused:not(.react-select__option--is-selected){background-color:#f1f5f9!important;color:#2f2f2f!important;color:var(--color-dark-gray)!important}.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-wrapper{background:#fff;background:var(--color-white);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:8px;margin-top:20px;overflow-x:auto;width:100%}.loan-table{border-collapse:collapse;min-width:900px;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-btns{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-btns:hover{box-shadow:0 2px 8px #ffa50033;scale:1.05}.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;padding:24px;width:1100px}.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{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);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-radius:8px;color:var(--color-white);font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.save-btn:hover{background:#e69500;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{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;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}}.action-buttons{border-top:2px solid #e2e8f0;border-top:2px solid var(--color-border);grid-column:1/-1;margin-top:24px}.tab-content{padding:24px}.icon-margin{margin-right:8px}.margin-bottom-20{margin-bottom:20px!important}.margin-bottom-30{margin-bottom:30px!important}.margin-top-20{margin-top:20px!important}.margin-top-30{margin-top:30px!important}.margin-right-10{margin-right:10px!important}.summary-icon.blue{background-color:#e3f2fd}.summary-icon.red{background-color:#ffebee}.summary-icon.green{background-color:#e8f5e9}.summary-icon.purple{background-color:#f3e5f5}.modal-body-compact{margin:0!important;padding:0!important}.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:var(--color-white);border:2px solid #cbd5e1;border-radius:8px;color:#475569;color:var(--color-text-secondary);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}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.homestat-number{color:orange;color:var(--color-orange);font-size:28px;font-weight:700;margin-top:5px}.asset-tag-badge{background-color:#f8fafc;background-color:var(--color-light-gray);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:4px;color:#475569;color:var(--color-text-secondary);font-size:12px;font-weight:600;padding:2px 8px}@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;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;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}.summary-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.summary-controls{align-items:center;display:flex;gap:10px}.year-label{align-items:center;display:inline-flex;font-weight:600;gap:8px;white-space:nowrap}.year-icon,.year-label{color:#333;font-size:14px}.year-dropdown{position:relative;width:220px}.year-dropdown-btn{align-items:center;background:#fff;background:var(--color-white);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:8px;color:#1e293b;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;text-align:left;width:100%}.year-caret{font-size:12px;opacity:.7}.year-dropdown-menu{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 6px 16px #0000001f;left:0;max-height:200px;overflow-y:auto;position:absolute;top:calc(100% + 6px);z-index:100}.year-dropdown-menu,.year-item{background:#fff;background:var(--color-white);width:100%}.year-item{border:none;color:#1e293b;color:var(--color-text-primary);cursor:pointer;font-size:14px;padding:10px 12px;text-align:left}.year-item:hover{background:#f8fafc;background:var(--color-light-gray)}.year-item.active{background:#010239;color:#fff}.year-empty{color:#64748b;color:var(--color-text-tertiary);padding:10px 12px}:root{--gm-orange:#f97316;--gm-orange-hover:#ea580c;--gm-blue-hover:#2563eb;--gm-dark:#1e293b;--gm-gray:#64748b;--gm-light:#f8fafc;--gm-border:#e2e8f0;--gm-danger:#ef4444}.global-modal-overlay{align-items:center;animation:gmFadeIn .3s forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:9999}.global-modal-content{animation:gmSlideUp .3s cubic-bezier(.34,1.56,.64,1) forwards;background:#fff;border:1px solid #ffffff80;border-radius:24px;box-shadow:inset 0 0 0 1px #ffffff1a,0 25px 50px -12px #0000004d;display:flex;flex-direction:column;max-height:90vh;opacity:0;overflow:hidden;position:relative;transform:scale(.95);width:90%}.gm-sm{max-width:400px}.gm-salary-sheet{max-width:600px}.gm-md{max-width:1100px}.gm-lg{max-width:900px}.gm-xl{max-width:1200px}.global-modal-header{align-items:center;background:#fff;border-bottom:2px solid #f8fafc;border-bottom:2px solid var(--gm-light);display:flex;flex-shrink:0;justify-content:space-between;padding:24px 32px}.global-modal-title{align-items:center;color:#1e293b;color:var(--gm-dark);display:flex;font-size:1.5rem;font-weight:700;margin:0}.global-modal-title:before{background:linear-gradient(180deg,#f97316,#fb923c);background:linear-gradient(to bottom,var(--gm-orange),#fb923c);border-radius:4px;content:"";display:block;height:24px;margin-right:12px;width:6px}.global-modal-body{color:#1e293b;color:var(--gm-dark);font-size:.95rem;line-height:1.6;overflow-y:auto;padding:32px}.global-modal-body input.form-control,.global-modal-body select.form-control,.global-modal-body textarea.form-control{font-size:.9rem!important;padding:8px 12px}.global-modal-body label{font-size:.9rem;margin-bottom:6px}.global-modal-body::-webkit-scrollbar{width:8px}.global-modal-body::-webkit-scrollbar-track{background:#0000}.global-modal-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.global-modal-body::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.global-modal-footer{background:#f8fafc;background:var(--gm-light);border-top:1px solid #e2e8f0;border-top:1px solid var(--gm-border);display:flex;flex-shrink:0;gap:16px;justify-content:flex-end;padding:24px 32px}.global-modal-close-btn{align-items:center;background:#f97316;background:var(--gm-orange);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;transition:all .2s;width:30px}.global-modal-close-btn:hover{transform:scale(1.1)}.gm-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 5px #0000000d;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:10px 24px;transition:all .2s ease}.gm-btn-primary{background:#3b82f6;background:var(--gm-blue);color:#fff}.gm-btn-primary:hover{background:var(--primary-blue)}.gm-btn-secondary{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gm-border);color:#1e293b;color:var(--gm-dark)}.gm-btn-secondary:hover{transform:translateY(-1px)}.gm-btn-blue{background:#0000;border:1px solid #3b82f6;border:1px solid var(--gm-blue);color:#3b82f6;color:var(--gm-blue)}.gm-btn-blue:hover{background:#eff6ff;color:#2563eb;color:var(--gm-blue-hover)}@keyframes gmFadeIn{to{opacity:1}}@keyframes gmSlideUp{to{opacity:1;transform:scale(1)}}@media (max-width:640px){.global-modal-content{border-radius:16px;max-height:95vh;width:95%}.global-modal-header{padding:16px 20px}.global-modal-title{font-size:1.2rem}.global-modal-body{padding:20px}.global-modal-footer{flex-direction:column-reverse;gap:12px;padding:16px 20px}.gm-btn{padding:12px 20px;width:100%}}.employee-it-assets{padding:24px}.employee-it-assets__error,.employee-it-assets__loading{padding:16px}.employee-it-assets__detail-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.employee-it-assets__back-btn{margin:0;padding:8px 16px}.employee-it-assets__back-icon{margin-right:8px;transform:rotate(180deg)}.employee-it-assets__detail-title{font-size:20px;font-weight:600;margin:0}.employee-it-assets__section-title{align-items:center;display:flex}.employee-it-assets__section-icon{margin-right:8px}.employee-it-assets__type-badge{background-color:#eef2ff;border-color:#c7d2fe;color:#6366f1}.employee-it-assets__access-link{align-items:center;color:#6366f1;display:inline-flex;gap:4px;text-decoration:none}.employee-it-assets__username{font-weight:600}.employee-it-assets__password-wrap{align-items:center;display:flex;gap:8px}.employee-it-assets__password-masked{font-family:monospace}.employee-it-assets__toggle-pass{background:none;border:none;color:#94a3b8;cursor:pointer;padding:0}.employee-it-assets__amount,.employee-it-assets__twofa{font-weight:600}.employee-it-assets__list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.employee-it-assets__search-box{align-items:center;display:flex;gap:8px}.employee-it-assets__search-icon{color:#94a3b8}.employee-it-assets__search-input{margin:0;width:200px}.employee-it-assets__stats{margin-top:0}.employee-it-assets__table-wrap{margin-top:20px}.employee-it-assets__row{cursor:pointer}.employee-it-assets__asset-name-cell{align-items:center;display:flex;font-weight:600;gap:8px}.employee-it-assets__asset-name{font-weight:600}.employee-it-assets__url-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-it-assets__no-matches{padding:20px;text-align:center}.employee-it-assets__hint{color:#64748b;font-size:12px;font-style:italic;margin-top:12px}.employee-it-assets__empty{background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;padding:40px;text-align:center}.employee-it-assets__empty-icon{color:#94a3b8;margin-bottom:16px}.employee-it-assets__empty-title{color:#475569;margin-bottom:8px}.employee-it-assets__empty-text{color:#64748b;margin:0}.page-btn:hover:not(:disabled):not(.active){background:#f3f2f2;border-color:#006dcc}.page-btn.active{cursor:default;pointer-events:none}.hr-container{--color-success:#10b981;--color-danger:#ef4444}.hr-container input[type=date]:focus,.hr-container input[type=email]:focus,.hr-container input[type=number]:focus,.hr-container input[type=password]:focus,.hr-container input[type=search]:focus,.hr-container input[type=text]:focus,.hr-container textarea:focus{border-color:#f97316!important;border-color:var(--color-orange)!important;box-shadow:0 0 0 3px #f9731633!important;outline:none}.hr-container{padding:10px 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{grid-column-gap:14px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;column-gap:14px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:15px}.hr-category-card:hover{background:#fff;border-color:#f97316}.hr-category-card:before{background:#f97316;background:var(--color-orange)}.category-icon{color:#64748b;color:var(--color-text-secondary);font-size:24px;transition:all .3s ease}.hr-category-card:hover .category-icon{color:#fff;color:var(--color-white)}.category-title{align-self:end;color:#1e293b;color:var(--color-dark-gray);font-size:18px;font-weight:600;grid-column:2;grid-row:1;line-height:1.4;margin-bottom:0}.category-description{align-self:start;color:#94a3b8;color:var(--color-text-tertiary);font-size:14px;grid-column:2;grid-row:2;line-height:1.5;margin-bottom:0}.subcategory-header h2{color:var(--color-dark-gray);cursor:default;font-weight:600;-webkit-user-select:none;user-select:none}.employee-management-container{min-height:calc(100vh - 40px);padding:20px 0}.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);margin:24px 0}.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:#f97316;border-color:var(--color-orange);box-shadow:0 0 0 3px #f9731633;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);color:#1e293b;color:var(--color-dark-gray);padding:12px 16px;transition:all .3s ease}.filter-select:focus{border-color:#3b82f6}.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;transform:translateY(-1px)}.table-container{border-radius:12px;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{border:1px solid #fecaca}.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:#fff;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}.dashboard-header{padding:10px}.employee-management-container{padding:10px 0}}@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;box-shadow:0 4px 12px #0000001a;margin:auto;padding:10px;width:100%}.report-toolbar{align-items:end;background:#f8f9fa;border-bottom:1px solid #e0e0e0;gap:15px;width:100%}.search-icon{color:#7f8c8d;position:relative}.search-input{border:2px solid #e0e0e0;caret-color:#0000;padding:10px 25px;-webkit-user-select:none;user-select:none}.search-input:focus{border-color:#f97316}.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 label,.filter-dropdown select{cursor:default;-webkit-user-select:none;user-select:none}.filter-dropdown select{border:2px solid #e0e0e0;border-radius:6px;caret-color:#0000;padding:8px 12px}.filter-dropdown select:focus{outline:none}.toolbar-actions{flex-wrap:wrap;gap:10px}.action-btn{border:1px solid #e0e0e0;border-radius:6px;color:#2c3e50;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{padding:0}.data-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;font-size:14px}.data-table td,.data-table th{color:#2c3e50;padding:8px 10px;-webkit-user-select:none;user-select:none}.data-table td{border-bottom:1px solid #e0e0e0;cursor:default;font-size:12px}.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.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;margin-bottom:8px}.summary-value{color:#2c3e50;font-size:21px;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 .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}.metric-row{grid-gap:16px;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.metric-donut{background:conic-gradient(var(--accent) 0 0,var(--ring-bg) 0 100%)}.hr-container h3{color:#111827;font-size:20px;font-weight:700;margin:0 0 14px}.metric-row{grid-gap:18px;background:#fff;border-radius:22px;box-shadow:0 6px 20px #0f172a0f;display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:28px;padding:20px}.metric-card{border:1px solid #eef2f7;border-radius:18px;box-shadow:0 4px 14px #0f172a0d;justify-content:space-between;min-height:230px;padding:18px 16px}.metric-head{margin-bottom:12px}.metric-title{color:#6b7280;font-size:14px}.metric-badge{align-items:center;border-radius:12px;display:flex;height:38px;justify-content:center;width:38px}.metric-values{color:#111827;font-size:30px;font-weight:700;line-height:1;margin-bottom:16px}.metric-body{align-items:center;padding-top:8px}.metric-donut{height:110px;width:110px}.metric-donut,.metric-donut-inner{align-items:center;display:flex;justify-content:center}.metric-donut-inner{height:74px;width:74px}.metric-center-bottom{font-size:16px}.metric-blue{border-top:4px solid #3b82f6}.metric-green{border-top:4px solid #10b981}.metric-orange{border-top:4px solid #f59e0b}@media (max-width:1200px){.metric-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.metric-row{grid-template-columns:1fr}}.lms-scoped{min-height:100vh;padding:20px}.lms-scoped .lms-header{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.lms-scoped .lms-header h2{color:#333;font-size:24px;margin:0 0 8px}.lms-scoped .lms-header p{color:#666;margin:0}.lms-scoped .lms-error-message{align-items:center;background:#ffebee;border-radius:4px;color:#c62828;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.lms-scoped .lms-close-error{background:none;border:none;color:#c62828;cursor:pointer;font-size:18px}.lms-scoped .lms-tabs{background:none;border:none;border-radius:8px;display:flex;gap:8px;margin-bottom:20px;padding:8px}.lms-scoped .lms-tab-btn{align-items:center;background:#fff;border:none;border-radius:4px;color:#010239;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.lms-scoped .lms-tab-btn:hover{background:#fff!important;color:#010239!important}.lms-scoped .lms-tab-btn.lms-active,.lms-scoped .lms-tab-btn.lms-active:hover{background:#010239!important;color:#fff!important}.lms-scoped .lms-tab-icon{font-size:14px}.lms-scoped .lms-content{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px}.lms-scoped .lms-apply-leave h3,.lms-scoped .lms-leave-history h3,.lms-scoped .lms-leave-requests h3,.lms-scoped .lms-leave-summary h3{color:#333;font-size:20px;margin-bottom:20px}.lms-scoped .lms-summary-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.lms-scoped .lms-summary-controls{align-items:center;display:flex;gap:10px}.lms-scoped .lms-year-label{align-items:center;color:#333;display:inline-flex;font-size:14px;font-weight:600;gap:8px;white-space:nowrap}.lms-scoped .lms-year-icon{color:#333;font-size:14px}.lms-scoped .lms-year-dropdown{position:relative;width:220px}.lms-scoped .lms-year-dropdown-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;text-align:left;width:100%}.lms-scoped .lms-year-caret{font-size:12px;opacity:.7}.lms-scoped .lms-year-dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 6px 16px #0000001f;left:0;max-height:200px;overflow-y:auto;position:absolute;top:calc(100% + 6px);width:100%;z-index:50}.lms-scoped .lms-year-item{background:#fff;border:none;cursor:pointer;font-size:14px;padding:10px 12px;text-align:left;width:100%}.lms-scoped .lms-year-item:hover{background:#f8f9fa}.lms-scoped .lms-year-item.lms-active{background:#010239;color:#fff}.lms-scoped .lms-year-empty{color:#666;padding:10px 12px}.lms-scoped .lms-summary-table{overflow-x:auto}.lms-scoped .lms-requests-table.lms-modern,.lms-scoped .lms-summary-table.lms-modern{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:auto}.lms-scoped .lms-summary-table.lms-modern table{border-collapse:initial;border-spacing:0;font-size:12px;min-width:1100px;width:100%}.lms-scoped .lms-requests-table.lms-modern table{border-collapse:initial;border-spacing:0;font-size:13px;min-width:900px;width:100%}.lms-scoped .lms-requests-table.lms-modern thead th,.lms-scoped .lms-summary-table.lms-modern thead th{background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;color:#333;font-weight:700;padding:12px 14px;text-align:left;white-space:nowrap}.lms-scoped .lms-requests-table.lms-modern thead th:last-child,.lms-scoped .lms-summary-table.lms-modern thead th:last-child{border-right:none}.lms-scoped .lms-requests-table.lms-modern tbody td,.lms-scoped .lms-summary-table.lms-modern tbody td{border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;color:#555;padding:12px 14px;white-space:nowrap}.lms-scoped .lms-requests-table.lms-modern tbody td:last-child,.lms-scoped .lms-summary-table.lms-modern tbody td:last-child{border-right:none}.lms-scoped .lms-positive-balance{color:#28a745;font-weight:600}.lms-scoped .lms-negative-balance{color:#dc3545;font-weight:600}.lms-scoped .lms-form-group{margin-bottom:20px}.lms-scoped .lms-form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr}.lms-scoped .lms-form-group label{color:#333;display:block;font-weight:500;margin-bottom:6px}.lms-scoped .lms-form-group input,.lms-scoped .lms-form-group select,.lms-scoped .lms-form-group textarea{border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.lms-scoped .lms-form-group input:focus,.lms-scoped .lms-form-group select:focus,.lms-scoped .lms-form-group textarea:focus{border-color:#007bff;outline:none}.lms-scoped .lms-total-days{background:#f8f9fa;color:#666}.lms-scoped .lms-submit-btn{background:#010239;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:11px 10px;transition:background .2s ease}.lms-scoped .lms-submit-btn:disabled{background:#6c757d;cursor:not-allowed}.lms-scoped .lms-applications-table{overflow-x:auto}.lms-scoped .lms-applications-table table{border-collapse:collapse;font-size:14px;width:100%}.lms-scoped .lms-applications-table td,.lms-scoped .lms-applications-table th{border:1px solid #e0e0e0;padding:12px 16px;text-align:left}.lms-scoped .lms-applications-table th{background:#f8f9fa;color:#333;font-weight:600}.lms-scoped .lms-status-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.lms-scoped .lms-status-pending{background:#ff751f;color:#fff}.lms-scoped .lms-status-approved{background:#d4edda;color:#155724}.lms-scoped .lms-status-rejected{background:#f8d7da;color:#721c24}.lms-scoped .lms-requests-header{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:space-between;margin-bottom:12px}.lms-scoped .lms-requests-subtitle{color:#666;font-size:13px;margin:0}.lms-scoped .lms-request-row{cursor:pointer;transition:background .15s ease}.lms-scoped .lms-request-row:hover{background:#f8f9fa}.lms-scoped .lms-req-employee{display:flex;flex-direction:column;gap:2px}.lms-scoped .lms-req-employee-name{color:#111827;font-weight:600}.lms-scoped .lms-req-employee-id{color:#6b7280;font-size:12px}.lms-scoped .lms-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.lms-scoped .lms-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08070799;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.lms-scoped .lms-modal-card{animation:lms-modal-pop .2s ease-out;background:#fff;border-radius:22px;box-shadow:0 2px 3px 0 #00000029;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes lms-modal-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lms-scoped .lms-modal-header{align-items:center;background:#f3f2f2;border-bottom:2px solid #dddbda;display:flex;justify-content:space-between;padding:1rem 1.5rem}.lms-scoped .lms-modal-title{color:#080707;font-size:1.25rem;font-weight:700;line-height:1.25;margin:0}.lms-scoped .lms-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#706e6b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.lms-scoped .lms-modal-close:hover{background:#e3e3e2;color:#080707}.lms-scoped .lms-modal-body{background:#fff;overflow-y:auto;padding:1.5rem 1.5rem .5rem}.lms-scoped .lms-section-title{border-bottom:1px solid #dddbda;color:#706e6b;font-size:.75rem;font-weight:700;letter-spacing:.0625rem;margin:1.5rem 0 1rem;padding-bottom:.5rem;text-transform:uppercase}.lms-scoped .lms-section-title:first-child{margin-top:0}.lms-scoped .lms-grid{grid-gap:1.5rem 2rem;display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(2,1fr)}.lms-scoped .lms-form-item{display:flex;flex-direction:column;gap:.25rem}.lms-scoped .lms-form-item.lms-full-width{grid-column:span 2}.lms-scoped .lms-form-label{color:#706e6b;font-size:.75rem;font-weight:400}.lms-scoped .lms-form-value{color:#080707;font-size:.875rem;font-weight:500;min-height:1.25rem}.lms-scoped .lms-reason-text{background:#f3f2f2;border:1px solid #dddbda;border-radius:8px;color:#080707;font-size:.875rem;line-height:1.5;padding:.75rem;white-space:pre-wrap}.lms-scoped .lms-status-badge-modal{border-radius:15rem;display:inline-flex;font-size:.75rem;font-weight:700;padding:.25rem .75rem;text-transform:uppercase;width:fit-content}.lms-scoped .lms-status-pending-modal{background:#fff1d2;border:1px solid #ffb75d;color:#8a6601}.lms-scoped .lms-status-approved-modal{background:#eef4e6;border:1px solid #94c084;color:#2e844a}.lms-scoped .lms-status-rejected-modal{background:#fef0f0;border:1px solid #f99faa;color:#ea001e}.lms-scoped .lms-modal-footer{align-items:center;background:#f3f2f2;border-top:1px solid #dddbda;display:flex;justify-content:flex-end;padding:1rem 1.5rem}.lms-scoped .lms-footer-actions{background:#fff;display:flex;gap:.75rem;justify-content:flex-end;padding:.5rem 1.5rem 1.5rem}.lms-scoped .lms-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;height:2rem;justify-content:center;padding:0 1rem;transition:all .2s}.lms-scoped .lms-btn-neutral{background:#fff;border-color:#dddbda;color:#0070d2}.lms-scoped .lms-btn-neutral:hover{background:#080808;border-color:#dddbda}.lms-scoped .lms-btn-brand{background:#0070d2;border-color:#0070d2;color:#fff}.lms-scoped .lms-btn-brand:hover{background:#005fb2}.lms-scoped .lms-btn-destructive{background:#fff;border-color:#dddbda;color:#ea001e}.lms-scoped .lms-btn-destructive:hover{background:#f3f2f2;border-color:#c23934;color:#c23934}.lms-scoped .lms-btn:disabled{background:#ecebea;border-color:#dddbda;color:#706e6b;cursor:not-allowed}@media (max-width:640px){.lms-scoped .lms-grid{grid-template-columns:1fr}.lms-scoped .lms-form-item.lms-full-width{grid-column:span 1}}: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 .form-control:focus,.recruitment-container input:focus,.recruitment-container select:focus,.recruitment-container textarea:focus{border-color:#ea580c!important;border-color:var(--color-primary-hover)!important;box-shadow:0 0 0 3px #ea580c33!important;outline:none!important}.recruitment-container select.form-control{border-color:#e2e8f0;border-color:var(--color-border);color:#f97316;color:var(--color-primary);transition:all .3s ease}.recruitment-container select.form-control:focus{border-color:#ea580c!important;border-color:var(--color-primary-hover)!important}.recruitment-container{margin:0 auto;min-height:100vh;padding:20px}.recruitment-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:flex-end;margin-bottom:24px;padding:24px}.recruitment-title-section{flex:1 1}.recruitment-title-section h2{color:#1e293b;color:var(--color-dark-gray);font-size:24px;font-weight:600;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{align-items:center;background:#f1f5f9;border-radius:12px;display:flex;height:60px;justify-content:center;margin-bottom:20px;transition:all .3s ease;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-title{color:#1e293b;color:var(--color-dark-gray);font-size:18px;font-weight:600;line-height:1.4;margin-bottom:12px}.module-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;color:var(--color-text-secondary);display:-webkit-box;flex:1 1;font-size:14px;line-height:1.5;margin:0;overflow:hidden}.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;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:flex-end;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}.recruitment-container .form-control:focus{border-color:#ea580c!important;border-color:var(--color-primary-hover)!important;box-shadow:0 0 0 3px #ea580c33!important;outline:none}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]{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}.recruitment-form-enhanced .form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);margin-top:30px;padding-top:20px}#schedule-interview-form .form-group{position:relative;width:100%}#schedule-interview-form select.form-control{box-sizing:border-box;white-space:nowrap;width:100%}#schedule-interview-form select.form-control,#schedule-interview-form select.form-control option{max-width:100%;overflow:hidden;text-overflow:ellipsis}.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%}.recruitment-container .info-card .form-control:focus{border-color:#ea580c!important;border-color:var(--color-primary-hover)!important;box-shadow:0 0 0 3px #ea580c33!important;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{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{-webkit-overflow-scrolling:touch;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-x:auto;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:sticky;text-align:center;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;color:var(--color-text-secondary)}.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)}.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;overflow:auto;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: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:#f1f5f9}.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:#ea580c!important;border-color:var(--color-primary-hover)!important;box-shadow:0 0 0 3px #ea580c33!important;outline:none!important}.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:#ea580c!important;border-color:var(--color-primary-hover)!important;box-shadow:0 0 0 4px #ea580c26,0 4px 12px #ea580c33!important;transform:translateY(-1px)}.checkbox-wrapper{align-items:center!important;cursor:pointer;display:flex!important;gap:8px}.recruitment-form-enhanced input[type=checkbox]{accent-color:#ff751f;cursor:pointer;height:16px!important;margin:0!important;transform:none;width:16px!important}.recruitment-form-enhanced input[type=checkbox]+span{color:#f97316;color:var(--color-primary);cursor:pointer;font-size:14px;font-weight:500;line-height:1}.recruitment-container input[type=search]:focus,.recruitment-container input[type=text]:focus,.recruitment-form-enhanced .form-control:focus{background-color:#fff;border-color:#ea580c!important;border-color:var(--color-primary-hover)!important;box-shadow:0 0 0 3px #ea580c33!important;outline:none!important}.recruitment-form-enhanced{background:#fff;box-shadow:0 10px 30px #0000000d}.recruitment-form-enhanced .form-control:hover{background-color:#f8fafc;border-color:#cbd5e1}.recruitment-form-enhanced .form-control:focus{background-color:#fff}.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 #00000005;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;padding:6px 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;justify-content:center;margin-top:32px;padding:24px}.pagination-btn{background:#fff;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);cursor:pointer;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:#fff;color:var(--color-white);font-weight:600}.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:#ea580c!important;border-color:var(--color-primary-hover)!important;outline:none!important}.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:#ea580c!important;border-color:var(--color-primary-hover)!important;box-shadow:0 0 0 3px #ea580c33!important;outline:none!important}.recruitment-modal{align-items:center;animation:modalFadeIn .25s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293bcc;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content{animation:modalSlideIn .3s cubic-bezier(.34,1.3,.64,1);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 25px 50px #00000026,0 10px 25px #0000001a,inset 0 0 0 1px #ffffff1a;max-width:600px}.modal-header{background:linear-gradient(135deg,#fafbfc,#fff);border-bottom:1px solid #e2e8f0;border-radius:19px 19px 0 0;flex-shrink:0;padding:28px 32px}.modal-header h2{color:#1e293b;color:var(--color-dark-gray);font-weight:700;letter-spacing:-.3px}.close-button{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:8px;color:#94a3b8;color:var(--color-text-tertiary);height:36px;line-height:1;padding:8px 12px;transition:all .2s ease;width:36px}.close-button:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444;color:var(--color-danger)}.modal-body::-webkit-scrollbar-track{background:#f1f5f9}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-footer{background:linear-gradient(180deg,#fff,#fafbfc);border-radius:0 0 19px 19px;border-top:1px solid #e2e8f0;flex-shrink:0;padding:24px 32px}.modal-sm{max-width:400px!important}.modal-md{max-width:600px!important}.modal-lg{max-width:900px!important}.modal-xl{max-width:1200px!important}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{border-color:#ea580c!important;border-color:var(--color-primary-hover)!important;box-shadow:0 0 0 3px #ea580c33!important;outline:none!important}.modal-footer button.primary-btn,.modal-footer button[type=submit]{background-color:#f97316;background-color:var(--color-primary);border:none;color:#fff}.modal-footer button.primary-btn:hover,.modal-footer button[type=submit]:hover{background-color:#ea580c;background-color:var(--color-primary-hover)}.modal-footer button.cancel-btn,.modal-footer button.secondary-btn,.modal-footer button[type=button]:not(.primary-btn){background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border);color:#64748b;color:var(--color-text-secondary)}.modal-footer button.cancel-btn:hover,.modal-footer button.secondary-btn:hover,.modal-footer button[type=button]:not(.primary-btn):hover{background-color:#f1f5f9;color:#1e293b;color:var(--color-dark-gray)}@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-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:10px 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%}}button:disabled{cursor:not-allowed;opacity:.5}.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}input,select,textarea{padding:6px 11px}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{gap:5px}.status-badge{color:#000;font-size:11px;letter-spacing:.3px;min-width:70px;padding:4px 8px;text-align:center}.status-edit-btn{background:none;border:none;font-size:12px;margin-left:4px;padding:2px}.status-edit-btn:hover{color:#ea580c;color:var(--color-primary-hover)}.quick-status-actions{gap:4px;margin-top:4px}.quick-status-btn{border:none;font-weight:500;padding:2px 6px}.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 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}.pagination-container{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;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: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:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;font-size:.95rem;margin-bottom:16px;overflow:hidden;padding:16px 20px;position:relative;transition:all .2s ease}.candidate-info-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-1px)}.candidate-info-card:before{background:linear-gradient(180deg,#f97316,#fb923c);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.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}.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}.status-container{display:flex;flex-direction:column;gap:8px;min-width:170px}.status-container>div{align-items:center;display:flex!important;gap:8px;width:100%}.status-container .status-badge{align-items:center;border:1px solid #0000;border-radius:6px;box-shadow:0 1px 2px #0000001a;color:#fff;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;justify-content:center;letter-spacing:.5px;min-width:80px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.status-container .status-badge:hover{box-shadow:0 3px 6px #0000001a;filter:brightness(1.05);transform:translateY(-1px)}.status-edit-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:4px;box-shadow:0 1px 2px #0000000d;color:#f97316;color:var(--color-primary);cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:center;opacity:1;position:static;transform:none;transition:all .2s ease;width:26px}.dashboard-grid-card{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.status-container:hover .status-edit-btn{border-color:#f97316;border-color:var(--color-primary);color:#f97316;color:var(--color-primary)}.status-edit-btn:hover{background:#f97316!important;background:var(--color-primary)!important;border-color:#f97316!important;border-color:var(--color-primary)!important;box-shadow:0 2px 4px #f9731633;color:#fff!important;transform:translateY(-1px)}.quick-status-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.quick-status-btn{background:#fff;border:1px solid;border-radius:4px;cursor:pointer;flex-grow:1;font-size:10px;font-weight:600;min-width:60px;padding:4px 8px;text-align:center;text-transform:uppercase;transition:all .2s ease}.quick-status-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.screening-btn{border-color:#f59e0b;color:#f59e0b}.screening-btn:hover{background:#f59e0b;color:#fff}.interview-btn{border-color:#3b82f6;color:#3b82f6}.interview-btn:hover{background:#3b82f6;color:#fff}.offer-btn{border-color:#8b5cf6;color:#8b5cf6}.offer-btn:hover{background:#8b5cf6;color:#fff}.hired-btn{border-color:#10b981;color:#10b981}.hired-btn:hover{background:#10b981;color:#fff}.rejected-btn{border-color:#ef4444;color:#ef4444}.rejected-btn:hover{background:#ef4444;color:#fff}.status-container>span:first-child{display:none}@media (max-width:1200px){.status-container{min-width:150px}}@media (max-width:768px){.status-container{min-width:120px}.status-edit-btn{height:24px;width:24px}}.recruitment-modal-details-layout{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.recruitment-modal-details-section{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.recruitment-modal-section-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 15px}.recruitment-modal-section-header h3{color:#1e293b;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.recruitment-modal-details-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(2,1fr)}.recruitment-modal-detail-item{border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;gap:4px;padding:10px 15px}.recruitment-modal-detail-item:nth-child(2n){border-right:none}.recruitment-modal-detail-item.full-width{border-right:none;grid-column:span 2}.recruitment-modal-detail-item label{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.recruitment-modal-detail-item p{color:#1e293b;font-size:14px;font-weight:500;margin:0}.recruitment-email-body-preview{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;line-height:1.6;max-height:400px;min-height:300px;overflow-y:auto;padding:20px;white-space:pre-line}.recruitment-template-buttons-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.recruitment-template-btn-small{font-size:12px;min-width:0;min-width:auto;padding:5px 12px}.recruitment-form-helper-compact{color:#6b7280;font-size:12px;margin-top:5px}.isr-u-flex,.isr-u-flex-between{display:flex!important}.isr-u-flex-between{align-items:center!important;justify-content:space-between!important}.isr-u-flex-gap-10{gap:10px!important}.isr-u-flex-gap-8{gap:8px!important}.isr-u-align-start{align-items:flex-start!important}.isr-u-justify-end{justify-content:flex-end!important}.isr-u-mb-10{margin-bottom:10px!important}.isr-u-mb-20{margin-bottom:20px!important}.isr-u-mt-5{margin-top:5px!important}.isr-u-mt-10{margin-top:10px!important}.isr-u-mt-15{margin-top:15px!important}.isr-u-mt-20{margin-top:20px!important}.isr-u-pt-15{padding-top:15px!important}.isr-u-p-15{padding:15px!important}.isr-u-p-20{padding:20px!important}.isr-u-p-24{padding:24px!important}.isr-u-p-32{padding:32px!important}.isr-u-p-40{padding:40px!important}.isr-u-text-center{text-align:center!important}.isr-u-text-right{text-align:right!important}.isr-u-text-danger{color:#ef4444!important;color:var(--color-danger)!important}.isr-u-text-success{color:#10b981!important;color:var(--color-success)!important}.isr-u-text-bold{font-weight:700!important}.isr-u-text-muted-sm{color:#6b7280!important;font-size:14px!important}.isr-u-text-muted-xs{color:#6b7280!important;font-size:12px!important}.isr-u-text-bold-lg{font-size:16px!important;font-weight:700!important}.isr-u-border-top{border-top:1px solid #e5e7eb!important}.isr-u-m-0{margin:0!important}.isr-calendar-shimmer{border-radius:8px!important}.isr-calendar-container,.isr-calendar-shimmer{height:600px!important}.isr-btn-sm{padding:5px 15px!important}.isr-action-btn-xs{font-size:12px!important;padding:5px 10px!important}.isr-cancel-btn{background:#fee2e2!important;border:none!important;color:#dc2626!important}.isr-card-inline{background:#fff!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important;margin-bottom:10px!important;min-width:600px;padding:15px!important}.isr-video-link{color:#3b82f6!important;display:block!important;font-size:14px!important;margin-top:5px!important;text-decoration:none!important}.isr-video-link:hover{text-decoration:underline!important}.isr-status-scheduled{background-color:#3b82f6!important}.isr-status-completed{background-color:#10b981!important}.isr-status-cancelled{background-color:#ef4444!important}.isr-status-default{background-color:#6b7280!important}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{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: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-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);outline:none}.search-input::placeholder{color:var(--color-text-tertiary)}.search-icon{color:var(--color-text-secondary);font-size:16px}.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;top:50%;transform:translateY(-50%);transition:color .2s}.clear-search:hover{color:var(--color-orange)}.filter-dropdown label{color:var(--color-text-secondary);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{background:#f973161a;border-radius:10px;height:60px;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-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)}.employee-name,.negative,.positive{font-weight:600}.bold{font-weight:700}.large{font-size:18px}.status-badge{border-radius:40px;display:flex;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;padding:20px 30px}.pagination,.pagination-btn{background:var(--color-white)}.pagination-btn{align-items:center;border:2px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--color-orange);border-color:var(--color-orange);color:var(--color-white)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;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);box-shadow:0 20px 60px #0000004d;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{background:var(--color-light-gray);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:15px;justify-content:space-between;margin-bottom:25px;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;padding:1px 5px}.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:none;border-radius:6px;color:var(--color-white);cursor:pointer;font-size:14px;font-weight:600;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}.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{margin-top:20px;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;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{align-items:flex-start;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;overflow:hidden;padding:20px;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:#0000;bottom:-20px;display:flex;height:140px;justify-content:center;opacity:.05;position:absolute;right:-20px;transition:all .4s ease;width:140px;z-index:0}.hr-category-card:hover .category-icon-container{opacity:.15;transform:scale(1.15)}.category-icon{color:var(--color-dark-gray)!important;font-size:110px!important;margin:0!important;padding:0!important;transition:all .4s ease}.hr-category-card:hover .category-icon{color:var(--color-orange)!important}.category-title{color:var(--color-dark-gray)!important;font-size:18px!important;font-weight:600!important;line-height:1.4!important}.category-description,.category-title{margin:0!important;padding:0!important;position:relative;text-align:left;width:100%;z-index:1}.category-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-tertiary)!important;display:-webkit-box;font-size:14px!important;line-height:1.5!important;overflow:hidden}.hr-category-card h3,.hr-category-card p{margin:0!important;padding:0!important}*{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}.home-content-wrapper{padding:30px}.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:10px;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:stretch;display:flex;gap:20px;justify-content:space-between;margin-top:20px;width:100%}.section-left{display:flex;flex-direction:column;gap:10px;width:70%}.section-right{width:30%}.homestats-grid{grid-gap:15px;align-items:stretch;display:grid;gap:15px;grid-template-columns:repeat(3,1fr) 220px;margin-top:15px}.homestat-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;padding:16px 20px;transition:all .3s ease}.homestat-card:hover{border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-3px)}.homestat-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.homestat-icon{align-items:center;display:flex;font-size:20px;justify-content:center}.homestat-card:first-child .homestat-icon,.homestat-card:nth-child(2) .homestat-icon{color:#f97316;opacity:.9}.homestat-card:nth-child(3) .homestat-icon{color:#fdba74;opacity:.9}.homestat-header h3{color:#000;font-size:15px;font-weight:700;margin:0}.stat-value{color:#000;font-size:32px;font-weight:700;line-height:1}.stat-label-mini{color:#94a3b8;font-size:12px;font-weight:600;margin-top:8px}.homestat-dual-row{display:flex;gap:45px}.homestat-sub-item{margin-left:10px}.dashboard-actions-column,.homestat-single-row{display:flex;flex-direction:column}.dashboard-actions-column{gap:12px;justify-content:center}.action-btn-premium{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:12px;height:50px;padding:0 18px;transition:all .2s ease;width:100%}.action-btn-premium .action-btn-icon{align-items:center;display:flex;font-size:20px;justify-content:center}.action-btn-premium.btn-blue{background:#0082c9}.action-btn-premium.btn-blue:hover{background:#0070ad;box-shadow:0 10px 15px -3px #0082c966;transform:scale(1.02)}.action-btn-premium.btn-dark{background:#010239}.action-btn-premium.btn-dark:hover{background:#02034d;box-shadow:0 10px 15px -3px #01023966;transform:scale(1.02)}@media (max-width:1400px){.homestats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.homestats-grid{grid-template-columns:1fr}.dashboard-actions-column{flex-direction:row;grid-column:span 1}}.create-request-btn-new{align-items:center;background:#ff751f;background:var(--color-accent);border:none;border-radius:15px;box-shadow:0 4px 12px #ff751f33;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;min-width:200px;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1);width:auto}.create-request-btn-new:hover{background:#ff751f;background:var(--color-accent);box-shadow:0 6px 16px #ff751f4d;transform:translateY(-2px)}.create-request-btn-new:active{transform:translateY(0)}.create-request-btn-new .btn-icon{background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;display:block;font-size:1.1rem;outline:none!important;padding:0!important;pointer-events:none}.homestat-card.prominent:hover .homestat-icon{color:#ff751f;color:var(--color-accent)}.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)}.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{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}.empty-icon{background:#ececec;border-radius:10px;border-radius:var(--radius-md);height:60px;margin:auto auto 20px;width:60px}@media (max-width:1200px){.homestats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.sections{flex-direction:column}.section-left,.section-right{width:100%}.module-grid{grid-template-columns:repeat(2,1fr)}.employee-stats-grid{grid-template-columns:1fr}.qa-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.welcome-banner{align-items:flex-start;flex-direction:column;gap:15px}.welcome-status{justify-content:center;width:100%}.notification-content{align-items:flex-start;flex-direction:column;gap:4px}.home-container{padding:12px}.home-content-wrapper{padding:10px}.page-header h2{font-size:24px}.main-content.collapsed,.main-content.full-width{margin-left:0!important}}@media (max-width:600px){.homestats-grid,.module-grid,.qa-grid{grid-template-columns:1fr}.homestat-card{padding:16px}.homestat-number{font-size:22px}}@media (max-width:480px){.welcome-title{font-size:16px}.welcome-banner{padding:15px}}.home-banner-carousel-wrapper{border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:44px;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{fill:currentColor;height:100%;object-fit:contain;pointer-events:none;transform-origin:center;width:100%}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:50%;top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:4px;left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:4px;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:50%;top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:4px;left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:4px;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:50%;left:var(--swiper-navigation-top-offset,50%);margin-left:-22px;margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:4px;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:4px;bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.dw-card{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;transition:var(--transition)}.dw-card:hover{box-shadow:var(--shadow-md)}.dw-full-height{display:flex;flex-direction:column;height:100%}.dw-full-height .dw-scrollable{flex:1 1;max-height:none;min-height:0}.dw-card-header{background:color-mix(in srgb,var(--color-primary) 4%,#0000);gap:10px;padding:12px 16px}.dw-card-header-icon{color:var(--color-accent);font-size:16px}.dw-card-header h3{color:var(--color-primary);font-size:13px;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.dw-scrollable{max-height:260px;overflow-y:auto;padding:0}.dw-scrollable::-webkit-scrollbar{width:4px}.dw-scrollable::-webkit-scrollbar-track{background:#0000}.dw-scrollable::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:20px}.dw-empty{color:var(--color-muted);font-size:13px;font-style:italic;padding:24px 16px;text-align:center}.dw-notice-item{border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:4px;padding:12px 16px;transition:var(--transition)}.dw-notice-item:last-child{border-bottom:none}.dw-notice-item:hover{background:color-mix(in srgb,var(--color-accent) 5%,#0000)}.dw-notice-meta{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.dw-notice-title{color:var(--color-text);font-size:13px;font-weight:600;line-height:1.4;margin:0}.dw-notice-date{color:var(--color-muted);flex-shrink:0;font-size:11px;margin-top:2px;white-space:nowrap}.dw-notice-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-muted);display:-webkit-box;font-size:12px;line-height:1.5;margin:0;overflow:hidden}.dw-notice-bottom{align-items:flex-end;display:flex;gap:8px;justify-content:space-between}.dw-notice-bottom .dw-notice-desc{flex:1 1;min-width:0}.dw-share-btn{align-items:center;background:none;border:1px solid var(--color-border);border-radius:5px;color:var(--color-primary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;padding:3px 9px;transition:var(--transition);white-space:nowrap}.dw-share-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.dw-birthday-notice{background:color-mix(in srgb,#e91e8c 6%,#0000);border-left:3px solid #e91e8c}.dw-birthday-notice:hover{background:color-mix(in srgb,#e91e8c 10%,#0000)}.dw-birthday-notice .dw-notice-title{align-items:center;color:#c0186f;display:flex}.dw-person-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:10px;padding:10px 16px;transition:var(--transition)}.dw-person-item:last-child{border-bottom:none}.dw-person-item:hover{background:color-mix(in srgb,var(--color-accent) 5%,#0000)}.dw-avatar{object-fit:cover}.dw-avatar,.dw-avatar-fallback{border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;height:38px;width:38px}.dw-avatar-fallback{align-items:center;background:var(--color-primary);color:var(--color-white);display:flex;font-size:12px;font-weight:700;justify-content:center}.dw-person-info{flex:1 1;min-width:0}.dw-person-name{color:var(--color-text);font-size:13px;font-weight:600;margin:0 0 2px}.dw-person-name,.dw-person-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dw-person-role{color:var(--color-muted);font-size:11px;margin:0}.dw-years-badge{background:color-mix(in srgb,var(--color-primary) 10%,#0000);border:1px solid color-mix(in srgb,var(--color-primary) 20%,#0000);border-radius:var(--radius-sm);color:var(--color-primary);flex-shrink:0;font-size:11px;font-weight:700;padding:3px 8px;white-space:nowrap}.dw-banner-wrapper{aspect-ratio:1100/350;border:2px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);height:350px;overflow:hidden;width:100%}.dw-banner-slide{align-items:center;background:#fff;display:flex;height:100%;justify-content:center;position:relative;width:100%}.dw-banner-img{display:block;height:100%;object-fit:contain;width:100%}.dw-banner-caption{background:linear-gradient(0deg,#010239d9 0,#0000);bottom:0;left:0;padding:24px 16px 12px;position:absolute;right:0}.dw-banner-caption h3{color:var(--color-white);font-size:15px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dw-banner-wrapper .swiper-pagination-bullet{background:#fff;opacity:.5}.dw-banner-wrapper .swiper-pagination-bullet-active{background:var(--color-accent);opacity:1}.dw-banner-wrapper .swiper-button-next,.dw-banner-wrapper .swiper-button-prev{color:#fff;opacity:0;transform:scale(.55);transition:opacity .3s}.dw-banner-wrapper:hover .swiper-button-next,.dw-banner-wrapper:hover .swiper-button-prev{opacity:.85}.dw-modal-overlay{align-items:center;animation:dwFadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.dw-modal-card{animation:dwSlideUp .3s ease;background:var(--color-white);border-radius:var(--radius-md);box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.dw-card-header{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:15px 20px}.dw-card-header-left{align-items:center;display:flex;gap:12px}.dw-header-btn{background:var(--color-primary);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001f;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:9px;transition:var(--transition)}.dw-header-btn:hover{background:var(--color-accent)}.dw-modal-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 20px}.dw-modal-header h2{color:var(--color-primary);font-size:18px;font-weight:700;margin:0}.dw-modal-close{background:none;border:none;color:var(--color-muted);cursor:pointer;font-size:24px;line-height:1;padding:0}.dw-modal-close:hover{color:var(--color-danger)}.dw-modal-body{overflow-y:auto;padding:20px}.dw-modal-date{color:var(--color-muted);display:block;font-size:13px;margin-bottom:12px}.dw-modal-content{color:var(--color-text);font-size:15px;line-height:1.6;white-space:pre-wrap}@keyframes dwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dwSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dw-confirm-overlay{align-items:center;animation:dwFadeIn .2s ease-out;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.dw-confirm-modal{animation:dwSlideUp .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:400px;padding:24px;width:100%}.dw-confirm-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.dw-confirm-header h3{color:#111827;font-size:1.25rem;font-weight:600;letter-spacing:normal;margin:0;text-transform:none}.dw-warning-icon{color:#0076d3;font-size:1.5rem}.dw-confirm-body{margin-bottom:24px}.dw-confirm-body p{color:#4b5563;font-size:14px;line-height:1.5;margin:0}.dw-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.dw-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.dw-btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151}.dw-btn-secondary:hover{background-color:#f3f4f6}.dw-btn-primary{background-color:#0076d3;color:#fff}.dw-btn-primary:hover{background-color:#005ea6}.pm-container{background:#f5f6fa;background:var(--color-bg,#f5f6fa);border-radius:12px;border-radius:var(--radius-md,12px);min-height:400px;padding:0}.pm-tabs{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--color-border,#e0e0e0);display:flex;gap:0;margin-bottom:20px}.pm-tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#888;color:var(--color-muted,#888);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:-2px;padding:12px 28px;transition:color .2s,border-color .2s}.pm-tab-btn.active,.pm-tab-btn:hover{color:#010239;color:var(--color-primary,#010239)}.pm-tab-btn.active{border-bottom-color:#e63946;border-bottom-color:var(--color-accent,#e63946)}.pm-widget{background:#fff;background:var(--color-white,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;border-radius:var(--radius-sm,8px);padding:24px}.pm-title{align-items:center;color:#010239;color:var(--color-primary,#010239);display:flex;font-size:17px;font-weight:700;gap:10px;margin:0 0 4px}.pm-subtitle{color:#888;color:var(--color-muted,#888);font-size:13px;margin:0 0 20px}.pm-form{background:color-mix(in srgb,#010239 3%,#0000);background:color-mix(in srgb,var(--color-primary,#010239) 3%,#0000);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;border-radius:var(--radius-sm,8px);margin-bottom:8px;padding:20px}.pm-form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px}.pm-form-group{display:flex;flex-direction:column;gap:5px;min-width:140px}.pm-form-group label{color:#222;color:var(--color-text,#222);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pm-help-text{color:#ff751f;color:var(--color-accent,#ff751f);font-size:10px;font-weight:600;margin-bottom:2px;margin-top:-2px}.pm-input{background:#fff;background:var(--color-white,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;border-radius:var(--radius-sm,8px);box-sizing:border-box;font-size:13px;outline:none;padding:9px 13px;transition:border-color .2s,box-shadow .2s;width:100%}.pm-input:focus{border-color:#010239;border-color:var(--color-primary,#010239);box-shadow:0 0 0 3px color-mix(in srgb,#010239 10%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary,#010239) 10%,#0000)}.pm-textarea{min-height:75px;resize:vertical}.flex-1{flex:1 1}.flex-2{flex:2 1}.flex-3{flex:3 1}.pm-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;height:40px;justify-content:center;padding:9px 20px;transition:background .2s;white-space:nowrap}.pm-btn-primary{background:#010239;background:var(--color-primary,#010239);color:#fff}.pm-btn-primary:hover:not(:disabled){background:#e63946;background:var(--color-accent,#e63946)}.pm-btn:disabled{cursor:not-allowed;opacity:.6}.pm-table-container{border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;border-radius:var(--radius-sm,8px);overflow-x:auto}.pm-table{border-collapse:collapse;font-size:13px;width:100%}.pm-table th{background:color-mix(in srgb,#010239 5%,#0000);background:color-mix(in srgb,var(--color-primary,#010239) 5%,#0000);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--color-border,#e0e0e0);color:#010239;color:var(--color-primary,#010239);font-size:12px;font-weight:700;letter-spacing:.04em;padding:11px 16px;text-align:left;text-transform:uppercase}.pm-table td{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);color:#222;color:var(--color-text,#222);padding:11px 16px;vertical-align:middle}.pm-table tr:last-child td{border-bottom:none}.pm-table tr:hover td{background:color-mix(in srgb,#010239 2%,#0000);background:color-mix(in srgb,var(--color-primary,#010239) 2%,#0000)}.pm-thumbnail{border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:4px;height:40px;object-fit:cover;width:90px}.pm-btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 8px;transition:background .2s}.pm-btn-icon:hover{background:color-mix(in srgb,red 10%,#0000)}.pm-text-danger{color:#e63946}.pm-status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase}.pm-status-active{background:color-mix(in srgb,#2e7d32 15%,#0000);color:#2e7d32}.pm-status-inactive{background:color-mix(in srgb,#888 12%,#0000);color:#888}.pm-status-scheduled{background:color-mix(in srgb,#ff751f 15%,#0000);background:color-mix(in srgb,var(--color-accent,#ff751f) 15%,#0000);color:#ff751f;color:var(--color-accent,#ff751f)}.pm-alert{border-radius:8px;border-radius:var(--radius-sm,8px);font-size:13px;font-weight:500;margin-bottom:14px;padding:10px 14px}.pm-alert-error{background:color-mix(in srgb,#e63946 10%,#0000);border:1px solid color-mix(in srgb,#e63946 30%,#0000);color:#e63946}.pm-preview-img-container{border-top:1px dashed #e0e0e0;border-top:1px dashed var(--color-border,#e0e0e0);margin-top:14px;padding-top:14px}.pm-preview-label{color:#888;color:var(--color-muted,#888);font-size:12px;font-weight:600;margin-bottom:8px}.pm-preview-img{border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;border-radius:var(--radius-sm,8px);display:block;max-height:110px;max-width:100%}.pm-empty{color:#888;color:var(--color-muted,#888);font-style:italic}.pm-confirm-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pm-confirm-card{background:#fff;background:var(--color-white,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 10px 25px #00000026;max-width:400px;padding:24px;text-align:center;width:90%}.pm-confirm-title{color:#010239;color:var(--color-primary,#010239);font-size:18px;font-weight:700;margin-bottom:12px}.pm-confirm-text{color:#222;color:var(--color-text,#222);font-size:14px;line-height:1.5;margin-bottom:24px}.pm-confirm-actions{display:flex;gap:12px;justify-content:center}.pm-btn-danger{background:#e63946;background:var(--color-danger,#e63946);color:#fff}.pm-btn-danger:hover{background:color-mix(in srgb,#e63946 80%,#000);background:color-mix(in srgb,var(--color-danger,#e63946) 80%,#000)}.pm-btn-secondary{background:#0000;border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);color:#222;color:var(--color-text,#222)}.pm-btn-secondary:hover{background:#f5f6fa;background:var(--color-bg,#f5f6fa)}.pm-table td:first-child,.pm-table th:first-child{text-align:left;width:140px}.pm-status-cell{padding-left:20px;text-align:left!important;vertical-align:middle}.pm-status-cell .pm-status-badge{align-items:center;display:inline-flex;justify-content:center}.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;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}.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;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:#010239;border-radius:4px;color:#fff;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: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: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: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;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:#fff}.tab-btn.active:hover{scale:1.01}.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}}.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: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{display:flex;gap:.5rem;justify-content:center}.action-btn{background:#fff;border:1px solid #dddbda;display:flex;font-size:.875rem;padding:.5rem .75rem}.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;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{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%}.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}.accouts-table-actions{background:#fafaf9}@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}}.contact-modal-content::-webkit-scrollbar,.customer-dropdown::-webkit-scrollbar{width:8px}.contact-modal-content::-webkit-scrollbar-track,.customer-dropdown::-webkit-scrollbar-track{background:#f3f2f2}.contact-modal-content::-webkit-scrollbar-thumb,.customer-dropdown::-webkit-scrollbar-thumb{background:#dddbda;border-radius:4px}.contact-modal-content::-webkit-scrollbar-thumb:hover,.customer-dropdown::-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}.refresh-btn:hover:not(:disabled){scale:1.02}.create-btn{background:#007bff;color:#fff}.create-btn:hover:not(:disabled){background:#010239;color:#fff}.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%}.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}.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 input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:8px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;outline:none}.required{color:#dc3545}.modal-footer{border-top:1px solid #eee;gap:12px;padding:20px}.cancel-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s}.cancel-btn{background:#6c757d;color:#fff}.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-footer{margin-top:20px}.page-btn:hover:not(:disabled){background:#f8f9fa}.page-btn.active{background:#010239;border-color:#010239}.page-jump input:focus{border-color:#0176d3}@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}}.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}.action-btns,.header-actions{align-items:center}.action-btns{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{background:none;color:#64748b;cursor:not-allowed}.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;font-size:13px;padding:4px 6px;text-align:center;width:70px}.rq-table-input.qty{width:55px}.rq-table-input.price{text-align:right;width:85px}.rq-table-input.discount{width:60px}.rq-table-input::-webkit-inner-spin-button,.rq-table-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.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;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{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:#ff7517;outline:none}.filter-group input:disabled,.filter-group select:disabled{background:#f3f2f2;color:#706e6b;cursor:not-allowed}.filter-actions{align-items:center;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)}.opportunities-container{background:#f3f2f2;min-height:100vh;padding:24px}}@media (max-width:900px){.filter-row{grid-template-columns:repeat(2,1fr)}.opportunities-container{background:#f3f2f2;min-height:100vh;padding:24px}}@media (max-width:600px){.filter-row{grid-template-columns:1fr}.filter-actions{align-items:stretch;flex-direction:column}.opportunities-container{background:#f3f2f2;min-height:100vh;padding:10px}}.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 svg{margin-left:8px;opacity:.6;transition:opacity .2s;vertical-align:middle}.opp-list-table th:hover svg{opacity:1}.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,.status-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{border-radius:50%;color:#666;font-size:24px}.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}.form-actions{border-top:1px solid #eee;gap:10px;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;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: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{align-items:center;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:attr(data-lock-reason);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;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;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;flex:1 1;min-width:0;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-contact-modal-btn-position{display:flex;justify-content:flex-end}.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:center;background:#fff;border:1px solid #dbdbdb;border-radius:4px;color:#0176d3;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;width:26%}.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{animation:spin 1s linear infinite;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:#ff751f}.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: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:#010239;color:#fff}.sf-opp-modal-btn-primary:hover{scale:1.01}.sf-opp-modal-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.sf-opp-modal-btn-secondary:hover{scale:1.01}.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:#010239;border-color:#9ca3af;color:#fff}.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;padding:10px}.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}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker__input-container input.sf-form-input{cursor:pointer;width:100%!important}.react-datepicker__header{background-color:#f3f2f2!important;border-bottom:1px solid #d8dde6!important}.react-datepicker__day--selected{background-color:#0176d3!important;color:#fff!important}.react-datepicker-popper{z-index:9999!important}.react-datepicker__day:hover{background-color:#eef1f6!important}.sf-searchable-dropdown{position:relative;width:100%}.sf-searchable-dropdown-input{background:#fff;border:1px solid #d8dde6;border-radius:4px;cursor:text;font-size:14px;padding:8px 12px;width:100%}.sf-searchable-dropdown-input:focus{border-color:#ff7517;outline:none}.sf-searchable-dropdown-menu{background:#fff;border:1px solid #d8dde6;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.sf-searchable-dropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;font-size:13px;padding:10px 12px;transition:background-color .2s}.sf-searchable-dropdown-item:hover{background-color:#f8f9fa;color:#ff7517}.sf-searchable-dropdown-item:last-child{border-bottom:none}.sf-searchable-dropdown-item.sf-no-results{color:#6b7280;cursor:default;padding:20px;text-align:center}.sf-searchable-dropdown-item.sf-no-results:hover{background-color:#fff;color:#6b7280}.rq-status-section{background:#fff;border:1px solid #d8dde6;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.rq-status-section:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.rq-status-section .rq-section-title{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:10px;margin-bottom:12px}.rq-status-section .rq-section-title svg{color:#10b981;font-size:18px}.rq-status-section .rq-section-content p{color:#64748b;font-size:13px;line-height:1.5;margin-bottom:16px}.rq-complete-btn{align-items:center;background:linear-gradient(135deg,#0176d3,#014486);border:none;border-radius:6px;box-shadow:0 4px 6px #0176d333;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.rq-complete-btn:hover{box-shadow:0 6px 12px #0176d34d;filter:brightness(1.1);transform:scale(1.02)}.rq-complete-btn:active{transform:scale(.98)}.status-update-modal{border-radius:16px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;max-width:480px!important;overflow:hidden}.status-modal-content{padding:10px 0;text-align:center}.status-warning-icon-wrapper{margin-bottom:16px}.status-warning-icon{animation:pulse-blue 2s infinite;color:#3b82f6;font-size:48px!important;opacity:.8}@keyframes pulse-blue{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(1)}}.status-modal-content h4{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:8px}.status-modal-content p{color:#64748b;font-size:14px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:320px}.status-options-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:10px}.status-option-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:24px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.status-option-card span{color:#64748b;font-size:15px;font-weight:600}.status-icon-circle{align-items:center;background:#f1f5f9;border-radius:50%;color:#94a3b8;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .25s ease;width:48px}.status-option-card.win:hover{background:#f0fdf4;border-color:#10b981}.status-option-card.win.selected{background:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.status-option-card.win.selected .status-icon-circle{background:#10b981;color:#fff;transform:rotate(1turn)}.status-option-card.win.selected span{color:#065f46}.status-option-card.loss.selected,.status-option-card.loss:hover{background:#fef2f2;border-color:#ef4444}.status-option-card.loss.selected{box-shadow:0 0 0 4px #ef44441a}.status-option-card.loss.selected .status-icon-circle{background:#ef4444;color:#fff;transform:rotate(1turn)}.status-option-card.loss.selected span{color:#991b1b}.status-option-card:after{align-items:center;background:inherit;border-radius:50%;content:"✓";display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transform:scale(.5);transition:all .2s ease;width:20px}.status-option-card.selected:after{background:currentColor;color:#fff;opacity:1;transform:scale(1)}.status-option-card.win.selected:after{background:#10b981}.status-option-card.loss.selected:after{background:#ef4444}.sf-section-closed-display{background:#fff!important;border-left:4px solid #2e7d32;opacity:1!important}.sf-section-closed-display.loss{border-left:4px solid #c62828}.status-summary-card{animation:popIn .3s ease-out}.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{align-items:center;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-search-wrapper{align-items:center;display:flex;min-width:250px;position:relative}.rq-search-icon{color:#706e6b;font-size:14px;left:10px;position:absolute}.rq-search-input{border:1px solid #d8dde6;border-radius:4px;font-size:13px;outline:none;padding:8px 12px 8px 32px;transition:all .2s;width:100%}.rq-search-input: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:#000;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 12px;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}.rqt-table-container{background:#fff;border:1px solid #d8dde6;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:auto}.rqt-table{border-collapse:collapse;width:100%}.rqt-table th{background-color:#f3f2f2;border-bottom:1px solid #d8dde6;color:#706e6b;font-size:12px;font-weight:700;padding:12px 16px;text-align:left;text-transform:uppercase}.rqt-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-section-actions{display:flex;gap:8px}.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}.rqt-table-input{border:1px solid #d8dde6;border-radius:4px;font-size:13px;outline:none;padding:4px 8px;transition:all .2s;width:70px}.rqt-table-input:focus{border-color:#0176d3;box-shadow:0 0 0 1px #0176d3}.rqt-table-input::-webkit-inner-spin-button,.rqt-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;max-height:320px;overflow-y:auto}.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;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.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;display:flex;font-size:15px;justify-content:center;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{box-sizing:border-box;overflow-x:hidden;padding:10px;width:100%}.rq-section{box-sizing:border-box;margin-bottom:15px;max-width:100%;padding:15px}.rq-details-header,.rq-header{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:10px;padding:10px}.rq-back-nav{font-size:13px;margin-bottom:4px}.rq-actions,.rq-header-actions{align-items:stretch;flex-direction:column;gap:10px;width:100%}.rq-actions>*,.rq-header-actions>*{justify-content:center;margin:0!important;width:100%!important}.rq-header-actions .rq-btn-primary,.rq-header-actions .rq-btn-rejected,.rq-header-actions .rq-btn-secondary{min-width:0;padding:10px;width:100%!important}.rq-btn-sm{min-width:80px;width:auto!important}.rq-info-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.rq-info-item span{font-size:12px}.rq-section-title{align-items:stretch;flex-direction:column;gap:12px;padding-bottom:12px;text-align:left}.rq-title-content{font-size:15px;font-weight:700;margin-bottom:4px;width:100%}.rq-section-actions{align-items:stretch;flex-direction:column;gap:8px;width:100%}.rqm-btn-add-margin{margin-right:0!important;width:100%!important}.rq-main-layout{gap:15px}.rq-info-header{align-items:stretch;flex-direction:column;gap:8px;text-align:center}.rq-info-header h2{font-size:16px;margin-bottom:4px}.rq-info-header .rq-status-badge{align-self:center}.rq-product-table-wrapper{border:1px solid #eee;margin:10px 0;overflow-x:auto;padding:0;width:100%}.rq-product-table{min-width:1000px}.rq-product-table td,.rq-product-table th{font-size:12px;padding:6px 8px;white-space:nowrap}.rq-table-input{font-size:12px;padding:4px;width:60px}.rq-quote-summary-footer{align-items:stretch;flex-direction:column;gap:12px;text-align:right}.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:50%}.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-modal-body{padding:12px}.rq-details-view .rqm-two-column-layout{gap:16px;grid-template-columns:1fr}.rq-details-view .rqm-modal-header{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.rq-details-view .rqm-modal-subtitle{flex-wrap:wrap;font-size:11px;gap:4px}.rq-details-view .rqm-form-grid{grid-template-columns:1fr}.rq-details-view .rqm-search-input-group{flex-direction:column}.rq-details-view .rqm-search-input-group button{width:100%}.rq-details-view .rqm-modal-actions{flex-direction:column;padding:12px}.rq-details-view .rqm-modal-actions button{justify-content:center;width:100%}}@media (max-width:480px){.rq-info-grid{grid-template-columns:1fr}.rq-file-item{padding:8px}.rq-file-name{font-size:12px}.rq-upload-dropzone{font-size:12px;padding:16px}}.rq-selected-files{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:10px}.rq-selected-file-item{align-items:center;background:#fff;border:1px solid #d8dde6;border-radius:4px;color:#374151;display:flex;font-size:12px;gap:8px;padding:6px 10px}.rq-selected-file-item span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rq-remove-file-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:18px;font-weight:700;line-height:1;padding:0 4px;transition:color .2s,transform .1s}.rq-remove-file-btn:hover{color:#dc2626;transform:scale(1.2)}.db-card{background:#fff;border:1px solid #dbdbdb;border-radius:10px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;transition:transform .2s,box-shadow .2s}.db-card-header{border-bottom:1px solid #efefef;flex-wrap:wrap;gap:8px;margin-top:10px;padding:13px 18px 10px}.db-kpi-card{border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:24px;text-align:center}.db-kpi-icon{font-size:28px;margin-bottom:12px}.db-card-title{color:#010239;font-size:14px;font-weight:600}.db-card-month,.db-card-subtitle{color:#999;font-size:12px}.db-card-month{font-weight:500}.db-view-all-btn{align-items:center;background:none;border:none;color:#ff751f;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:0;transition:opacity .2s}.db-view-all-btn:hover{opacity:.75}.db-metrics-row{grid-template-columns:repeat(4,1fr)}.db-metrics-row,.db-row{grid-gap:16px;display:grid;gap:16px}.db-row-top{display:grid;grid-template-columns:2fr 1fr}.db-row-bottom{align-items:stretch;grid-template-columns:1fr 360px}.premium-card{border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:box-shadow .3s ease}.db-header-left{display:flex;flex-direction:column;gap:2px}.db-card-month-tag{background:#f1f5f9;border-radius:4px;color:#64748b;display:inline-block;font-size:11px;font-weight:600;margin-top:4px;padding:2px 8px}.refined-layout{align-items:center;display:flex;flex-direction:row;gap:24px;justify-content:center;min-height:180px;padding:20px 24px}.vertical-rich{display:flex;flex:1 1;flex-direction:column;gap:16px}.db-tstat-group{display:flex;flex-direction:column}.db-tstat-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.db-tstat-value{font-size:16px;font-weight:800}.db-card-footer-mini{border-top:1px solid #f1f5f9;padding:12px 24px 20px}.db-progress-bar-wrap.rounded{background:#f1f5f9;border-radius:5px;height:10px;overflow:hidden}.db-progress-labels.compact{color:#94a3b8;display:flex;font-size:10px;font-weight:600;justify-content:space-between;margin-top:6px}.db-tstat-value.primary{color:#010239}.db-tstat-value.success{color:#43a047}.db-tstat-value.danger{color:#e53935}.db-progress-bar-fill{height:100%;transition:width .6s ease}.db-kpi-wrapper{display:flex;flex-direction:column}.db-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);height:100%;padding:0}.db-kpi-card{background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;gap:12px;padding:14px 15px;transition:transform .2s,box-shadow .2s}.db-kpi-card,.db-kpi-content{align-items:center;display:flex;flex-direction:column}.db-kpi-card:hover{box-shadow:0 4px 14px #0102391a;transform:translateY(-2px)}.db-kpi-icon{flex-shrink:0;font-size:24px;line-height:1}.db-kpi-value{font-size:14px;font-weight:700;line-height:1.2;word-break:break-word}.db-kpi-label{color:#2c2c2c;font-size:12px;font-weight:600;margin-top:3px}.db-kpi-sub{color:#999;font-size:11px;margin-top:2px}.db-chart-card{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;margin-top:30px;transition:transform .2s,box-shadow .2s}.db-chart-legend{align-items:center;color:#666;display:flex;font-size:12px;gap:6px}.db-legend-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.db-legend-text{margin-right:8px}.db-chart-scroll{overflow-x:auto;padding:16px 16px 0}.db-chart-scroll::-webkit-scrollbar{height:5px}.db-chart-scroll::-webkit-scrollbar-thumb{background:#dbdbdb;border-radius:3px}.db-chart-summary{border-top:1px solid #efefef;color:#666;display:flex;flex-wrap:wrap;font-size:12px;gap:16px;padding:10px 18px 14px}.db-chart-summary-item b{color:#010239}.db-pipeline-card{display:flex;flex-direction:column}.db-pipeline-body{align-items:flex-start;display:flex;gap:20px;padding:16px 18px}.db-donut-wrap{flex-shrink:0}.db-pipeline-list{display:flex;flex:1 1;flex-direction:column;gap:10px}.db-pipeline-row{grid-gap:8px;align-items:center;display:grid;font-size:12px;gap:8px;grid-template-columns:10px 1fr 28px auto 80px}.db-pipeline-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.db-pipeline-stage{color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-pipeline-count{color:#010239;font-weight:700;text-align:center}.db-pipeline-value{color:#333;font-weight:600;text-align:right;white-space:nowrap}.db-pipeline-bar-bg{background:#efefef;border-radius:3px;height:5px;overflow:hidden}.db-pipeline-bar-fill{border-radius:3px;height:100%;transition:width .5s ease}.db-opp-card,.db-quot-card{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;margin-bottom:20px;margin-top:20px;transition:transform .2s,box-shadow .2s}.db-table-wrap{overflow-x:auto;padding:0 4px 4px}.db-table{border-collapse:collapse;font-size:13px;min-width:640px;width:100%}.db-table thead tr{background:#f7f8fc}.db-table th{border-bottom:1px solid #dbdbdb;color:#666;font-size:11px;font-weight:600;letter-spacing:.06em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.db-table-row{border-bottom:1px solid #efefef;transition:background .15s}.db-table-row:hover{background:#f7f8fc}.db-table td{padding:10px 14px;vertical-align:middle}.db-table-idx{color:#999;font-size:12px;font-weight:600}.db-opp-name{color:#010239;font-size:13px;font-weight:600}.db-opp-id{color:#999;font-size:11px;margin-top:2px}.db-opp-customer,.db-quot-customer{color:#333;font-weight:500}.db-opp-amount,.db-quot-amount{color:#010239;font-weight:700;white-space:nowrap}.db-opp-date,.db-quot-date{color:#666;font-size:12px;white-space:nowrap}.db-stage-pill{white-space:nowrap}.db-priority-pill,.db-stage-pill{border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 9px}.db-quot-ref{color:#010239;font-weight:600}.db-quot-company{color:#999;font-size:11px;margin-top:1px}.db-quot-items{text-align:center}.db-items-badge{background:#efefef;border-radius:6px;color:#2c2c2c;padding:3px 8px}.db-items-badge,.db-status-pill{display:inline-flex;font-size:11px;font-weight:600;white-space:nowrap}.db-status-pill{align-items:center;border-radius:999px;gap:5px;padding:3px 9px}.db-status-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.db-activity-card,.db-activity-list{display:flex;flex-direction:column}.db-activity-list{gap:0;padding:12px 18px 16px}.db-activity-item{align-items:flex-start;border-bottom:1px solid #efefef;display:flex;gap:12px;padding:11px 0;position:relative}.db-activity-item:last-child{border-bottom:none}.db-activity-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.db-activity-content{flex:1 1}.db-activity-text{color:#333;font-size:13px;line-height:1.4;margin:0}.db-activity-time{color:#999;display:block;font-size:11px;margin-top:3px}.db-customers-card,.db-customers-list{display:flex;flex-direction:column}.db-customers-list{gap:16px;padding:14px 18px 16px}.db-customer-row{align-items:flex-start;display:flex;gap:10px}.db-customer-rank{font-size:14px;font-weight:800;min-width:24px;padding-top:2px}.db-customer-info{flex:1 1}.db-customer-name{color:#010239;font-size:13px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-customer-meta{color:#999;font-size:11px;margin-bottom:6px}.db-customer-bar-bg{background:#efefef;border-radius:3px;height:5px;overflow:hidden}.db-customer-bar-fill{border-radius:3px;height:100%;transition:width .5s ease}.db-customer-value{font-size:13px;font-weight:700;min-width:110px;padding-top:2px;text-align:right;white-space:nowrap}.metric-card{background:#fff;border:1px solid #0000000f;border-radius:4px;display:flex;flex-direction:column;min-height:210px;padding:14px 14px 16px}.metric-head{align-items:center;display:flex;justify-content:space-between}.metric-title{color:#111827;font-size:13px;font-weight:600}.metric-badge{background:#fff;border-radius:999px;display:grid;height:28px;place-items:center;width:28px}.metric-values{color:var(--accent);font-size:18px;font-weight:600;letter-spacing:.2px;margin-top:6px}.metric-body{display:flex;flex:1 1;justify-content:center;margin-top:12px}.metric-donut{background:conic-gradient(var(--accent) 0 70%,var(--ring-bg) 70% 100%);border-radius:50%;display:grid;height:126px;place-items:center;width:126px}.metric-donut-inner{background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #0000000f;display:grid;height:86px;padding:8px;place-items:center;text-align:center;width:86px}.metric-center-top{color:#374151;font-size:12px;line-height:1.1}.metric-center-bottom{color:#111827;font-size:18px;font-weight:700;line-height:1.1}.metric-bar-area,.metric-bars{justify-content:center}.metric-bars{align-items:flex-end;display:flex;flex:1 1;gap:12px;padding-right:6px}.metric-bar-col{align-items:center;display:flex;flex-direction:column;width:42px}.metric-bar-wrap{align-items:flex-end;border-bottom:1px solid #00000014;border-left:0;display:flex;height:110px;width:100%}.metric-bar{background:var(--accent);border-radius:8px 8px 0 0;box-shadow:0 2px 8px #00000014;width:100%}.metric-bar-label{color:#6b7280;font-size:11px;margin-top:6px;max-width:42px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.metric-green{--accent:#1f9d55;--ring-bg:#e6f5ec;background:#f3fbf6}.metric-red{--accent:#d64545;--ring-bg:#fdecec;background:#fff4f4}.metric-blue{--accent:#2563eb;--ring-bg:#eaf1ff;background:#f2f7ff}.metric-orange{--accent:#d08b12;--ring-bg:#fff4dd;background:#fff8ea}.db-mini-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:25px}.mmc-card{background:#fff;border:1px solid #eef1f5;border-radius:4px;gap:14px;justify-content:space-between;min-height:64px;padding:12px 14px}.mmc-card,.mmc-left{align-items:center;display:flex}.mmc-left{gap:10px;min-width:260px}.mmc-icon{align-items:center;background:#eef2f7;border-radius:50%;color:#334155;display:flex;flex:0 0 auto;height:34px;justify-content:center;width:34px}.mmc-text{display:flex;flex-direction:column;line-height:1.1}.mmc-title{color:#0f172a;font-size:14px;font-weight:500}.mmc-subtitle{color:#6b7280;font-size:12px;margin-top:3px}.mmc-right{align-items:center;display:flex;justify-content:flex-end;min-width:160px}.mmc-progress-wrap{width:220px}.mmc-progress-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:7px}.mmc-progress-count{color:#0f172a;font-size:12px;font-weight:600}.mmc-progress-goal{color:#6b7280;font-size:12px}.mmc-progress-bar{background:#e8edf3;border-radius:999px;height:7px;overflow:hidden}.mmc-progress-fill{background:#2b78d1;border-radius:999px;height:100%}.mmc-donut{display:grid;place-items:center;position:relative}.mmc-donut-track{stroke:#e8edf3}.mmc-donut-progress{stroke:#2b78d1;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}.mmc-donut-center{display:grid;inset:0;place-items:center;position:absolute;text-align:center}.mmc-donut-value{color:#0f172a;font-size:16px;font-weight:800;line-height:1}.mmc-donut-label{color:#6b7280;font-size:10px;line-height:1;margin-top:2px}@media (max-width:1100px){.db-row-bottom,.db-row-charts,.db-row-top{grid-template-columns:1fr}.db-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.db-root{gap:12px;padding:12px}.db-kpi-grid{grid-template-columns:repeat(2,1fr)}.db-target-body{align-items:center;flex-direction:column}}@media (max-width:480px){.db-kpi-grid{grid-template-columns:1fr}}.db-header-row{align-items:center;background:#fff;border:1px solid #dbdbdb;border-radius:14px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 24px}.db-title{color:#010239;font-size:20px;font-weight:500;margin:0}.db-year-select-wrap{align-items:center;display:flex;gap:12px}.db-year-label{color:#666;font-size:14px;font-weight:600}.db-year-select{background-color:#f9fafb;border:1px solid #dbdbdb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.db-year-select:hover{border-color:#ff751f}.db-year-select:focus{border-color:#ff751f;box-shadow:0 0 0 2px #ff751f33}: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);padding:16px;width:100%}.header-actions{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: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;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{display:flex;flex-direction:column;gap:10px;padding:10px}.kanban-column{width:350px}}.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;display:flex;justify-content:space-between;padding:18px 24px}.crm-modal-header h2{color:#000;font-size:20px;font-weight:500;margin:0}.crm-modal-body{background:#fafafa}.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:5px;min-height:90px}.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}.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)}.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{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: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-weight:500;gap:6px;letter-spacing:.02em;text-transform:uppercase}.info-value{color:#111827;font-weight:500}.priority-badge{border-radius:6px;color:#fff;font-size:12px;font-weight:500;padding:4px 15px;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;border:1px solid #d1d5db;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;margin-bottom:6px}.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-size:12px;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:#ededed;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{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]{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}.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: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;padding:.75rem 2.5rem}@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;margin-bottom:13px}.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{background:#dde2eb;border-radius:8px;height:250px;position:relative;width:100%}.map-close-btn{align-items:center;background:#334155;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;position:absolute;right:10px;top:10px;transition:transform .2s ease;z-index:3000}.travel-request-form .expand-button{background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;padding:8px;transition:all .2s ease;z-index:1}.map-close-btn:hover{background:#1e293b;transform:scale(1.1)}.popup-container{max-width:220px;overflow:hidden;padding:5px}.popup-header{border-bottom:1px solid #f1f5f9;color:#1e293b;font-weight:700;margin-bottom:8px;padding-bottom:6px}.header-icon{color:#f97316}.popup-body{display:flex;flex-direction:column;gap:6px}.popup-row{align-items:center;font-size:12px;justify-content:space-between}.popup-label-wrapper{color:#64748b}.row-icon{font-size:11px}.popup-value{color:#0f172a}.gm-style-iw-d{max-height:none!important;overflow:hidden!important}.gm-style-iw-c{padding:12px!important}.gm-ui-hover-effect{display:none!important}.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-radius:6px;box-shadow:0 2px 4px #0003;padding:.5rem .75rem;position:absolute;right:.75rem;top:.75rem}.close-btn:hover{transform:translateY(-1px)}@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:10}.close-btn{z-index:10002}.modal-overlay{z-index:20000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:20px;text-align:center;width:90%}.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: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}.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}.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}.status-rejected-icon{color:#dc3545}.status-badge.active{background:#d4edda;color:#155724}.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-top-color:#4a90e2;height:40px;margin:0 auto 20px;width:40px}.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}.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;cursor:pointer;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;overflow:auto}.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{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}.daily-visit-plans{background:#0000;padding:0}.dvp-hod-banner{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#c2410c;display:flex;font-size:.88rem;font-weight:500;gap:10px;margin-bottom:20px;padding:10px 16px}.dvp-top-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.dvp-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;padding:24px}.dvp-card-title{align-items:center;border-bottom:1px solid #f1f5f9;color:#1e293b;display:flex;font-size:1.1rem;font-weight:700;gap:10px;margin:0 0 16px;padding-bottom:12px}.dvp-card-title svg{color:#f97316}.dvp-create-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.dvp-date-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.95rem;min-width:180px;padding:10px 14px;transition:border-color .2s}.dvp-date-input:focus{background:#fff;border-color:#f97316;box-shadow:0 0 0 3px #f973161a;outline:none}.dvp-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s;white-space:nowrap}.dvp-btn:disabled{cursor:not-allowed;opacity:.6}.dvp-btn-primary{background:#f97316;box-shadow:0 2px 4px #f9731633;color:#fff}.dvp-btn-primary:hover:not(:disabled){background:#ea580c;box-shadow:0 4px 8px #f973164d;transform:translateY(-1px)}.dvp-btn-cancel{background:#e2e8f0;color:#475569}.dvp-btn-cancel:hover:not(:disabled){background:#cbd5e1}.dvp-btn-reject{background:#0000;border:1.5px solid #dc2626;color:#dc2626;font-size:.85rem;padding:7px 14px}.dvp-btn-reject:hover:not(:disabled){background:#fef2f2}.dvp-btn-approve{background:#0000;border:1.5px solid #16a34a;color:#16a34a;font-size:.85rem;padding:7px 14px}.dvp-btn-approve:hover:not(:disabled){background:#f0fdf4}.dvp-hod-btn-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.dvp-detail-header{gap:10px;margin-bottom:16px}.dvp-btn-complete{background:#0000;border:1.5px solid #f97316;color:#f97316;font-size:.82rem;padding:6px 14px}.dvp-btn-complete:hover:not(:disabled){background:#fff7ed}.dvp-plans-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.dvp-plan-row{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s}.dvp-plan-row:hover{background:#fff;border-color:#f97316}.dvp-plan-row-active{background:#fff7ed;border-color:#f97316;box-shadow:0 0 0 1px #f97316}.dvp-plan-row-left{align-items:center;display:flex;gap:12px}.dvp-plan-date{color:#1e293b;font-size:.95rem;font-weight:600}.dvp-hod-emp-name{color:#1e293b;font-size:.92rem;font-weight:700}.dvp-plan-date-sub{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:.78rem;font-weight:500;padding:2px 8px}.dvp-status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;padding:3px 10px}.dvp-status-pending{background:#fef3c7;color:#92400e;width:83px}.dvp-status-done{background:#dcfce7;color:#166534;width:90px}.dvp-progress-pill{color:#f97316;font-size:.95rem;font-weight:800}.dvp-empty-text{color:#94a3b8;font-size:.9rem;margin:0;padding:16px 0;text-align:center}.dvp-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.dvp-spinner{animation:dvpSpin .8s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#f97316;height:44px;width:44px}@keyframes dvpSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dvp-detail-panel{animation:dvpSlideIn .25s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;display:flex;flex-direction:column;gap:20px;padding:24px}@keyframes dvpSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dvp-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.dvp-plan-info-bar{border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;padding:20px 24px}.dvp-info-chip{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:120px}.dvp-info-label{color:#94a3b8;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dvp-info-value{color:var(--accent);font-size:1rem;font-weight:700}.dvp-progress-highlight{color:#f97316}.dvp-progress-bar-bg{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:100%}.dvp-progress-bar-fill{background:linear-gradient(90deg,#f97316,#fb923c);border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.dvp-add-visit-section{padding:0}.dvp-add-visit-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:16px}.dvp-form-row{position:relative}.dvp-form-label{color:#1e293b;display:block;font-size:.85rem;font-weight:700;margin-bottom:6px;margin-top:4px}.dvp-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:.9rem;padding:10px 14px;transition:border-color .2s;width:100%}.dvp-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a;outline:none}.dvp-textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.9rem;min-height:70px;padding:10px 14px;resize:vertical;transition:border-color .2s;width:100%}.dvp-textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a;outline:none}.dvp-selected-customer{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#1e293b;font-size:.9rem;padding:10px 14px}.dvp-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.dvp-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 16px #00000014;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:6px}.dvp-dropdown-item{border-radius:6px;cursor:pointer;font-size:.88rem;padding:10px 14px;transition:background .15s}.dvp-dropdown-item:hover{background:#fff7ed;color:#f97316}.dvp-visits-table-wrapper{padding:0}.dvp-table-title{color:#1e293b;font-size:1rem;font-weight:700;margin:0 0 12px}.dvp-visits-table{border-collapse:initial;border-spacing:0;font-size:.9rem;width:100%}.dvp-visits-table thead th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:10px 14px;text-align:left;text-transform:uppercase}.dvp-visits-table thead th:first-child{border-radius:8px 0 0 0}.dvp-visits-table thead th:last-child{border-radius:0 8px 0 0}.dvp-visit-row td{border-bottom:1px solid #f1f5f9;padding:12px 14px;vertical-align:middle}.dvp-visit-row:hover td{background:#fafbfc}.dvp-customer-name{color:#1e293b;display:block;font-weight:600}.dvp-customer-code{color:#94a3b8;display:block;font-size:.78rem;margin-top:2px}.dvp-completed-label{color:#16a34a;font-size:.85rem;font-weight:700}.dvp-remarks-row td{background:#fffbf5;border-bottom:1px solid #e2e8f0;padding:0 14px 14px}.dvp-remarks-inline{display:flex;flex-direction:column;gap:10px;padding:12px 0 0}@media (max-width:768px){.dvp-top-grid{grid-template-columns:1fr}.dvp-plan-info-bar{gap:12px}.dvp-create-row,.dvp-detail-header,.dvp-plan-info-bar{flex-direction:column}.dvp-detail-header{align-items:flex-start}.dvp-visits-table{font-size:.82rem}.dvp-visit-row td,.dvp-visits-table thead th{padding:8px 10px}.dvp-btn-complete{font-size:.75rem;padding:5px 10px}}.dvp-create-inline-bar{background:#fff;border:1px solid #d8dde6;border-radius:4px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:14px 20px}.dvp-create-inline-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.dvp-create-inline-label{color:#1a1a1a;font-size:14px;font-weight:600;white-space:nowrap}.dvp-create-inline-input{background:#fff;border:1px solid #d8dde6;border-radius:4px;color:#1a1a1a;font-size:14px;height:36px;min-width:180px;padding:6px 12px;transition:border-color .15s}.dvp-create-inline-input:focus{border-color:#ff7517;box-shadow:0 0 0 2px #ff75171f;outline:none}.dvp-row-active td{background:#fff7ed!important}.dvp-plan-id-link{color:#006dcc;cursor:pointer;font-weight:500}.dvp-plan-id-link:hover{text-decoration:underline}.dvp-progress-cell{color:#1a1a1a;font-weight:600}.dvp-sidebar-section{background:#fff;border-top:1px solid #e5e5e5;padding:16px 20px}.dvp-sidebar-section-title{color:#706e6b;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.dvp-sidebar-progress-bar-wrapper{align-items:center;display:flex;gap:10px}.dvp-sidebar-progress-bar{background:#e5e5e5;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.dvp-sidebar-progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .4s ease}.dvp-sidebar-progress-text{color:#1a1a1a;font-size:14px;font-weight:700;min-width:48px;text-align:right}.dvp-sidebar-stat-row{align-items:center;border-bottom:1px solid #f3f2f2;display:flex;justify-content:space-between;padding:6px 0}.dvp-sidebar-stat-row:last-child{border-bottom:none}.dvp-sidebar-stat-label{color:#706e6b;font-size:13px}.dvp-sidebar-stat-value{font-size:14px;font-weight:700}.dvp-hod-approve-btn{border-color:#2e7d32!important;color:#2e7d32!important}.dvp-hod-approve-btn:hover{background:#e8f5e9!important}.dvp-hod-reject-btn{border-color:#c62828!important;color:#c62828!important}.dvp-hod-reject-btn:hover{background:#ffebee!important}.dvp-row-action-btn{background:none;border:none;border-radius:4px;color:#706e6b;cursor:pointer;font-size:14px;line-height:1;opacity:0;padding:6px 8px;transition:opacity .15s,background .15s}tr:hover .dvp-row-action-btn{opacity:1}.dvp-row-action-btn:hover{background:#f0f0f0;color:#1a1a1a}.dvp-row-action-menu{animation:dvpMenuFadeIn .15s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #0000001f;min-width:140px;padding:4px 0;position:absolute;right:0;top:100%;z-index:100}@keyframes dvpMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dvp-row-action-item{align-items:center;background:none;border:none;color:#1a1a1a;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 14px;transition:background .15s;width:100%}.dvp-row-action-item:hover{background:#f4f6f9}.dvp-row-action-delete{color:#c62828}.dvp-row-action-delete:hover{background:#ffebee}.monthly-plans-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.month-picker-container{align-items:center;display:flex;gap:10px}.month-label{color:#444;font-weight:500}.month-input{border:1px solid #ccc;border-radius:4px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .3s}.month-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}@media (max-width:600px){.monthly-plans-header{align-items:flex-start;flex-direction:column}}:root{--color-light-gray:#f8fafc;--color-border:#e2e8f0;--color-dark-gray:#1e293b;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-orange:#f97316}.travel-container{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(320px,1fr));margin:20px 0}.subcategory-content{margin:0 auto;max-width:100%;min-height:100vh;padding:20px}.subcategory-header{background:var(--color-white);border:2px solid var(--color-border);margin-bottom:0}.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{background:var(--color-white);color:var(--color-text-secondary)}@media (max-width:1200px){.travel-tabs{display:flex;flex-wrap:wrap;gap:12px;padding:16px}}@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}.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;padding:0}.travel-breadcrumbs{align-items:center;color:#94a3b8;color:var(--color-text-tertiary);display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px}.breadcrumb-link{color:#0586cb;cursor:pointer;transition:all .2s ease}.breadcrumb-link:hover{scale:1.02}.breadcrumb-separator{align-items:center;color:#cbd5e1;display:flex}.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}.search-input{border:2px solid #e5e7eb;outline:none;padding:12px 15px 12px 45px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#ff751f}.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-container{margin-top:16px;overflow-x:auto}.ap-node{margin:1px 0;position:relative}.ap-node-row{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;min-width:220px;padding:4px 10px;transition:all .2s;width:fit-content}.parent-row:hover{background:#f8fafc}.leaf-row{display:none}.node-icon{flex-shrink:0;font-size:16px}.folder-icon{color:#f59e0b}.leaf-icon{color:#64748b}.ap-node-label{color:#1e293b;font-size:13px;font-weight:650}.ap-child-count{color:#94a3b8;font-size:11px;font-weight:500}.ap-node-toggle{align-items:center;background:#f1f5f9;border:none;border-radius:5px;color:#475569;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s;width:20px}.ap-node-toggle:hover{background:#e2e8f0;color:#0f172a}.ap-node-children{border-left:1px dashed #cbd5e1;margin-left:20px;margin-top:-3px;padding-left:10px;padding-top:3px}.leaf-node{margin-left:3px}.ap-tree-container>.ap-node{margin-bottom:3px}.is-open>.parent-row{background:#f1f5f9}.is-open>.parent-row .ap-node-label{color:#111;font-weight:700}.ap-leaf-label{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.ap-node-perms{margin-bottom:1px;margin-top:4px;padding-left:28px}.root-perms{border-top:1px solid #f1f5f9;margin-top:12px;padding-left:8px;padding-top:12px}.text-primary{color:#010239!important}.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}.activity-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px -5px #0000000d;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.activity-header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.header-icon{color:#010239;font-size:26px}.activity-header h1{color:#010239;font-size:22px;font-weight:700;margin:0}.header-right{gap:16px}.export-btn,.header-right{align-items:center;display:flex}.export-btn{background:#10b981;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;gap:10px;padding:10px 20px;transition:all .2s}.export-btn:hover{background:#059669;box-shadow:0 6px 15px #10b9814d;transform:translateY(-2px)}.stats-badge{align-items:center;background:#0102390f;border-radius:10px;color:#010239;display:flex;font-size:14px;font-weight:600;gap:10px;padding:10px 18px;white-space:nowrap}.filters-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px -5px #0000000d;margin-bottom:24px;padding:24px}.main-filters-form{align-items:flex-end;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding-bottom:20px}.filter-input-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.filter-input-group label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:700;gap:6px;text-transform:uppercase}.filter-input-group input,.filter-input-group select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:14px;outline:none;padding:12px 14px;transition:all .2s}.filter-input-group input:focus,.filter-input-group select:focus{background:#fff;border-color:#010239;box-shadow:0 0 0 3px #0102390d}.apply-btn{background:#010239;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;height:48px;padding:13px 28px;transition:all .2s}.apply-btn:hover{transform:translateY(-1px)}.secondary-filters{flex-wrap:wrap;gap:20px;justify-content:space-between}.search-box,.secondary-filters{align-items:center;display:flex}.search-box{border:1px solid #e2e8f0;border-radius:10px;min-width:300px;padding:0 16px}.search-box input{background:#0000;border:none;font-size:14px;outline:none;padding:12px 19px;width:100%}.quick-selects{display:flex;gap:12px}.quick-selects select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-size:13px;font-weight:500;outline:none;padding:10px 14px}.logs-view{display:flex;flex-direction:column}.logs-table-wrapper{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 15px -3px #0000000d;overflow:hidden}.table-loader{color:#64748b;font-weight:500;padding:60px;text-align:center}.logs-table{border-collapse:collapse;width:100%}.logs-table th{background:#fafbff;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:700;letter-spacing:.02em;padding:18px 20px;text-transform:uppercase}.logs-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:16px 20px}.logs-table tr:last-child td{border-bottom:none}.logs-table tr:hover td{background:#fcfdff}.time-cell{color:#64748b;font-weight:500;white-space:nowrap}.emp-cell{display:flex;flex-direction:column;gap:4px}.emp-name{color:#010239;font-weight:500}.emp-id{color:#94a3b8;font-size:11px;font-weight:600}.url-cell{border-radius:6px;color:#0369a1;font-family:JetBrains Mono,Fira Code,monospace;font-weight:500;max-width:300px;overflow:hidden;padding:6px 12px!important;text-overflow:ellipsis;white-space:nowrap}.method-tag{border-radius:6px;display:inline-block;font-size:10px;font-weight:800;min-width:60px;padding:6px 12px;text-align:center}.method-tag.GET{background:#e0f2fe;color:#0369a1}.method-tag.POST{background:#f0fdf4;color:#15803d}.method-tag.PUT{background:#fefce8;color:#a16207}.method-tag.DELETE{background:#fef2f2;color:#b91c1c}.status-tag{background:#cbd5e1;border-radius:6px;color:#fff;display:inline-block;font-size:11px;font-weight:700;min-width:40px;padding:5px 10px;text-align:center}.status-tag.s200,.status-tag.s201,.status-tag.s204{background:#10b981}.status-tag.s304{background:#3b82f6}.status-tag.s400,.status-tag.s401,.status-tag.s403,.status-tag.s415{background:#f59e0b}.status-tag.s404,.status-tag.s500,.status-tag.s502{background:#ef4444}.details-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#010239;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.details-btn:hover{background:#010239;border-color:#010239;color:#fff}.pagination{gap:16px;justify-content:center;margin-top:30px;padding-bottom:20px}.pagination button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#010239;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.pagination button:hover:not(:disabled){background:#f8fafc;border-color:#010239;transform:translateY(-2px)}.pagination button:disabled{cursor:not-allowed;opacity:.4}.page-info{color:#64748b;font-size:14px;font-weight:700}.log-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#01023966;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.log-modal-content{background:#fff;border-radius:24px;box-shadow:0 40px 80px -20px #01023966;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #f1f5f9;padding:24px 32px}.modal-header h2{color:#010239;font-size:22px;font-weight:800}.close-modal{align-items:center;background:#f1f5f9;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .2s;width:40px}.close-modal:hover{background:#fee2e2;color:#ef4444}.modal-body{flex:1 1;overflow-y:auto;padding:32px}.intelligence-report{animation:gmFadeIn .3s ease;display:flex;flex-direction:column;gap:24px}.report-section{width:100%}.main-meta{display:flex;gap:20px}.meta-card{background:#fdfdfe;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 4px 6px -1px #00000005;flex:1 1;gap:16px;padding:16px 20px}.meta-card,.meta-icon{align-items:center;display:flex}.meta-icon{background:#0102390d;border-radius:12px;color:#010239;font-size:18px;height:44px;justify-content:center;width:44px}.meta-text label{color:#94a3b8;display:block;font-size:10px;font-weight:800;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.meta-text h3{color:#010239;font-size:15px;font-weight:700;margin:0}.meta-text p{color:#64748b;font-size:12px;margin:2px 0 0}.meta-text p span{color:#010239;font-weight:600}.signature{background:#f8fafc;border:1px solid #edf2f7;border-radius:16px;padding:24px}.signature-header{color:#64748b;font-size:12px;font-weight:800;letter-spacing:.05em;margin-bottom:20px;text-transform:uppercase}.signature-body{align-items:flex-start;display:flex;gap:30px}.sig-item{display:flex;flex-direction:column;gap:8px}.sig-item label{color:#94a3b8;font-size:11px;font-weight:700}.sig-item.method{min-width:80px}.sig-item.status{min-width:100px}.sig-item.url{flex:1 1}.url-container-v2{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:inset 0 2px 4px #00000005;color:#0369a1;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.5;padding:10px 16px;word-break:break-all}.method-tag.large{font-size:12px;min-width:80px;padding:10px 20px}.breadcrumb-v2{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:inset 0 2px 4px #00000005;display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px}.crumb-step{color:#010239;font-size:14px;font-weight:700}.crumb-sep{color:#94a3b8;font-size:12px;font-weight:400}.crumb-step:last-child{color:#f97316}.user-agent label{color:#94a3b8;display:block;font-size:11px;font-weight:700;margin-bottom:8px}.ua-box-v2{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#475569;font-size:12px;line-height:1.6;padding:12px 16px}.payloads{display:flex;gap:24px}.payload-half{flex:1 1}.payload-half label{align-items:center;color:#010239;display:flex;font-size:13px;font-weight:700;gap:8px;margin-bottom:12px}.json-viewer{background:#0f172a;border:1px solid #1e293b;border-radius:12px;max-height:350px;overflow-y:auto;padding:20px}.json-viewer pre{color:#cbd5e1;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-all}.json-viewer::-webkit-scrollbar{width:8px}.json-viewer::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.system-grid{grid-gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);padding:18px}.sys-item{display:flex;flex-direction:column;gap:4px}.sys-item label{color:#94a3b8;font-size:10px;font-weight:800;text-transform:uppercase}.sys-item span{color:#010239;font-size:13px;font-weight:700;word-break:break-all}.visited-page-text{color:#010239;font-size:14px;font-weight:600;margin-bottom:2px}.raw-url-text{color:#64748b;font-size:11px;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-cell code,.raw-url-text{font-family:JetBrains Mono,Fira Code,monospace}.ip-cell code{background:#0102390d;border-radius:6px;color:#010239;font-size:13px;padding:4px 8px}@media (max-width:900px){.main-meta,.payloads,.signature-body,.system-grid{flex-direction:column;gap:16px}.system-grid{grid-template-columns:1fr}}.no-logs{color:#94a3b8;font-style:italic;font-weight:500;padding:60px;text-align:center}.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}.action-btn{align-items:center;border:1px solid #ccc;border-radius:4px;color:#64748b;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;margin:0 3px;padding:6px 8px;transition:all .2s ease}.action-btn:hover{opacity:.85;transform:translateY(-1px)}.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-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: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{flex-wrap:wrap}.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:var(--primary-dark)}.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);font-size:14px;font-weight:600;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{background:none;font-size:32px;height:30px;line-height:1;padding:0;width:30px}.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{gap:12px}.info-column,.info-row{display:flex;flex-direction:column}.info-row{gap:4px}.info-label{color:#666;font-size:12px;font-weight:600}.info-value{color:#333;font-size:13px;min-height:18px;word-break:break-word}.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;gap:10px;justify-content:flex-end;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{background-color:#00000080;overflow-y:auto;padding:20px}.modal-content-wrapper{animation:modalFadeIn .3s ease-in-out;max-width:1200px;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--color-bg:#f5f6fa;--color-white:#fff;--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{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .3s ease;background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:95%}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e8ecef;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.modal-header h2{color:#fff;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:28px;font-weight:300;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.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{display:flex;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;display:flex;justify-content:flex-end;padding:20px 30px}.close-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;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}.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}.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}}:root{--form-orange:#f97316;--form-orange-light:#fb923c;--form-blue:#3b82f6;--gm-blue:#3b82f6;--form-dark:#1e293b;--form-gray:#64748b;--form-light:#f8fafc;--form-border:#e2e8f0;--form-success:#10b981}.subcategory-content-separate{padding:20px}.enhanced-request-form-container{animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 0 0 1px #ffffff1a,0 20px 40px -12px #0000001f;margin:0 auto;max-width:98.3%;overflow:hidden}.form-header{background:linear-gradient(135deg,#fff,#f8fafc);background:linear-gradient(135deg,#fff 0,var(--form-light) 100%);border-bottom:3px solid #3b82f6;border-bottom:3px solid var(--gm-blue);padding:25px 28px;position:relative}.form-header:before{bottom:-3px;content:"";height:3px;left:0;position:absolute;width:50%}.header-content{gap:16px;margin-bottom:24px}.header-content,.header-icon{align-items:center;display:flex}.header-icon{background:linear-gradient(135deg,#f97316,#fb923c);background:linear-gradient(135deg,var(--form-orange),var(--form-orange-light));border-radius:16px;color:#fff;font-size:24px;height:56px;justify-content:center;width:56px}.header-content h3{color:#1e293b;color:var(--form-dark);font-size:1.6rem;font-weight:700;margin:0}.header-content p{color:#64748b;color:var(--form-gray);font-size:.95rem;margin:4px 0 0}.progress-container{display:flex;flex-direction:column;gap:8px}.progress-bar{background:#f8fafc;background:var(--form-light);border:1px solid #e2e8f0;border:1px solid var(--form-border);border-radius:10px;height:10px;overflow:hidden;position:relative}.progress-fill{align-items:center;background:linear-gradient(90deg,#10b981,#059669);background:linear-gradient(90deg,var(--form-success),#059669);display:flex;height:100%;justify-content:flex-end;padding-right:8px;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-text{color:#fff;font-size:.65rem;font-weight:700;position:relative;z-index:1}.progress-label{color:#64748b;color:var(--form-gray);font-size:.85rem;font-weight:500;text-align:center}.enhanced-request-form{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr);padding:36px}.enhanced-form-group{display:flex;flex-direction:column;gap:10px}.enhanced-form-group.full-width{grid-column:1/-1}.enhanced-label{align-items:center;color:#1e293b;color:var(--form-dark);display:flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:2px}.label-icon{color:#f97316;color:var(--form-orange);font-size:1rem}.required-star{color:#ef4444;font-size:.9rem;margin-left:2px}.input-wrapper{align-items:center;display:flex;position:relative}.input-badge{background:linear-gradient(135deg,#f97316,#fb923c);background:linear-gradient(135deg,var(--form-orange),var(--form-orange-light));border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;position:absolute;right:12px;text-transform:uppercase}.enhanced-input{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--form-border);border-radius:12px;color:#1e293b;color:var(--form-dark);font-size:.95rem;padding:14px 16px;transition:all .2s ease;width:100%}.enhanced-input:focus{border-color:#f97316;border-color:var(--form-orange);box-shadow:0 0 0 4px #f973161a;outline:none}.enhanced-input.readonly{background:#f8fafc;background:var(--form-light);color:#64748b;color:var(--form-gray);cursor:not-allowed;font-weight:600;padding-right:70px}.select-wrapper{align-items:center;display:flex;position:relative}.enhanced-select{appearance:none;background:#fff;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 12px center;background-repeat:no-repeat;background-size:20px;border:2px solid #e2e8f0;border:2px solid var(--form-border);border-radius:12px;color:#1e293b;color:var(--form-dark);cursor:pointer;font-size:.95rem;padding:14px 40px 14px 16px;transition:all .2s ease;width:100%}.enhanced-select:focus{border-color:#f97316;border-color:var(--form-orange);box-shadow:0 0 0 4px #f973161a;outline:none}.enhanced-select:disabled{background:#f8fafc;background:var(--form-light);cursor:not-allowed;opacity:.7}.field-success-icon{animation:popIn .3s cubic-bezier(.34,1.56,.64,1);color:#10b981;color:var(--form-success);font-size:1.1rem;position:absolute;right:40px}.textarea-wrapper{position:relative}.enhanced-textarea{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--form-border);border-radius:12px;color:#1e293b;color:var(--form-dark);font-family:inherit;font-size:.95rem;line-height:1.6;min-height:140px;padding:14px 16px;resize:vertical;transition:all .2s ease;width:100%}.enhanced-textarea:focus{border-color:#f97316;border-color:var(--form-orange);box-shadow:0 0 0 4px #f973161a;outline:none}.enhanced-textarea::placeholder{color:#94a3b8}.textarea-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.char-counter{color:#64748b;color:var(--form-gray);font-size:.8rem;font-weight:500}.field-success-icon-small{animation:popIn .3s cubic-bezier(.34,1.56,.64,1);color:#10b981;color:var(--form-success);font-size:1rem}.helper-text{color:#64748b;color:var(--form-gray);font-size:.8rem;font-style:italic;margin-top:-4px}.enhanced-form-footer{background:#f8fafc;background:var(--form-light);border-top:1px solid #e2e8f0;border-top:1px solid var(--form-border);display:flex;gap:16px;justify-content:flex-end;padding:24px 36px}.btn-cancel,.btn-submit{align-items:center;border:none;border-radius:px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:10px;letter-spacing:.5px;padding:14px 32px;text-transform:uppercase;transition:all .2s ease}.btn-cancel{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--form-border);color:#1e293b;color:var(--form-dark)}.btn-cancel:hover:not(:disabled){transform:scale(1.1)}.btn-submit{background:linear-gradient(135deg,#f97316,#fb923c);background:linear-gradient(135deg,var(--form-orange),var(--form-orange-light));box-shadow:0 4px 14px #f973164d;color:#fff;overflow:hidden;position:relative}.btn-submit:before{transform:scale(1.1)}.btn-submit:hover:not(:disabled):not(.disabled):before{left:100%;transform:scale(1.05)}.btn-submit:hover:not(:disabled):not(.disabled){transform:scale(1.05)}.btn-submit.disabled,.btn-submit:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;opacity:.6}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.enhanced-request-form-container{margin:0 16px}.form-header{padding:24px}.header-content{align-items:flex-start;flex-direction:column;gap:12px}.header-icon{font-size:20px;height:48px;width:48px}.header-content h3{font-size:1.4rem}.enhanced-request-form{gap:20px;grid-template-columns:1fr;padding:24px}.enhanced-form-group{grid-column:1!important}.enhanced-form-footer{flex-direction:column-reverse;padding:20px 24px}.btn-cancel,.btn-submit{justify-content:center;width:100%}}@media (max-width:480px){.form-header{padding:20px}.header-content h3{font-size:1.2rem}.header-content p{font-size:.85rem}.enhanced-request-form{padding:20px}.enhanced-input,.enhanced-select,.enhanced-textarea{font-size:.9rem;padding:12px 14px}.btn-cancel,.btn-submit{font-size:.85rem;padding:12px 24px}}.request-form-container{background:linear-gradient(180deg,#fff,#fafafa);border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 10px 28px #00000014;margin: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::placeholder,textarea::placeholder{color:#8a8a8a}input:focus,select:focus,textarea:focus{border-color:#ff7517;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{transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.it-request-card{align-items:center;background:#fff;border-radius:16px;cursor:pointer;display:flex;gap:14px;height:50px;margin-top:29px;padding:16px 18px;transition:all .3s ease}.it-request-card.active{border-color:#f97316}.it-request-checkbox-wrapper{align-items:center;display:flex;justify-content:center}.it-request-input{accent-color:#3b82f6;accent-color:var(--gm-blue);cursor:pointer;height:18px;width:18px}.it-request-label{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px;margin:0}.it-request-icon{background:linear-gradient(135deg,#f973161a,#fb923c14);border-radius:12px;color:#f97316;font-size:1.5rem;padding:12px;transition:all .3s ease}.it-request-card.active .it-request-icon{background:var(--accent-color);color:#fff}.it-request-text-container{display:flex;flex-direction:column;gap:2px}.it-request-title{color:var(--text-primary);font-size:1rem;font-weight:500}.it-request-subtitle{color:#64748b;font-size:.8rem;font-weight:500}.ss-page{--ss-card:#fff;--ss-text:#0f172a;--ss-muted:#64748b;--ss-border:#0f172a1a;--ss-shadow:0 10px 30px #0f172a14;--ss-radius:16px;background-color:var(--ss-bg);color:var(--ss-text);min-height:100%;padding:24px}.ss-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.ss-header-text h2{color:#1e293b;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.ss-header-text p{color:#64748b;font-size:1rem;margin:0}.ss-back-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000a;color:#475569;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:10px 20px;transition:all .2s}.ss-back-btn:hover{background:#f8fafc;border-color:#cbd5e0;transform:translateX(-3px)}.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}}.btn-outlined1{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s ease}.enhanced-modal-overlay{align-items:center;animation:erqv2FadeIn .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.erqv2-modal-container{animation:erqv2SlideUp .28s cubic-bezier(.34,1.4,.64,1);background:#fff;border-radius:14px;box-shadow:0 2px 8px #00000014,0 20px 48px #0000002e;display:flex;flex-direction:column;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;height:70vh;max-height:70vh;max-width:70vw;overflow:hidden;width:70vw}.erqv2-header{background:#edf5f7;border-bottom:1px solid #c5d2e0;gap:16px;justify-content:space-between;padding:30px 32px;position:relative}.erqv2-header,.erqv2-header-left{align-items:center;display:flex;flex-shrink:0}.erqv2-header-left{gap:12px}.erqv2-req-number{color:#1a2235;font-size:1.35rem;font-weight:700;letter-spacing:-.3px}.erqv2-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.78rem;font-weight:700;letter-spacing:.5px;padding:4px 14px;text-transform:uppercase}.erqv2-status-open{background:#f97316;border:none;color:#fff}.erqv2-status-closed{background:#94a3b8;border:none;color:#fff}.erqv2-status-forwarded{background:#3b82f6;border:none;color:#fff}.erqv2-header-center{display:flex;flex-direction:column;gap:2px;left:calc(50% + 28.5px);pointer-events:none;position:absolute}.erqv2-created-label{color:#8a95a6;font-size:.8rem;font-weight:500}.erqv2-created-value{color:#1a2235;font-size:1.05rem;font-weight:700}.erqv2-close-btn{align-items:center;background:#73726f;border:none;border-radius:50%;color:#ccdfff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:32px;justify-content:center;margin-left:10px;transition:background .18s,transform .18s;width:32px}.erqv2-close-btn:hover{transform:scale(1.08)}.erqv2-meta-row{align-items:center;background:#fff;border-bottom:1px solid #e4e9f0;display:flex;flex-shrink:0;gap:0;padding:14px 28px}.erqv2-meta-col{display:flex;flex:1 1;flex-direction:column;gap:2px}.erqv2-meta-divider{background:#dce3ec;flex-shrink:0;height:40px;margin:0 28px;width:1px}.erqv2-meta-label{color:#8a95a6;font-size:.8rem;font-weight:500;margin-bottom:2px}.erqv2-meta-value{align-items:center;color:#1a2235;display:flex;font-size:1.05rem;font-weight:700;gap:0}.erqv2-meta-dept{color:#2d3a4e;font-weight:400}.erqv2-body{flex:1 1;min-height:0;overflow-y:auto}.erqv2-body::-webkit-scrollbar{width:6px}.erqv2-body::-webkit-scrollbar-track{background:#0000}.erqv2-body::-webkit-scrollbar-thumb{background:#d0d7e3;border-radius:4px}.erqv2-body::-webkit-scrollbar-thumb:hover{background:#b0bac9}.erqv2-description-block{border-bottom:1px solid #e4e9f0;padding:16px 28px 0}.erqv2-section-label{color:#8a95a6;display:block;font-size:.8rem;font-weight:500;letter-spacing:0;margin-bottom:8px;text-transform:none}.erqv2-description-text{color:#2d3a4e;font-size:1rem;font-weight:400;line-height:1.7;margin:0 0 16px}.erqv2-history-block{padding:16px 28px 20px}.erqv2-empty,.erqv2-loading{color:#8a95a6;font-size:.95rem;padding:40px 20px;text-align:center}.erqv2-timeline{display:flex;flex-direction:column;gap:0;margin-top:4px}.erqv2-tl-item{animation:erqv2SlideInLeft .3s ease;border-bottom:1px solid #e4e9f0;display:flex;gap:16px;margin:0 4px;padding:14px 10px}.erqv2-tl-item:last-child{border-bottom:none}.erqv2-tl-marker{align-items:center;display:flex;flex-direction:column;flex-shrink:0;padding-top:3px;width:20px}.erqv2-tl-dot{border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 4px currentColor;flex-shrink:0;height:14px;width:14px}.erqv2-dot-blue{background:#3b82f6;color:#3b82f6}.erqv2-dot-orange{background:#f97316;color:#f97316}.erqv2-dot-green{background:#22c55e;color:#22c55e}.erqv2-dot-gray{background:#94a3b8;color:#94a3b8}.erqv2-tl-content{flex:1 1;padding-bottom:4px}.erqv2-tl-name{line-height:1.4;margin-bottom:4px}.erqv2-tl-name,.erqv2-tl-name-muted{color:#1a2235;font-size:1rem;font-weight:700}.erqv2-tl-remarks{color:#3a4a60;font-size:.93rem;font-weight:400;line-height:1.6;margin-bottom:4px;overflow-wrap:break-word;word-break:break-word}.erqv2-tl-date{color:#8a95a6;display:block;font-size:.82rem;font-weight:400;margin-top:3px}.erqv2-tl-awaiting{align-items:flex-start;display:flex;gap:10px;margin-top:14px}.erqv2-tl-dot-inline{flex-shrink:0;margin-top:2px}.erqv2-tl-awaiting-text{display:flex;flex-direction:column;gap:2px}.erqv2-action-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin:20px 28px;overflow:hidden;padding:0}.erqv2-action-panel h3{background:#fff;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:1.05rem;font-weight:700;margin:0;padding:16px 20px}.erqv2-action-panel h3:before{display:none}.erqv2-form-body{background:#f8fafc;padding:20px}.erqv2-form-group{margin-bottom:16px}.erqv2-form-group:last-child{margin-bottom:0}.erqv2-form-group label{color:#475569;display:block;font-size:.8rem;font-weight:600;margin-bottom:6px}.erqv2-select,.erqv2-textarea{background:#fff;border:1px solid #cbd5e1;border-radius:4px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:.9rem;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.erqv2-select:focus,.erqv2-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.erqv2-select:disabled{background:#eef2f7;cursor:not-allowed;opacity:.65}.erqv2-textarea{line-height:1.6;min-height:90px;resize:vertical}.erqv2-footer{align-items:center;background:#fff;border-top:1px solid #e4e9f0;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 28px}.erqv2-btn{align-items:center;border:none;border-radius:7px;cursor:pointer;font-size:1.17rem;font-weight:600;gap:7px;height:47px;letter-spacing:.1px;padding:9px 22px;transition:all .18s ease;width:195px}.erqv2-btn-forward{background:#0484c9;box-shadow:0 2px 10px #1a6fc440;color:#fff}.erqv2-btn-forward:hover{transform:translateY(-1px)}.erqv2-btn-close-req{background:#2a437a;box-shadow:0 2px 10px #1a223533;color:#fff}.erqv2-btn-close-req:hover{transform:translateY(-1px)}.erqv2-btn-primary{background:#94a3b8;box-shadow:0 2px 10px #f9731647;color:#fff}.erqv2-btn-primary:hover:not(.erqv2-btn-disabled){transform:translateY(-1px)}.erqv2-btn-cancel{background:#e4e9f0;color:#5a6880}.erqv2-btn-cancel:hover:not(:disabled){background:#d0d7e3}.erqv2-btn-disabled,.erqv2-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.55;transform:none!important}@keyframes erqv2FadeIn{0%{opacity:0}to{opacity:1}}@keyframes erqv2SlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes erqv2SlideInLeft{0%{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}@media (max-width:640px){.erqv2-modal-container{border-radius:12px;max-height:96vh;width:96vw}.erqv2-header{flex-wrap:wrap;padding:14px 16px}.erqv2-header-center{justify-content:flex-start;order:3;width:100%}.erqv2-meta-row{align-items:flex-start;flex-direction:column;gap:10px;padding:12px 16px}.erqv2-meta-divider{display:none}.erqv2-description-block,.erqv2-footer,.erqv2-history-block{padding:12px 16px}.erqv2-footer{flex-direction:column-reverse;gap:8px}.erqv2-btn{justify-content:center;padding:11px;width:100%}}.rq-page{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;margin-top:18px;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{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: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-form-container{padding:8px 0}.form-grid{grid-template-columns:repeat(2,1fr)}.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}.form-group input.readonly-field{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group textarea{min-height:55px}.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}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}.loan-modal-section{margin-bottom:32px}.loan-modal-section h4{color:#1f2937;font-size:15px;font-weight:600;letter-spacing:-.01em;margin-bottom:16px}.loan-modal-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:640px){.loan-modal-grid{grid-template-columns:1fr}}.loan-modal-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;padding:14px 16px;position:relative;transition:all .2s ease}.loan-modal-info:before{background:linear-gradient(180deg,#f97316,#ea580c);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:3px}.loan-modal-info:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.loan-modal-info:hover:before{opacity:1}.loan-modal-info span{color:#64748b;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.loan-modal-info p{word-wrap:break-word;color:#0f172a;font-size:15px;font-weight:600;line-height:1.4;margin:0;overflow-wrap:break-word}.loan-modal-editable{background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:20px}.loan-modal-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media (max-width:640px){.loan-modal-form{grid-template-columns:1fr}}.loan-modal-field{display:flex;flex-direction:column}.loan-modal-field label{color:#6b7280;display:block;font-size:12px;font-weight:600;margin-bottom:8px}.loan-modal-field input,.loan-modal-field select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#0f172a;font-size:14px;font-weight:500;padding:10px 12px;transition:all .2s ease;width:100%}.loan-modal-field input:focus,.loan-modal-field select:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973221a;outline:none}.loan-modal-field select{cursor:pointer}.loan-modal-field input:hover,.loan-modal-field select:hover{border-color:#9ca3af}.vlp-page{padding:0}.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:12px;justify-content:flex-end;margin:0 13px 20px}.vlp-filter-label{font-weight:700}.vlp-filter-label,.vlp-filter-select{color:var(--text-primary);font-size:13px}.vlp-filter-select{background:var(--white);border:1px solid var(--border-color);border-radius:10px;min-width:140px;outline:none;padding:10px 14px;transition:all .2s ease}.vlp-filter-select:focus{border-color:var(--accent-orange);box-shadow:0 0 0 3px #ff751f1a}.vlp-table-card{background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:24px}.vlp-muted{color:var(--text-secondary);font-size:14px;margin:0;padding:40px 0;text-align:center}.vlp-table-wrap{border:1px solid var(--border-color);border-radius:12px;overflow:auto;width:100%}.vlp-table{background:var(--white);border-collapse:initial;border-spacing:0;min-width:860px;width:100%}.vlp-table thead th{background:var(--light-gray);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.05em;padding:14px 18px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.vlp-table tbody td{border-bottom:1px solid var(--light-gray);color:var(--text-primary);font-size:14px;padding:14px 18px;vertical-align:middle}.vlp-table tbody tr{transition:all .2s ease}.vlp-table tbody tr:hover td{background:#0102390a!important;color:var(--primary-blue)}.vlp-table tbody tr:last-child td{border-bottom:none}.vlp-emp{color:var(--primary-blue);font-weight:700}.vlp-th-action{width:90px}.vlp-action,.vlp-th-action{text-align:center}.vlp-edit-btn{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:10px;color:var(--primary-blue);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.vlp-edit-btn:hover{background:var(--primary-blue);border-color:var(--primary-blue);box-shadow:0 4px 8px #01023933;color:var(--white)}.vlp-edit-btn:active{transform:translateY(1px)}.vlp-edit-icon{font-size:16px}.vlp-status{align-items:center;border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;padding:5px 12px;text-transform:capitalize}.vlp-status--approved{background:#43a0471a;border-color:var(--success);color:var(--success)}.vlp-status--rejected{background:#e539351a;border-color:var(--danger);color:var(--danger)}.vlp-status--pending{background:#fb8c001a;border-color:var(--warning);color:var(--warning)}.vlp-pagination{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:24px}.vlp-page-size,.vlp-pagination{align-items:center;display:flex}.vlp-page-size{gap:10px}.vlp-page-size-label{color:var(--text-secondary);font-size:13px;font-weight:600}.vlp-page-size-select{background:var(--white);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:13px;outline:none;padding:6px 10px}.vlp-page-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.vlp-nav-btn,.vlp-page-btn{background:var(--white);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s ease}.vlp-nav-btn:hover,.vlp-page-btn:hover{background:var(--light-gray);border-color:#aaa}.vlp-nav-btn:active,.vlp-page-btn:active{transform:translateY(1px)}.vlp-nav-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.vlp-page-btn.is-active{background:var(--primary-blue);border-color:var(--primary-blue);box-shadow:0 4px 8px #01023933;color:var(--white)}.laf-eligibility{align-items:center;animation:fadeIn .3s ease;background:#e539351a;border:1px solid var(--danger);border-radius:12px;color:var(--danger);display:flex;font-size:14px;font-weight:500;gap:10px;margin:14px 0;padding:12px 16px}.laf-page{padding:0}.laf-content{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:360px 1fr}@media (max-width:1024px){.laf-content{grid-template-columns:1fr}}.laf-card{background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.laf-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.laf-card-title{border-bottom:2px solid var(--light-gray);color:var(--primary-blue);font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.laf-muted{color:var(--text-secondary);font-size:14px;margin:0}.laf-info{grid-gap:12px;display:grid;gap:12px}.laf-row{align-items:center;background:var(--light-gray);border:1px solid #0000;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.laf-row:hover{background:var(--white);border-color:var(--accent-orange);box-shadow:0 2px 8px #0000000d}.laf-row-label{color:#000;font-size:13px;font-weight:600}.laf-row-icon{color:var(--accent-orange);font-size:16px;opacity:.8}.laf-row-value{color:var(--primary-blue);font-size:13px;font-weight:700;text-align:right}.laf-history{background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin-top:24px;padding:24px}.laf-history-head{align-items:center;border-bottom:2px solid var(--light-gray);display:flex;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.laf-history-title{color:var(--primary-blue);font-size:18px;font-weight:700;margin:0}.laf-history-meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.laf-chip{background:var(--light-gray);border:1px solid var(--border-color);border-radius:20px;color:var(--primary-blue);font-size:12px;font-weight:600;padding:5px 14px}.laf-table-wrap{border:1px solid var(--border-color);border-radius:12px;overflow:auto;width:100%}.laf-table{background:var(--white);border-collapse:initial;border-spacing:0;min-width:780px;width:100%}.laf-table thead th{background:var(--light-gray);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.05em;padding:14px 18px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.laf-table tbody td{border-bottom:1px solid var(--light-gray);color:var(--text-primary);font-size:14px;padding:14px 18px;vertical-align:middle}.laf-table tbody tr:hover td{background:#01023905}.laf-table tbody tr:last-child td{border-bottom:none}.laf-status{align-items:center;border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;padding:5px 12px;text-transform:capitalize}.laf-status--approved{background:#43a0471a;border-color:var(--success);color:var(--success)}.laf-status--rejected{background:#e539351a;border-color:var(--danger);color:var(--danger)}.laf-status--pending{background:#fb8c001a;border-color:var(--warning);color:var(--warning)}.laf-status--in-progress,.laf-status--inprocess,.laf-status--processing{background:#2196f31a;border-color:var(--info);color:var(--info)}.laf-form-card{background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:24px}.laf-form-card--disabled{filter:grayscale(.5);opacity:.65;pointer-events:none}.laf-form-title{color:var(--primary-blue);font-size:20px;font-weight:700;margin:0}.laf-form-subtitle{color:var(--text-secondary);font-size:14px;margin:6px 0 24px}.laf-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.laf-label{color:var(--text-primary);font-size:13px;font-weight:700}.laf-input,.laf-select,.laf-textarea{background:var(--white);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;outline:none;padding:12px;transition:all .2s ease;width:100%}.laf-textarea{min-height:100px;resize:vertical}.laf-input:focus,.laf-select:focus,.laf-textarea:focus{border-color:var(--accent-orange);box-shadow:0 0 0 3px #ff751f1a}.laf-input:hover,.laf-select:hover,.laf-textarea:hover{border-color:#aaa}.laf-input:disabled,.laf-select:disabled,.laf-textarea:disabled{background:var(--light-gray);cursor:not-allowed}.laf-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:640px){.laf-grid{grid-template-columns:1fr}}.laf-btn{background:linear-gradient(135deg,var(--primary-blue),#0a0b4a);border:none;border-radius:10px;box-shadow:0 4px 12px #01023933;color:var(--white);cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;padding:14px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.laf-btn:hover:not(:disabled){box-shadow:0 8px 20px #0102394d;filter:brightness(1.1);transform:translateY(-2px)}.laf-btn:active:not(:disabled){transform:translateY(0)}.laf-btn:disabled{background:var(--text-light);box-shadow:none;cursor:not-allowed;opacity:.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.internal-contact-container{margin:0 auto;min-height:100vh;padding:24px}.internal-contact-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.internal-contact-title-group{align-items:center;display:flex;gap:16px}.back-button{background:#0000;font-size:.9rem;padding:8px 16px}.back-button:hover{color:#0f172a}.internal-contact-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.internal-contact-filters{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;gap:16px;margin-bottom:24px;margin-top:17px;padding:16px}.ic-filter-select,.ic-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:.95rem;padding:10px 16px;transition:all .2s ease}.ic-search-input{flex:2 1}.ic-filter-select{flex:1 1}.ic-filter-select:focus,.ic-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.ic-table-wrapper{background:#fff;margin-bottom:24px;overflow:hidden}.ic-table{border-collapse:collapse;width:100%}.ic-table td,.ic-table th{border-bottom:1px solid #e2e8f0;padding:16px 24px;text-align:left}.ic-table th{background-color:#f3f2f2;color:#475569;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ic-table tr:last-child td{border-bottom:none}.ic-table tr:hover{background-color:#f8fafc}.ic-name{color:#0f172a;font-weight:600}.ic-designation{border-radius:9999px;color:#475569;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 10px}.ic-department{color:#475569}.ic-email,.ic-phone{color:#334155;font-size:.9rem}.ic-email a{color:#3b82f6;text-decoration:none}.ic-email a:hover{text-decoration:underline}.ic-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px}.ic-pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.ic-pagination-btn:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.5}.ic-pagination-btn:not(:disabled):hover{background:#f8fafc;border-color:#cbd5e1}.ic-page-info{color:#64748b;font-size:.9rem;font-weight:500}.ic-error,.ic-loading{color:#64748b;font-size:1.1rem;padding:48px;text-align:center}.ic-error{color:#ef4444}@media (max-width:768px){.internal-contact-header{align-items:flex-start;flex-direction:column;gap:16px}.internal-contact-filters{flex-direction:column}.ic-search-input{width:100%}.ic-table td,.ic-table th{padding:12px 16px}}:root{--cp-bg:#f6f8fc;--cp-card:#fff;--cp-text:#0f172a;--cp-muted:#64748b;--cp-border:#94a3b859;--cp-primary:#2563eb;--cp-primary-soft:#2563eb1f;--cp-danger:#ef4444;--cp-danger-soft:#ef44441f;--cp-radius-xl:12px;--cp-radius-lg:10px;--cp-shadow:0 10px 26px #0f172a14;--cp-shadow-soft:0 6px 18px #0f172a0f}.cp-page{background:radial-gradient(1200px 600px at 20% 0,#eef4ff 0,#0000 55%),#f6f8fc;background:radial-gradient(1200px 600px at 20% 0,#eef4ff 0,#0000 55%),var(--cp-bg);min-height:100%;padding:22px}.cp-shell{margin:0 auto;max-width:1250px}.cp-header{align-items:flex-start;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #94a3b859;border:1px solid var(--cp-border);border-radius:12px;border-radius:var(--cp-radius-xl);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--cp-shadow-soft);display:flex;gap:16px;justify-content:space-between;padding:20px}.cp-titleRow{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.cp-badge{background:#2563eb1f;background:var(--cp-primary-soft);border:1px solid #2563eb38;border-radius:999px;color:#2563eb;color:var(--cp-primary);font-size:12px;font-weight:700;letter-spacing:.3px;padding:6px 10px}.cp-title{color:#0f172a;color:var(--cp-text);font-size:22px;font-weight:600;line-height:1.15;margin:0}.cp-subtitle{color:#64748b;color:var(--cp-muted);font-size:14px;margin:6px 0 0}.cp-backBtn{align-items:center;background:#fff;border:1px solid #94a3b859;border:1px solid var(--cp-border);border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-weight:700;gap:10px;padding:10px 14px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;white-space:nowrap}.cp-backBtn:hover{border-color:#2563eb59;box-shadow:0 10px 18px #0f172a14;transform:translateY(-1px)}.cp-backBtn:active{transform:translateY(0)}.cp-actions{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #94a3b859;border:1px solid var(--cp-border);border-radius:12px;border-radius:var(--cp-radius-xl);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--cp-shadow-soft);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-top:16px;padding:14px}.cp-search{flex:1 1;max-width:520px;min-width:240px;position:relative}.cp-search__icon{color:#94a3b8;font-size:14px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.cp-search input{background:#fff;border:1px solid #94a3b873;border-radius:10px;font-size:14px;outline:none;padding:12px 12px 12px 42px;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.cp-search input:focus{border-color:#2563eb99;box-shadow:0 0 0 4px #2563eb1f}.cp-count{color:#475569;font-size:14px}.cp-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));margin-top:18px}.cp-card{background:#fff;background:var(--cp-card);border:1px solid #94a3b859;border-radius:12px;border-radius:var(--cp-radius-xl);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--cp-shadow-soft);overflow:hidden;padding:16px;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.cp-card:hover{border-color:#2563eb59;box-shadow:0 10px 26px #0f172a14;box-shadow:var(--cp-shadow);transform:translateY(-3px)}.cp-notch{background:linear-gradient(90deg,#2563eb2e,#ef44441f);border:1px solid #94a3b859;border-radius:999px;box-shadow:0 10px 20px #0f172a0f;height:20px;left:50%;position:absolute;top:-10px;transform:translateX(-50%);width:84px}.cp-card__top{align-items:flex-start;display:flex;gap:14px}.cp-icon{align-items:center;background:#ef44441f;background:var(--cp-danger-soft);border:1px solid #ef44442e;border-radius:10px;color:#ef4444;color:var(--cp-danger);display:flex;flex-shrink:0;font-size:20px;height:52px;justify-content:center;width:52px}.cp-card__info{flex:1 1;min-width:0}.cp-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;color:var(--cp-text);display:-webkit-box;font-size:16px;font-weight:650;line-height:1.25;margin:0;overflow:hidden}.cp-fileRow{margin-top:8px}.cp-filePill{background:#94a3b81f;border:1px solid #94a3b840;border-radius:999px;color:#475569;display:inline-block;font-size:12px;font-weight:650;max-width:100%;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.cp-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.cp-metaItem{color:#64748b;color:var(--cp-muted);font-size:12px;font-weight:600;gap:8px}.cp-download,.cp-metaItem{align-items:center;display:inline-flex}.cp-download{background:#2563eb1a;border:1px solid #2563eb2e;border-radius:10px;color:#2563eb;color:var(--cp-primary);flex-shrink:0;height:44px;justify-content:center;text-decoration:none;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;width:44px}.cp-download:hover{background:#2563eb29;box-shadow:0 10px 18px #2563eb1f;transform:scale(1.04)}.cp-download:active{transform:scale(1)}.cp-state{background:#ffffffd9;border:1px dashed #94a3b88c;border-radius:12px;border-radius:var(--cp-radius-xl);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--cp-shadow-soft);margin-top:18px;padding:44px 18px;text-align:center}.cp-state__text h3{color:#0f172a;color:var(--cp-text);font-size:16px;font-weight:650;margin:10px 0 4px}.cp-state__text p{color:#64748b;color:var(--cp-muted);font-size:14px;margin:0}.cp-emptyIcon{font-size:48px;opacity:.75}.cp-spinner{animation:cpSpin .9s linear infinite;border:4px solid #94a3b840;border-radius:50%;border-top-color:#2563ebd9;height:42px;margin:0 auto;width:42px}@keyframes cpSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.cp-page{padding:14px}.cp-header{padding:16px}.cp-actions{padding:12px}.cp-grid{grid-template-columns:1fr}}.policy-upload-page{margin:0 auto;max-width:1250px;padding:5px}.subcategory-header{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;flex-wrap:wrap;gap:16px;padding:24px}.header-text h2{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 4px}.header-text p{margin:0}.back-button,.header-text p{color:#64748b;font-size:14px}.back-button{background:#fff;border:2px solid #cbd5e1;font-weight:500;padding:10px 20px;transition:all .3s ease}.back-button:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateX(-2px)}.policy-list-card,.policy-upload-card{background:#fff;border:1px solid #e8edf2;border-radius:14px;box-shadow:0 2px 12px #00000012;margin-bottom:28px;padding:28px}.policy-form{gap:20px}.policy-form,.policy-form-group{display:flex;flex-direction:column}.policy-form-group{gap:8px}.policy-label{color:#374151;font-size:.9rem;font-weight:600}.policy-input{background:#f9fafb;border:1.5px solid #d1d5db;border-radius:8px;color:#1e293b;font-size:.95rem;outline:none;padding:11px 14px;transition:border-color .2s}.policy-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.policy-drop-zone{background:#f8fafc;border:2px dashed #d1d5db;border-radius:10px;cursor:pointer;padding:36px 24px;text-align:center;transition:border-color .2s,background .2s}.policy-drop-zone.has-file,.policy-drop-zone:hover{background:#eff6ff;border-color:#3b82f6}.policy-drop-placeholder{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:8px}.upload-icon{color:#94a3b8;font-size:2rem}.browse-link{color:#3b82f6;cursor:pointer;font-weight:600}.size-hint{color:#cbd5e1;font-size:.8rem;margin:0}.policy-file-preview{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pdf-icon{color:#ef4444;font-size:1.8rem}.policy-file-name{color:#1e293b;font-size:.95rem;font-weight:600}.policy-file-size{color:#64748b;font-size:.85rem}.policy-progress-wrap{align-items:center;display:flex;gap:12px}.policy-progress-bar{background:#e2e8f0;border-radius:99px;flex:1 1;height:8px;overflow:hidden}.policy-progress-fill{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:99px;height:100%;transition:width .3s ease}.policy-progress-text{color:#3b82f6;font-size:.85rem;font-weight:600;min-width:36px;text-align:right}.policy-message{align-items:center;border-radius:8px;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 16px}.policy-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.policy-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.policy-submit-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:9px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 28px;transition:opacity .2s,transform .15s}.policy-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.policy-submit-btn:disabled{cursor:not-allowed;opacity:.55}.policy-list-title{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 20px}.policy-empty,.policy-loading{color:#94a3b8;font-size:.95rem;padding:32px 0;text-align:center}.policy-table-wrap{overflow-x:auto}.policy-table{border-collapse:collapse;font-size:.9rem;width:100%}.policy-table th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:10px 14px;text-align:left}.policy-table td{border-bottom:1px solid #f1f5f9;color:#374151;padding:11px 14px;vertical-align:middle}.policy-table tr:last-child td{border-bottom:none}.policy-table tr:hover td{background:#f8fafc}.policy-doc-name{color:#1e293b;font-weight:600}.policy-filename{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:6px}.small-pdf-icon{color:#ef4444;font-size:1rem}.policy-actions{display:flex;gap:8px}.policy-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;height:34px;justify-content:center;text-decoration:none;transition:background .18s,transform .12s;width:34px}.policy-action-btn.download{background:#eff6ff;color:#2563eb}.policy-action-btn.download:hover{background:#dbeafe;transform:translateY(-1px)}.policy-action-btn.delete{background:#fef2f2;color:#dc2626}.policy-action-btn.delete:hover{background:#fee2e2;transform:translateY(-1px)}@media (max-width:640px){.policy-upload-page{padding:16px}.policy-list-card,.policy-upload-card{padding:18px}.policy-drop-zone{padding:24px 12px}}.policy-pagination-container{background:#fff;border-radius:0 0 12px 12px;margin-top:20px;padding:10px}.modal-delete-footer{display:flex;gap:12px;justify-content:flex-end;width:100%}.modal-cancel-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.modal-cancel-btn:hover{background:#e2e8f0}.modal-confirm-delete-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.modal-confirm-delete-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef444433}.delete-modal-body{color:#334155;line-height:1.5;padding:10px 0}.delete-warning{color:#ef4444;font-size:.85rem;font-weight:500;margin-top:8px}.hp-help-wrapper{display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.hp-help-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;height:fit-content;min-width:1200px;padding:32px}.sf-breadcrumbs-list{color:#64748b;font-size:14px;list-style:none;padding:0}.sf-breadcrumb-item,.sf-breadcrumbs-list{align-items:center;display:flex;gap:8px}.sf-breadcrumb-link{color:#3b82f6;cursor:pointer;font-weight:500;text-decoration:none}.sf-breadcrumb-link:hover{text-decoration:underline}.sf-breadcrumb-separator{color:#94a3b8}.sf-breadcrumb-current{color:#1e293b;font-weight:600}.hp-title{color:#1e293b;font-size:24px;font-weight:700;gap:16px;margin-bottom:24px}.hp-back-btn-circle,.hp-title{align-items:center;display:flex}.hp-back-btn-circle{background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;height:40px;justify-content:center;transition:all .2s;width:40px}.hp-back-btn-circle:hover{background:#e2e8f0;color:#0f172a}.hp-info{align-items:flex-start;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px;color:#1e40af;display:flex;font-size:14px;gap:12px;line-height:1.5;margin-bottom:24px;padding:16px}.hp-info-icon{flex-shrink:0;font-size:20px;margin-top:2px}.hp-form-group{margin-bottom:20px}.hp-label{color:#475569;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.hp-input,.hp-textarea{border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:15px;outline:none;padding:12px 16px;transition:all .2s;width:100%}.hp-input::placeholder,.hp-textarea::placeholder{color:#94a3b8}.hp-textarea{min-height:120px;resize:vertical}.hp-submit-btn{align-items:center;background:#0f172a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:14px;transition:all .2s}.hp-submit-btn:hover{background:#1e293b;transform:scale(1.05)}.hp-submit-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.hp-spin{animation:hp-spin 1s linear infinite}@keyframes hp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hp-status-box{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 16px}.hp-status-error{background:#fef2f2;border:1px solid #fee2e2;color:#b91c1c}.hp-modal-overlay{align-items:center;animation:hp-fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.hp-modal-content{animation:hp-slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:400px;padding:32px;position:relative;text-align:center;width:90%}.hp-success-icon-circle{align-items:center;background:#f0fdf4;border-radius:50%;color:#22c55e;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.hp-modal-header .hp-close-x{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:20px;position:absolute;right:16px;top:16px}.hp-modal-body h3{color:#1e293b;font-size:20px;margin-bottom:12px}.hp-modal-body p{color:#64748b;font-size:15px;line-height:1.5;margin-bottom:24px}.hp-modal-action-btn{background:#22c55e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .2s;width:100%}.hp-modal-action-btn:hover{background:#16a34a}@keyframes hp-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes hp-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stationary-items-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-top:24px;overflow:hidden}.table-header-actions{align-items:center;background:var(--form-light);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-right:20px}.table-title{color:var(--form-dark);font-size:1.1rem;font-weight:700;margin:0;padding:16px 24px}.search-wrapper{flex:0 0 300px}.table-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;padding:8px 16px;transition:all .2s ease;width:100%}.table-search-input:focus{border-color:var(--form-orange);box-shadow:0 0 0 3px #f973161a;outline:none}.no-items-msg{color:var(--form-gray);font-size:1rem;font-style:italic;padding:40px!important;text-align:center}.stationary-table{border-collapse:collapse;font-size:.95rem;text-align:left;width:100%}.stationary-table thead th{background:#fff;border-bottom:2px solid #e2e8f0;color:var(--form-gray);font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:14px 24px;position:sticky;text-transform:uppercase;top:0;z-index:10}.stationary-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s ease}.stationary-table tbody tr:hover{background:#f8fafc}.stationary-table td{color:var(--form-dark);font-weight:500;padding:14px 24px}.quantity-input{padding:8px 12px;width:80px}.quantity-input,.quantity-inputs{border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .2s ease}.quantity-input:focus{border-color:var(--form-orange);box-shadow:0 0 0 3px #f973161a;outline:none}.table-responsive{max-height:400px;overflow-y:auto}.table-responsive::-webkit-scrollbar{width:6px}.table-responsive::-webkit-scrollbar-track{background:#f1f5f9}.table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#94a3b8}.placeholder-form{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:var(--form-gray);font-style:italic;padding:40px;text-align:center}.it-module-container{padding:20px}.it-module-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.it-module-title-section h2{color:#1e293b;font-size:24px;margin:0}.it-module-title-section p{color:#64748b;font-size:14px;margin:5px 0 0}.it-module-container .back-button{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.it-module-container .back-button:hover{background:#e2e8f0;color:#1e293b}.it-report-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:20px}.it-report-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.report-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:24px;padding:15px}.salary-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.summary-content{display:flex;flex-direction:column}.summary-title{color:#64748b;font-size:13px;font-weight:500}.summary-value{color:#1e293b;font-size:20px;font-weight:700;margin-top:4px}.report-toolbar{align-items:flex-end;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;padding:20px}.search-box{flex:1 1;min-width:250px;position:relative}.search-icon{color:#94a3b8;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #e2e8f0;border-radius:8px;caret-color:#1e293b;font-size:14px;padding:10px 10px 10px 40px;width:100%}.filter-dropdown{display:flex;flex-direction:column;gap:6px}.filter-dropdown label{color:#64748b;font-size:12px;font-weight:600}.filter-dropdown select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:150px;padding:10px}.toolbar-actions{display:flex;gap:12px}.report-data-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;font-size:14px;-webkit-user-select:text;user-select:text;width:100%}.data-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;cursor:pointer;font-weight:600;text-align:left}.data-table td,.data-table th{padding:12px 16px;-webkit-user-select:text;user-select:text}.data-table td{border-bottom:1px solid #f1f5f9;color:#1e293b}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover{background-color:#f8fafc;cursor:pointer}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.description-cell{overflow-wrap:break-word;white-space:normal}.negative{color:#ef4444}.positive{color:#10b981}.module-placeholder{align-items:center;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin-top:24px;padding:60px}.placeholder-icon{color:#cbd5e1;font-size:48px;margin-bottom:16px}.release-notes-container{background-color:#fafafa;background-color:var(--background-secondary,#fafafa);display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px;min-height:calc(100vh - 60px);padding:20px}.release-notes-header{align-items:center;background:#fff;background:var(--white,#fff);border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;padding:20px}.release-notes-header h2{color:var(--primary-blue);font-size:24px;font-weight:700;margin:0}.header-actions{display:flex;gap:10px}.action-btns.create-btn{align-items:center;background-color:var(--primary-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.action-btns.create-btn:hover{background-color:var(--accent-orange);transform:translateY(-1px)}.back-button{background-color:initial;border:1px solid var(--primary-blue);color:var(--primary-blue)}.back-button:hover{background-color:#0052cc0f;border-color:var(--accent-orange);color:var(--accent-orange)}.release-toolbar{background:#fff;background:var(--white,#fff);border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:15px;justify-content:flex-start;padding:15px 20px}.filter-select{background-color:#fff;border:1px solid #0052cc33;border-radius:8px;color:var(--primary-blue);font-size:14px;min-width:180px;outline:none;padding:10px 12px}.filter-select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0052cc1f}.release-list-container{display:flex;flex-direction:column;gap:20px}.release-card{background:#fff;background:var(--white,#fff);border-left:4px solid var(--primary-blue);border-radius:12px;box-shadow:0 4px 14px #00000014;padding:20px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.release-card:hover{box-shadow:0 10px 22px #0000001a;transform:translateY(-2px)}.release-card-header{align-items:flex-start;border-bottom:1px solid #0052cc1a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.release-title-section{display:flex;flex-direction:column;gap:8px}.release-title{color:var(--primary-blue);font-size:20px;font-weight:700;margin:0}.release-badges{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.badge-app{background-color:#0052cc1a;color:var(--primary-blue)}.badge-app,.badge-version{border-radius:999px;font-size:12px;font-weight:700;padding:5px 10px}.badge-version{background-color:#ff8c001f;color:var(--accent-orange);font-family:monospace}.release-date{color:#64748b;font-size:14px}.release-controls{display:flex;gap:8px}.icon-btn{background:#0000;border:none;border-radius:8px;color:#94a3b8;padding:8px;transition:all .2s ease}.icon-btn.edit:hover{background-color:#0052cc1a;color:var(--primary-blue)}.icon-btn.delete:hover{background-color:#ff8c001f;color:var(--accent-orange)}.release-body{color:#334155;font-size:15px;line-height:1.7}.release-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag-badge{background:#0052cc14;border-radius:999px;color:var(--primary-blue);font-size:12px;font-weight:600;padding:5px 12px}.release-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a99;display:flex;inset:0;justify-content:center;min-height:100vh;padding:24px;position:fixed;width:100%;z-index:1000}.release-modal-content{background:#fff;background:var(--white,#fff);border:1px solid #0052cc1f;border-radius:18px;box-shadow:0 20px 45px #0000002e;display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:760px;min-width:320px;overflow:hidden;width:min(760px,100%)}.release-modal-form{display:flex;flex:1 1;flex-direction:column;min-height:0}.release-modal-header{align-items:center;background:linear-gradient(90deg,#0052cc0f,#ff8c0014);border-bottom:1px solid #0052cc1f;display:flex;justify-content:space-between;padding:20px 24px}.release-modal-header h3{color:var(--primary-blue);font-size:20px;font-weight:700;margin:0}.close-btn{align-items:center;background:#0052cc14;border:none;border-radius:10px;color:var(--primary-blue);cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-btn:hover{background:#ff8c0024;color:var(--accent-orange)}.release-modal-body{grid-gap:18px;display:grid;flex:1 1 auto;gap:18px;grid-template-columns:1fr 1fr;overflow-y:auto;padding:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--primary-blue);font-size:14px;font-weight:700}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #0052cc2e;border-radius:10px;box-sizing:border-box;outline:none;padding:12px 14px;transition:all .2s ease;width:100%}.form-group textarea{min-height:130px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0052cc1f}.release-modal-footer{background:#fff;border-top:1px solid #0052cc1f;display:flex;gap:12px;justify-content:flex-end;padding:18px 24px}.cancel-btn{background:#fff;border:1px solid var(--primary-blue);border-radius:10px;color:var(--primary-blue);cursor:pointer;font-weight:600;padding:10px 18px;transition:all .2s ease}.cancel-btn:hover{background:#ff8c000d;border-color:var(--accent-orange);color:var(--accent-orange)}.save-btn{background:var(--primary-blue);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 18px;transition:all .2s ease}.save-btn:hover{background:var(--accent-orange)}.empty-state{background:#fff;background:var(--white,#fff);border-radius:12px;box-shadow:0 2px 8px #0000000f;color:#64748b;padding:40px;text-align:center}@media (max-width:768px){.release-notes-header{align-items:flex-start;flex-direction:column;gap:14px}.header-actions{flex-wrap:wrap;width:100%}.release-card-header{flex-direction:column;gap:12px}.release-controls{align-self:flex-end}.release-modal-overlay{padding:12px}.release-modal-content{border-radius:14px;max-height:92vh;max-width:100%;width:100%}.release-modal-body{grid-template-columns:1fr;padding:18px}.release-modal-footer,.release-modal-header{padding:16px 18px}}.url-link{align-items:center;color:#0176d3;display:inline-flex;font-size:13px;font-weight:500;gap:6px;text-decoration:none;transition:color .2s}.url-link:hover{color:#014486;text-decoration:underline}.billing-info{display:flex;flex-direction:column;gap:2px}.section-subtitle{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:16px;font-weight:700;margin:20px 0 15px;padding-bottom:8px}.font-semibold{color:#1e293b;font-weight:600}.crm-view-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:flex-end;padding:0;position:fixed;z-index:9999}.crm-modal-content.large-modal{display:flex;flex-direction:column;max-height:90vh;max-width:850px}.crm-modal-content.large-modal.view-side-panel{border-radius:0;box-shadow:-10px 0 25px #0000001a;height:100vh;max-height:100vh;max-width:95%;width:650px}.view-side-panel select{appearance:none!important;background-image:none!important}.crm-modal-header{flex-shrink:0;position:sticky;top:0;z-index:10}.crm-modal-body{flex:1 1;overflow-y:auto;padding:24px}.crm-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;bottom:0;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px;position:sticky;z-index:10}.full-width{grid-column:1/-1}.section-toggle{align-items:center;color:#0176d3;cursor:pointer;display:flex;font-weight:500;gap:10px;margin-bottom:15px}.section-toggle input{height:18px!important;width:18px!important}.crm-modal-body textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;padding:10px;resize:vertical;width:100%}.data-table .col-asset-name{width:130px}.data-table .col-description{white-space:normal;width:200px;word-break:break-word}.asset-search-container{position:relative;width:100%}.asset-search-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;display:block;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.asset-search-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:12px 16px;transition:background .2s;width:100%}.asset-search-item:last-child{border-bottom:none}.asset-search-item:hover{background:#f8fafc}.asset-search-grid{grid-gap:6px 20px;display:grid;gap:6px 20px;grid-template-columns:1fr 1.5fr;grid-template-rows:auto auto;width:100%}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:40px!important;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.password-toggle-btn:hover{color:#0176d3}.grid-cell{color:#475569;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-label{color:#64748b;font-weight:500;margin-right:4px}.view-field{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0;padding:8px 0}.view-field-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.view-field-value{color:#1e293b;font-size:14px;word-break:break-word}.delete-confirm-modal{animation:slideUp .22s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000002e;max-width:420px;padding:36px 32px 28px;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.delete-confirm-icon{align-items:center;background:#fef2f2;border:2px solid #fecaca;border-radius:50%;color:#ef4444;display:flex;font-size:22px;height:60px;justify-content:center;margin:0 auto 18px;width:60px}.delete-confirm-title{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 6px}.delete-confirm-subtitle{color:#64748b;font-size:13.5px;line-height:1.5;margin:0 0 20px}.delete-asset-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:24px;padding:4px 0;text-align:left}.delete-asset-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;padding:9px 16px}.delete-asset-row:last-child{border-bottom:none}.delete-asset-label{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.delete-asset-value{color:#1e293b;font-size:13.5px;font-weight:500;text-align:right;word-break:break-word}.delete-confirm-actions{display:flex;gap:10px;justify-content:center}.delete-cancel-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 20px;transition:background .15s,border-color .15s}.delete-cancel-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.delete-confirm-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:7px;justify-content:center;padding:10px 20px;transition:background .15s,transform .1s}.delete-confirm-btn:hover{background:#dc2626;transform:translateY(-1px)}.delete-confirm-btn:active{transform:translateY(0)}.amount-field{display:flex;flex-direction:column;gap:6px;width:100%}.amount-label{color:#64748b;font-size:12px;font-weight:600;margin-bottom:2px}.amount-input-wrapper{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;height:44px;overflow:hidden;transition:all .2s ease}.amount-input-wrapper:focus-within{border-color:#0176d3;box-shadow:0 0 0 3px #0176d31a}.currency-wrapper{align-items:center;background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;height:100%;position:relative}.currency-select{appearance:none;background:#0000;border:none!important;color:#475569!important;cursor:pointer;font-size:13px!important;font-weight:600!important;height:100%!important;margin:0!important;min-width:85px!important;outline:none!important;padding:0 32px 0 12px!important;width:auto!important}.custom-arrow{color:#94a3b8;font-size:10px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.amount-input{border:none!important;box-shadow:none!important;flex:1 1;font-size:14px!important;font-weight:500!important;height:100%!important;margin:0!important;outline:none!important;padding:0 14px!important}.amount-input::-webkit-inner-spin-button,.amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.datepicker-wrapper{position:relative;width:100%}.datepicker-wrapper .react-datepicker-wrapper,.datepicker-wrapper .react-datepicker__input-container{width:100%}.datepicker-wrapper .react-datepicker__input-container input{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;height:44px;outline:none;padding:10px 40px 10px 12px!important;transition:all .2s ease;width:100%}.datepicker-wrapper .react-datepicker__input-container input:focus{border-color:#0176d3;box-shadow:0 0 0 3px #0176d31a}.datepicker-wrapper .react-datepicker__input-container input:disabled{background-color:#f8fafc;color:#64748b;cursor:not-allowed;opacity:.7}.datepicker-wrapper .calendar-icon{color:#94a3b8;font-size:16px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:2}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{border-bottom-color:#fff!important;left:auto!important;right:15px!important}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{border-top-color:#fff!important;left:auto!important;right:15px!important}.admin-module-container{padding:30px}.admin-module-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.admin-module-title-section h2{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:5px}.admin-module-title-section p{color:#64748b;font-size:14px}.back-button{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.back-button:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.subcategory-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.subcategory-header h2{margin:0}.management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.table-card{background:#fff;border:1px solid #e1e4e8;border-radius:15px;box-shadow:0 8px 30px #0000000d;margin-top:40px;overflow:hidden}.mgmt-table{border-collapse:collapse;width:100%}.mgmt-table th{background-color:#f8fafc;border-bottom:2px solid #edf2f7;color:#475569;font-size:12px;font-weight:700;letter-spacing:.05em;padding:18px 20px;text-align:left;text-transform:uppercase}.mgmt-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:14px;padding:16px 20px}.mgmt-table tr{cursor:pointer;transition:all .2s ease}.mgmt-table tr:hover{background-color:#f1f5f9}.status-pills{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:700;padding:6px 14px}.pills-pending{background:#fffbeb;border:1px solid #fef3c7;color:#92400e}.pills-approved{background:#f0fdf4;border:1px solid #dcfce7;color:#166534}.pills-rejected{background:#fef2f2;border:1px solid #fee2e2;color:#991b1b}.mgmt-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.mgmt-modal{animation:modalPop .35s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:90%}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-head{background:#fcfcfd;border-bottom:1px solid #edf2f7;justify-content:space-between;padding:24px 34px}.modal-head,.modal-head h3{align-items:center;display:flex}.modal-head h3{color:#010239;font-size:1.5rem;gap:15px;margin:0}.modal-body-scroll{background:#fff;flex:1 1;overflow-y:auto;padding:34px}.info-banner{grid-gap:15px;background:#f8fafc;border:1px solid #eef2f6;border-radius:10px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:25px;padding:15px 20px}.info-item{display:flex;flex-direction:column}.info-item label{align-items:center;color:#94a3b8;display:flex;font-size:11px;font-weight:500;gap:4px;margin-bottom:4px;text-transform:uppercase}.info-item p{color:#475569;font-size:13px;font-weight:600;margin:0}.items-section-title{align-items:center;border-left:4px solid #3b82f6;color:#2d3748;display:flex;font-size:1.2rem;font-weight:700;gap:12px;margin-bottom:18px;padding-left:15px}.items-table{border:1px solid #eef2f6;border-collapse:initial;border-radius:12px;border-spacing:0;margin-bottom:30px;overflow:hidden;width:100%}.items-table th{background:#edf2f7;color:#4a5568;font-size:13px;font-weight:700;padding:16px 20px;text-align:left}.items-table td{border-bottom:1px solid #eef2f6;color:#2d3748;font-size:14px;padding:16px 20px}.items-table tr:last-child td{border-bottom:none}.comment-box{background:#fefce8;border:1px solid #fef08a;border-radius:12px;padding:22px}.comment-box label{align-items:center;color:#854d0e;display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:8px}.comment-box p{color:#713f12;font-size:15px;line-height:1.5;margin:0}.modal-foot{background:#fcfcfd;border-top:1px solid #edf2f7;display:flex;gap:16px;justify-content:flex-end;padding:24px 34px}.btn-secondary{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#f7fafc;color:#2d3748}.btn-primary-admin{background:#10b981;border:none;border-radius:10px;box-shadow:0 4px 12px #10b98140;color:#fff;cursor:pointer;font-weight:700;padding:12px 30px;transition:all .2s}.btn-primary-admin:hover{background:#059669;box-shadow:0 6px 15px #10b98159;transform:translateY(-2px)}.btn-danger-admin{background:#ef4444;border:none;border-radius:10px;box-shadow:0 4px 12px #ef444440;color:#fff;cursor:pointer;font-weight:700;padding:12px 30px;transition:all .2s}.btn-danger-admin:hover{background:#dc2626;box-shadow:0 6px 15px #ef444459;transform:translateY(-2px)}.close-x{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s;width:36px}.close-x:hover{background:#e2e8f0;color:#1e293b}.refresh-btn{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:12px 20px;transition:all .3s}.refresh-btn:hover{background:#ffffff40;transform:translateY(-1px)}.name-cell{display:flex;flex-direction:column}.emp-name{color:#1a202c;font-weight:700}.emp-id{color:#718096;font-size:12px}.action-buttons-group{display:flex;gap:10px}.icon-btn{align-items:center;background:#fff;border:1px solid #edf2f7;border-radius:10px;cursor:pointer;display:flex;font-size:16px;height:38px;justify-content:center;transition:all .2s;width:38px}.icon-btn.view-btn{color:#3b82f6}.icon-btn.view-btn:hover{background:#eff6ff;border-color:#3b82f6}.icon-btn.approve-btn{color:#10b981}.icon-btn.approve-btn:hover{background:#ecfdf5;border-color:#10b981}.icon-btn.reject-btn{color:#f43f5e}.icon-btn.reject-btn:hover{background:#fff1f2;border-color:#f43f5e}.needed-by-date{color:#3b82f6;font-weight:700}.items-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.modal-empty-state{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;color:#64748b;padding:40px;text-align:center}.sync-icon-spaced{margin-right:10px}.item-code-tag{background:#f1f5f9;border-radius:6px;color:#475569;font-family:Courier New,Courier,monospace;font-weight:600;padding:4px 8px}.col-w-20{width:20%}.col-w-15{width:15%}.text-center{text-align:center}.modal-footer-actions{align-items:center;display:flex;gap:12px}.btn-save-admin{align-items:center;background:#f59e0b;border:none;border-radius:10px;box-shadow:0 4px 12px #f59e0b40;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:8px;padding:12px 30px;transition:all .2s}.btn-save-admin:hover{background:#d97706;box-shadow:0 6px 15px #f59e0b59;transform:translateY(-2px)}.btn-save-admin:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.bf-module{background:#f4f7fb;width:100%}.bf-module,.bf-page-header{border-radius:16px;padding:24px}.bf-page-header{align-items:center;background:#fff;box-shadow:0 4px 14px #0000000f;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.bf-page-title{color:#0f172a;font-size:34px;font-weight:700;margin:0 0 8px}.bf-page-subtitle{color:#64748b;font-size:16px;margin:0}.bf-section-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.bf-tab-btn{background:#e2e8f0;border:none;border-radius:10px;color:#0f172a;cursor:pointer;font-size:14px;font-weight:600;padding:12px 18px;transition:.3s ease}.bf-tab-btn:hover{background:#cbd5e1}.bf-tab-btn.active{background:#2563eb;color:#fff}.bf-approve-btn,.bf-escalate-btn,.bf-primary-btn,.bf-reject-btn,.bf-secondary-btn,.bf-view-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;padding:11px 18px;transition:.3s ease}.bf-primary-btn{background:#2563eb;color:#fff}.bf-primary-btn:hover{opacity:.92}.bf-secondary-btn{background:#e5e7eb;color:#111827}.bf-secondary-btn:hover{background:#d1d5db}.bf-approve-btn{background:#16a34a;color:#fff}.bf-approve-btn:hover:not(:disabled){opacity:.92}.bf-reject-btn{background:#dc2626;color:#fff}.bf-reject-btn:hover:not(:disabled){opacity:.92}.bf-escalate-btn{background:#7c3aed;color:#fff}.bf-escalate-btn:hover:not(:disabled){opacity:.92}.bf-view-btn{background:#2563eb;color:#fff}.bf-view-btn:hover:not(:disabled){opacity:.92}.bf-approve-btn:disabled,.bf-escalate-btn:disabled,.bf-reject-btn:disabled,.bf-view-btn:disabled{cursor:not-allowed;opacity:.6}.bf-card{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;padding:24px}.bf-card-title{color:#0f172a;font-size:28px;font-weight:700;margin:0 0 20px}.bf-filter-card{margin-bottom:20px}.bf-filter-bar{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.bf-filter-group{display:flex;flex-direction:column}.bf-filter-group label{color:#334155;font-size:14px;font-weight:600;margin-bottom:8px}.bf-filter-group select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;padding:12px 14px;width:100%}.bf-filter-group select:focus{border-color:#2563eb}.bf-summary-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr;margin-bottom:20px}.bf-summary-card{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;padding:22px}.bf-summary-card span{color:#64748b;display:block;font-size:15px;margin-bottom:10px}.bf-summary-card h2{color:#0f172a;font-size:36px;margin:0}.bf-dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.bf-workflow-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,1fr)}.bf-step-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;min-height:110px;padding:16px}.bf-step-card strong{color:#2563eb;display:inline-block;font-size:28px;margin-bottom:8px}.bf-step-card p{color:#334155;font-size:15px;line-height:1.5;margin:0}.bf-recent-list{display:flex;flex-direction:column;gap:12px}.bf-recent-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:14px}.bf-recent-item h4{color:#0f172a;font-size:16px;margin:0 0 5px}.bf-recent-item p{color:#64748b;font-size:14px;margin:0}.bf-request-form{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.bf-form-group{display:flex;flex-direction:column}.bf-form-group label{color:#334155;font-size:14px;font-weight:600;margin-bottom:8px}.bf-form-group input,.bf-form-group select,.bf-form-group textarea,.bf-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;padding:12px 14px;width:100%}.bf-form-group input:focus,.bf-form-group select:focus,.bf-form-group textarea:focus,.bf-search-input:focus{border-color:#2563eb}.bf-form-group textarea{resize:vertical}.bf-form-group input[type=date]{min-height:46px}.bf-full-width{grid-column:span 2}.bf-form-actions{display:flex;gap:12px}.bf-table-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.bf-muted-text{color:#64748b;font-size:14px;margin:6px 0 0}.bf-search-input{max-width:320px}.bf-table-wrapper{overflow-x:auto}.bf-table{border-collapse:collapse;width:100%}.bf-table thead{background:#f8fafc}.bf-table td,.bf-table th{border-bottom:1px solid #e2e8f0;font-size:14px;padding:14px 12px;text-align:left;vertical-align:middle}.bf-status-badge{align-self:flex-start;border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:6px 12px}.bf-status-badge.pending{background:#fef3c7;color:#92400e}.bf-status-badge.approved{background:#dcfce7;color:#166534}.bf-status-badge.rejected{background:#fee2e2;color:#991b1b}.bf-status-badge.escalated{background:#ede9fe;color:#5b21b6}.bf-action-buttons{display:flex;gap:8px}.bf-empty-state{color:#64748b;padding:20px;text-align:center}.bf-notification-list{display:flex;flex-direction:column;gap:16px}.bf-notice-box{border-radius:12px;padding:18px}.bf-notice-box strong{display:block;font-size:16px;margin-bottom:8px}.bf-notice-box p{font-size:15px;line-height:1.5;margin:0}.bf-approved-box{background:#ecfdf3;border:1px solid #bbf7d0}.bf-rejected-box{background:#fef2f2;border:1px solid #fecaca}.bf-pending-box{background:#fffbeb;border:1px solid #fde68a}.bf-escalated-box{background:#f5f3ff;border:1px solid #c4b5fd}.bf-readonly-input{background-color:#f1f5f9!important;color:#64748b;cursor:not-allowed}.bf-refresh-btn{background:#e2e8f0;border:none;border-radius:10px;color:#0f172a;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:.3s ease;white-space:nowrap}.bf-refresh-btn:hover:not(:disabled){background:#cbd5e1}.bf-card-approved,.bf-card-escalated,.bf-card-pending,.bf-card-rejected{border-left:4px}.bf-finance-row{grid-gap:18px;background:#fff;border-radius:22px;box-shadow:0 6px 20px #0f172a0f;display:grid;gap:18px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:20px;padding:20px}.bf-finance-card{background:#fff;border-radius:16px;border-top:4px;box-shadow:0 4px 14px #0000000f;padding:22px}.bf-finance-approved{border-top-color:#16a34a}.bf-finance-pending-amt{border-top-color:#f59e0b}.bf-finance-label{color:#64748b;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.bf-finance-value{color:#0f172a;font-size:24px;font-weight:700;margin:0}.bf-dashboard-bottom{grid-gap:20px;display:grid;gap:20px;grid-template-columns:3fr 2fr}.bf-dept-list{display:flex;flex-direction:column;gap:10px}.bf-dept-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 14px}.bf-dept-name{color:#0f172a;font-size:14px;font-weight:600;min-width:120px}.bf-dept-stats{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.bf-dept-total{color:#475569;font-size:13px;font-weight:600}.bf-dept-pill{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.bf-dept-pill.pending{background:#fef3c7;color:#92400e}.bf-dept-pill.approved{background:#dcfce7;color:#166534}.bf-dept-pill.rejected{background:#fee2e2;color:#991b1b}.bf-dept-pill.escalated{background:#ede9fe;color:#5b21b6}.bf-modal-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.bf-modal{animation:bfModalFade .2s ease;background:#fff;border-radius:18px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}@keyframes bfModalFade{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bf-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:18px 22px}.bf-modal-header h3{color:#0f172a;font-size:22px;margin:0}.bf-modal-close{background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;font-size:18px;padding:8px}.bf-modal-close:hover{background:#e2e8f0}.bf-modal-loading{color:#475569;font-size:15px;padding:30px 22px}.bf-modal-body{flex:1 1;overflow-y:auto;padding:24px 22px}.bf-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.bf-detail-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:14px}.bf-full-row{grid-column:span 2}.bf-detail-label{color:#64748b;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.bf-detail-value{color:#0f172a;font-size:15px;font-weight:600;word-break:break-word}.bf-modal-subsection{margin-top:24px}.bf-modal-subtitle{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 14px}.bf-modal-table td,.bf-modal-table th{font-size:13px}.bf-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:18px 22px}@media (max-width:1200px){.bf-summary-grid{grid-template-columns:repeat(2,1fr)}.bf-dashboard-grid{grid-template-columns:1fr}.bf-workflow-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1100px){.bf-finance-row{grid-template-columns:repeat(2,1fr)}.bf-dashboard-bottom{grid-template-columns:1fr}}@media (max-width:900px){.bf-page-header{align-items:flex-start;flex-direction:column}.bf-request-form{grid-template-columns:1fr}.bf-full-width{grid-column:span 1}.bf-table-header{align-items:flex-start;flex-direction:column}.bf-search-input{max-width:100%}.bf-detail-grid,.bf-filter-bar{grid-template-columns:1fr}.bf-full-row{grid-column:span 1}}@media (max-width:768px){.bf-module{padding:16px}.bf-summary-grid,.bf-workflow-grid{grid-template-columns:1fr}.bf-action-buttons{flex-direction:column}.bf-finance-row{grid-template-columns:1fr}.bf-modal{max-width:100%}.bf-modal-footer{flex-direction:column}}.bf-overview-section{margin-bottom:20px}.bf-overview-section>h3{color:#111827;font-size:20px;font-weight:700;margin:0 0 14px}.bf-metric-row{grid-gap:18px;background:#fff;border-radius:22px;box-shadow:0 6px 20px #0f172a0f;display:grid;gap:18px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:28px;padding:24px}.bf-overview-row{display:flex;justify-content:flex-start;margin-bottom:28px}.bf-metric-card{background:#fff;border:1px solid #eef2f7;border-radius:18px;box-shadow:0 4px 14px #0f172a0d;flex-direction:column;min-height:230px;padding:18px 16px}.bf-metric-card,.bf-metric-head{display:flex;justify-content:space-between}.bf-metric-head{align-items:center}.bf-metric-title{color:#111827;font-size:13px;font-weight:600}.bf-metric-badge{background:#fff;border-radius:999px;display:grid;height:28px;place-items:center;width:28px}.bf-metric-values{color:var(--bf-accent);font-size:16px;font-weight:600;letter-spacing:.2px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-metric-body{display:flex;flex:1 1;justify-content:center;margin-top:12px}.bf-metric-donut{background:conic-gradient(var(--bf-accent) 0 0,var(--bf-ring-bg) 0 100%);border-radius:50%;display:grid;flex-shrink:0;height:120px;place-items:center;width:120px}.bf-metric-donut-inner{background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #0000000f;display:grid;height:82px;padding:8px;place-items:center;text-align:center;width:82px}.bf-metric-center-pct{color:#111827;font-size:16px;font-weight:700;line-height:1.1}.bf-metric-green{--bf-accent:#1f9d55;--bf-ring-bg:#e6f5ec;background:#f3fbf6}.bf-metric-red{--bf-accent:#d64545;--bf-ring-bg:#fdecec;background:#fff4f4}.bf-metric-blue{--bf-accent:#2563eb;--bf-ring-bg:#eaf1ff;background:#f2f7ff}.bf-metric-orange{--bf-accent:#d08b12;--bf-ring-bg:#fff4dd;background:#fff8ea}.bf-metric-purple{--bf-accent:#7c3aed;--bf-ring-bg:#ede9fe;background:#f5f3ff}.bf-requests-overview-card{--bf-accent:#2563eb;--bf-ring-bg:#eaf1ff;background:#f2f7ff;border:1px solid #eef2f7;border-radius:18px;box-shadow:0 4px 14px #0f172a0d;display:flex;flex-direction:column;justify-content:space-between;min-height:230px;padding:24px;width:40%}.bf-requests-total-number{color:#111827;font-size:72px;font-weight:400;line-height:1;margin-bottom:12px;text-align:center}.bf-requests-breakdown{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);text-align:center;width:100%}.bf-breakdown-item-value{font-size:20px;font-weight:700;margin-bottom:4px}.bf-breakdown-item-label{color:#111827;font-size:12px;font-weight:600;white-space:nowrap}@media (max-width:1400px){.bf-metric-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.bf-metric-row,.bf-requests-breakdown{grid-template-columns:repeat(2,1fr)}.bf-requests-breakdown{gap:16px}}@media (max-width:600px){.bf-metric-row,.bf-requests-breakdown{grid-template-columns:1fr}.bf-requests-overview-card{width:100%}}.bf-main-container{background-color:#f8fafc;min-height:calc(100vh - 60px);padding:24px 32px}.bf-main-cards-wrapper{margin-top:24px}.bf-reports-page{background-color:#f8fafc;min-height:calc(100vh - 60px);padding:24px 32px}.subcategory-header h2{color:#010239;font-size:20px;margin-bottom:4px}.filter-group-one{align-items:center;display:flex;gap:15px;margin-right:15px}.report-controls-containers{grid-gap:20px;align-items:flex-end;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:grid;gap:20px;grid-template-columns:1fr auto;margin-bottom:24px;padding:20px}.report-controls-left .control-group select{background:#fff;min-width:120px}.search-box-report{align-items:center;display:flex;position:relative}.search-box-report .search-icon{color:#64748b;font-size:14px;left:12px;pointer-events:none;position:absolute}.search-box-report input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;caret-color:#010239;color:#1e293b;font-size:14px;height:40px;outline:none;padding:0 32px 0 35px;transition:border-color .2s;width:270px}.search-box-report input:focus{border-color:#010239;box-shadow:0 0 0 3px #0102390d}.search-info-icon{color:#94a3b8;cursor:help;font-size:13px;position:absolute;right:10px;transition:color .2s}.search-info-icon:hover{color:#010239}.filter-group{align-items:center;display:flex;gap:15px;margin-right:15px}.filter-item{display:flex;flex-direction:column;gap:3px}.filter-item label{color:var(--text-secondary);font-size:.65rem;font-weight:600;letter-spacing:.5px;margin-left:2px;text-transform:uppercase}.filter-item input[type=date],.filter-item select{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.85rem;min-height:36px;outline:none;padding:6px 10px;transition:border-color .2s ease}.filter-item input[type=date]:focus,.filter-item select:focus{border-color:var(--primary-color)}.report-record-count{align-items:center;background:#f0f4ff;border:1px solid #c7d2fe;border-radius:8px;color:#475569;display:inline-flex;font-size:13.5px;gap:4px;margin-bottom:12px;padding:8px 16px}.report-record-count strong{color:#010239;font-weight:700}.report-record-count em{color:#6366f1;font-style:normal;font-weight:600}.action-btn,.refresh-btn{font-size:13.5px;height:40px;padding:0 20px;transition:all .2s}.report-table-wrapper{box-shadow:0 4px 15px #0000000d}.report-table-container{max-height:600px}.report-data-table tr:hover td{cursor:pointer}.report-loading,.report-no-data{border-radius:12px;padding:80px}.custom-select-container{min-width:250px}.custom-select-trigger{height:40px}.custom-select-menu{max-height:400px;padding:4px 0}.bm-module{background:#f4f7fb;width:100%}.bm-module,.bm-page-header{border-radius:16px;padding:24px}.bm-page-header{align-items:center;background:#fff;box-shadow:0 4px 14px #0000000f;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.bm-page-title{color:#0f172a;font-size:34px;font-weight:700;margin:0 0 8px}.bm-page-subtitle{color:#64748b;font-size:16px;margin:0}.bm-back-btn{align-items:center;background:#e2e8f0;border:none;border-radius:10px;color:#0f172a;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:.3s ease;white-space:nowrap}.bm-back-btn:hover{background:#cbd5e1}.bm-section-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.bm-tab-btn{background:#e2e8f0;border:none;border-radius:10px;color:#0f172a;cursor:pointer;font-size:14px;font-weight:600;padding:12px 18px;transition:.3s ease}.bm-tab-btn:hover{background:#cbd5e1}.bm-tab-btn.active{background:#2563eb;color:#fff}.bm-approve-btn,.bm-primary-btn,.bm-reject-btn,.bm-secondary-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;padding:11px 18px;transition:.3s ease}.bm-primary-btn{background:#2563eb;color:#fff}.bm-primary-btn:hover{opacity:.92}.bm-secondary-btn{background:#e5e7eb;color:#111827}.bm-secondary-btn:hover{background:#d1d5db}.bm-approve-btn{background:#16a34a;color:#fff}.bm-reject-btn{background:#dc2626;color:#fff}.bm-card{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;padding:24px}.bm-card-title{color:#0f172a;font-size:28px;font-weight:700;margin:0 0 20px}.bm-summary-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.bm-summary-card{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;padding:22px}.bm-summary-card span{color:#64748b;display:block;font-size:15px;margin-bottom:10px}.bm-summary-card h2{color:#0f172a;font-size:36px;margin:0}.bm-dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.bm-recent-list{display:flex;flex-direction:column;gap:12px}.bm-recent-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:14px}.bm-clickable-item{cursor:pointer;transition:.2s ease}.bm-clickable-item:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px)}.bm-recent-item h4{color:#0f172a;font-size:16px;margin:0 0 5px}.bm-recent-item p{color:#64748b;font-size:14px;margin:0}.bm-request-form{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.bm-form-group{display:flex;flex-direction:column}.bm-form-group label{color:#334155;font-size:14px;font-weight:600;margin-bottom:8px}.bm-form-group input,.bm-form-group select,.bm-form-group textarea,.bm-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;padding:12px 14px;width:100%}.bm-form-group input:focus,.bm-form-group select:focus,.bm-form-group textarea:focus,.bm-search-input:focus{border-color:#2563eb}.bm-form-group textarea{resize:vertical}.bm-form-group input[type=date]{min-height:46px}.bm-full-width{grid-column:span 2}.bm-form-actions{display:flex;gap:12px}.bm-table-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.bm-muted-text{color:#64748b;font-size:14px;margin:6px 0 0}.bm-search-input{max-width:320px}.bm-table-wrapper{overflow-x:auto;position:relative}.bm-table-wrapper:has(.bm-active-cell){overflow:visible!important}.bm-table{border-collapse:collapse;width:100%}.bm-table thead{background:#f8fafc}.bm-table td,.bm-table th{border-bottom:1px solid #e2e8f0;font-size:14px;padding:14px 12px;text-align:left;vertical-align:middle}.bm-status-badge{align-self:flex-start;border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:6px 12px}.bm-status-badge.pending{background:#fef3c7;color:#92400e}.bm-status-badge.approved{background:#dcfce7;color:#166534}.bm-status-badge.rejected{background:#fee2e2;color:#991b1b}.bm-action-buttons{display:flex;gap:8px}.bm-empty-state{color:#64748b;padding:20px;text-align:center}.bm-notification-list{display:flex;flex-direction:column;gap:16px}.bm-notice-box{border-radius:12px;padding:18px}.bm-notice-box strong{display:block;font-size:16px;margin-bottom:8px}.bm-notice-box p{font-size:15px;line-height:1.5;margin:0}.bm-approved-box{background:#ecfdf3;border:1px solid #bbf7d0}.bm-rejected-box{background:#fef2f2;border:1px solid #fecaca}.bm-pending-box{background:#fffbeb;border:1px solid #fde68a}.bm-readonly-input{background-color:#f1f5f9!important;color:#64748b;cursor:not-allowed}.bm-card-approved,.bm-card-pending,.bm-card-rejected{border-left:4px}.bm-empty-dashboard{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px 20px;text-align:center}.bm-empty-icon{font-size:48px;margin:0}.bm-recent-item-info h4{color:#0f172a;font-size:15px;margin:0 0 4px}.bm-recent-item-info p{color:#64748b;font-size:13px;margin:0}.bm-search-select-container{cursor:pointer;position:relative;width:100%;z-index:1}.bm-active-cell{position:relative;z-index:1000!important}.bm-search-select-display{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:10px;display:flex;font-size:14px;justify-content:space-between;min-height:46px;padding:12px 14px;transition:.3s ease}.bm-search-select-container.open .bm-search-select-display{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:#2563eb}.bm-chevron{color:#64748b;font-size:12px;transition:.3s ease}.bm-search-select-container.open .bm-chevron{transform:rotate(180deg)}.bm-search-select-dropdown{background:#fff;border:1px solid #2563eb;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:none;box-shadow:0 4px 14px #0000001a;left:0;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.bm-search-select-search{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;padding:8px 12px}.bm-search-icon{color:#94a3b8;font-size:14px;margin-right:10px}.bm-search-select-search input{background:#0000!important;border:none!important;box-shadow:none!important;font-size:14px;margin:0!important;padding:8px 0!important}.bm-search-select-list{max-height:250px;overflow-y:auto}.bm-search-select-msg{color:#64748b;font-size:14px;padding:12px;text-align:center}.bm-search-select-option{cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;transition:background .2s}.bm-search-select-option:hover{background:#f1f5f9}.bm-search-select-option.selected{background:#eff6ff;color:#2563eb;font-weight:600}.bm-opt-code{color:#2563eb;font-weight:600;min-width:70px}.bm-opt-sep{color:#cbd5e1}.bm-opt-name{color:#334155}.bm-modal-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.bm-modal{animation:bmModalFade .2s ease;background:#fff;border-radius:18px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}@keyframes bmModalFade{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bm-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:18px 22px}.bm-modal-header h3{color:#0f172a;font-size:22px;margin:0}.bm-modal-close{background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;font-size:18px;padding:8px}.bm-modal-close:hover{background:#e2e8f0}.bm-modal-body{flex:1 1;overflow-y:auto;padding:24px 22px}.bm-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.bm-detail-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:14px}.bm-full-row{grid-column:span 2}.bm-detail-label{color:#64748b;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.bm-detail-value{color:#0f172a;font-size:15px;font-weight:600;word-break:break-word}.bm-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:18px 22px}@media (max-width:1200px){.bm-summary-grid{grid-template-columns:repeat(2,1fr)}.bm-dashboard-grid{grid-template-columns:1fr}}@media (max-width:900px){.bm-page-header{align-items:flex-start;flex-direction:column}.bm-request-form{grid-template-columns:1fr}.bm-full-width{grid-column:span 1}.bm-table-header{align-items:flex-start;flex-direction:column}.bm-search-input{max-width:100%}.bm-detail-grid{grid-template-columns:1fr}.bm-full-row{grid-column:span 1}}@media (max-width:768px){.bm-module{padding:16px}.bm-summary-grid{grid-template-columns:1fr}.bm-action-buttons{flex-direction:column}.bm-modal{max-width:100%}.bm-modal-header h3{font-size:18px}}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:24px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.sap-header-layout{display:flex;gap:40px;justify-content:space-between}.sap-header-left,.sap-header-right{display:flex;flex:0 0 350px;flex-direction:column;gap:15px}.sap-header-right .form-group{align-items:flex-end;text-align:right}.sap-header-layout .form-group{align-items:center;flex-direction:row;gap:20px;justify-content:flex-start}.sap-header-layout .form-group label{flex-shrink:0;text-align:left;width:120px}.sap-header-layout .form-group .read-only-text-field,.sap-header-layout .form-group .search-input-wrapper,.sap-header-layout .form-group input,.sap-header-layout .form-group select{flex-grow:1;max-width:250px}.sap-header-right .form-group{justify-content:flex-end}.sap-header-right label{text-align:right!important}.form-group input,.form-group select,.form-group textarea{border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 14px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#010239;box-shadow:0 0 0 3px #0102391a;outline:none}.read-only-input{background-color:#f1f5f9;cursor:not-allowed}.read-only-text-field{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;font-size:14px;min-height:41px;padding:10px 14px}.table-wrapper{overflow-x:auto}.doc-table{border-collapse:collapse;margin-bottom:20px;width:100%}.doc-table th{background:#f1f5f9;border-bottom:2px solid #e2e8f0;color:#334155;font-size:13px;font-weight:700;padding:12px;text-align:left}.doc-table td{border-bottom:1px solid #f1f5f9;padding:8px 12px;vertical-align:middle}.doc-table input{border:1px solid #e2e8f0;border-radius:4px;font-size:13px;padding:8px;width:100%}.narrow-input{max-width:80px}.row-total{color:#0f172a;font-weight:600;min-width:100px;text-align:right}.delete-row-btn{background:#0000;border:none;border-radius:4px;color:#ef4444;cursor:pointer;padding:8px;transition:all .2s}.delete-row-btn:hover{background:#fef2f2}.table-actions{display:flex;justify-content:flex-end;margin-top:15px}.add-row-btn{align-items:center;background:#0000;border:1.5px dashed #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.add-row-btn:hover{background:#e2e8f0;border-color:#010239}.footer-layout{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1.5fr 1fr}.footer-right{background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px}.summary-row{color:#475569;display:flex;font-size:14px;justify-content:space-between}.summary-val{color:#0f172a;font-weight:600}.grand-total{border-top:2px solid #e2e8f0;font-size:18px;font-weight:700;margin-top:10px;padding-top:10px}.grand-total .summary-val{color:#010239}.form-actions{display:flex;justify-content:flex-end;margin-top:20px}.submit-doc-btn{align-items:center;background:#010239;border:none;border-radius:8px;box-shadow:0 4px 6px #01023933;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;padding:14px 28px;transition:all .3s}.submit-doc-btn:hover{background:#0a0c4d;box-shadow:0 6px 15px #0102394d;transform:translateY(-2px)}.search-input-wrapper{align-items:center;display:flex;position:relative}.tax-input-group{align-items:center;display:flex;gap:10px}.tax-footer-input{border-radius:4px!important;font-size:13px!important;padding:4px 8px!important;width:60px!important}.salesman-dropdown-list{max-height:180px!important;overflow-y:auto!important}.search-input-wrapper input{width:100%}.search-status-msg{align-items:center;color:#64748b;display:flex;font-size:13px;gap:10px;justify-content:center;padding:20px;text-align:center}.no-results{color:#ef4444;font-weight:500}.search-results-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;left:0;list-style:none;margin:4px 0 0;max-height:250px;overflow-y:auto;padding:0;position:absolute;top:100%;width:100%;z-index:1000}.search-results-dropdown li{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:10px 14px;transition:background .2s}.search-results-dropdown li:last-child{border-bottom:none}.search-results-dropdown li:hover{background:#f8fafc}.res-name{color:#1e293b;font-size:13px;font-weight:600}.res-code{color:#64748b;font-size:11px;margin-top:2px}.res-meta{color:#94a3b8;font-size:10px;margin-top:4px}.item-dropdown{min-width:300px}.searchable-cell{overflow:visible!important;position:relative}.report-controls-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr auto}.report-controls-left{flex-wrap:wrap}.report-controls-right{align-items:flex-end;flex-wrap:wrap}.search-box-report-supply-chain .search-icon{pointer-events:none}.search-box-report-supply-chain input{background:#fff;border-radius:3px;color:#1e293b;height:33px;outline:none;padding:0 12px 0 35px;width:200px}.search-box-report-supply-chain input:focus{border-color:#010239}.action-btn,.refresh-btn{border-radius:3px;font-weight:500;height:33px;padding:0 15px}.action-btn:hover,.refresh-btn:hover{background:#f8fafc;border-color:#010239;color:#010239}@media (max-width:1024px){.report-controls-container{grid-template-columns:1fr}}@media (max-width:600px){.report-controls-left,.report-controls-right{align-items:stretch;flex-direction:column}.search-box-report-supply-chain input{width:100%}.action-btn,.refresh-btn{justify-content:center}}.report-table-wrapper{border-radius:14px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;gap:0}.report-table-wrapper .opportunities-footer{background:#f8fafc;border:none;border-radius:0;border-top:1px solid #e2e8f0;margin-top:0;padding:15px 24px}.report-table-container{background:#fff}.report-data-table{border-collapse:initial;border-spacing:0}.report-data-table th{color:#334155;padding:16px;position:sticky;top:0;z-index:10}.report-data-table td{padding:14px 16px;transition:background .15s ease}.report-data-table tr:hover td{background:#01023905}.report-loading,.report-no-data{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 15px #00000014;color:#64748b;font-size:16px;padding:60px;text-align:center}.custom-select-container{width:100%}.custom-select-trigger{min-width:250px;transition:all .2s}.custom-select-trigger:hover{border-color:#010239}.custom-select-menu{margin-top:5px;padding:5px 0}.custom-select-item{transition:all .2s}.dropdown-icon{color:#94a3b8;font-size:12px;transition:transform .2s}.custom-select-container.open .dropdown-icon{transform:rotate(180deg)}.service-portal-container{padding:20px}.service-portal-page{padding:24px}.subcategory-header{margin-bottom:24px}.subcategory-header h2{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:8px}.subcategory-header p{color:#64748b;font-size:14px}.report-controls-container{align-items:flex-end;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.report-controls-left{display:flex;gap:20px}.report-controls-left .control-group{display:flex;flex-direction:column;gap:8px}.report-controls-left .control-group label{color:#64748b;font-size:13px;font-weight:600}.report-controls-left .control-group select{border:1px solid #cbd5e1;border-radius:8px;font-size:14px;min-width:180px;padding:10px 14px}.report-controls-right{align-items:center;display:flex;gap:12px}.search-box-report-supply-chain .search-icon{color:#64748b;font-size:14px;left:12px;position:absolute}.search-box-report-supply-chain input{border:1px solid #cbd5e1;border-radius:6px;font-size:14px;padding:8px 12px 8px 35px;width:250px}.action-btn,.refresh-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px}.report-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.report-table-container{overflow-x:auto}.report-data-table{border-collapse:collapse;width:100%}.report-data-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:700;padding:14px 16px;text-align:left;white-space:nowrap}.report-data-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:14px;padding:12px 16px;white-space:nowrap}.report-data-table tr:last-child td{border-bottom:none}.report-data-table tr:hover td{background:#f8fafc}.custom-select-container{min-width:280px;position:relative}.custom-select-trigger{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 14px}.custom-select-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:4px;max-height:350px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000}.custom-select-item{color:#475569;cursor:pointer;font-size:13.5px;padding:10px 16px}.custom-select-item:hover{background:#f1f5f9;color:#010239}.custom-select-item.active{background:#0102390d;color:#010239;font-weight:600}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.opportunity-module-container{height:100%;padding:0}.company-filter-bar .control-group select,.custom-select-trigger,.report-controls-left .control-group input,.report-controls-left .control-group select{align-items:center!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;color:#1e293b!important;display:flex!important;font-size:14px!important;min-height:41px!important;padding:10px 14px!important;transition:all .2s ease}.report-controls-left .custom-select-container,.report-controls-left .custom-select-trigger{min-width:250px!important}.company-filter-bar .custom-select-container,.company-filter-bar .custom-select-trigger{max-width:220px!important;min-width:180px!important}.report-controls-left .control-group input[type=date]{min-width:160px!important}.custom-select-container.open .custom-select-trigger,.report-controls-left .control-group input:focus,.report-controls-left .control-group select:focus{border-color:#010239!important;box-shadow:0 0 0 3px #0102391a!important}.search-box-report-supply-chain input{height:41px!important;width:300px!important}.company-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 6px #00000008;display:inline-flex;margin-bottom:15px;padding:16px 20px}.company-filter-bar .control-group{align-items:center;display:flex;flex-direction:row!important;gap:20px}.company-filter-bar .control-group label{color:#1e293b;font-size:13.5px;font-weight:700;letter-spacing:.8px;margin-bottom:0!important;min-width:80px;text-transform:uppercase}@media (max-width:768px){.report-controls-left{flex-direction:column;width:100%}.control-group input,.custom-select-container{max-width:none!important;min-width:0!important;min-width:auto!important;width:100%!important}.company-filter-bar{display:block;width:100%}}.search-box-report-supply-chain{align-items:center;display:flex;position:relative}.filtering-badge{animation:pulse 1.5s infinite;background:#f1f5f9;border-radius:4px;color:#64748b;font-size:11px;font-weight:600;padding:2px 8px;pointer-events:none;position:absolute;right:12px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.report-content-section.processing{filter:blur(.5px);opacity:.6;pointer-events:none;transition:opacity .2s ease}: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{overflow:hidden;width:100%}.app-container,.main-content{display:flex;min-height:100vh}.main-content{background-color:#f5f7fa;flex:1 1;flex-direction:column;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{flex:1 1;padding:30px;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;background:#fff;border-top:1px solid #e2e8f0;color:#64748b;display:flex;flex-direction:row;justify-content:center;padding:20px;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 0}.request-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.page-container{padding:1px 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}@media (max-width:992px){.main-content.collapsed,.main-content:not(.full-width){margin-left:0;width:100%}.request-list,.stats-grid{grid-template-columns:repeat(2,1fr)}}.text-fonts{color:#000;font-weight:500}@media (max-width:768px){.top-header-bar{padding:10px 15px}.th-title{font-size:16px}.th-username{display:none}.request-list,.stats-grid{grid-template-columns:1fr}.page-container{padding:1px 12px}}
/*# sourceMappingURL=main.99df0a0e.css.map*/