@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700&display=swap);:root{--color-primary-dark:#05445e;--color-primary:#007cbf;--color-light-bg:#f6f8fa;--color-white:#fff;--color-grey-text:#555;--color-grey-bg:#f5f5f5;--color-grey-bg-lite:#f2f2f2;--color-table-hover:#f9f9f9;--color-border:#ddd;--status-active:#01830c;--status-expired:#d32f2f;--status-cancelled:#ef6c00;--status-rejected:#d32f2f;--status-pending-approval:#ff7f63;--status-pending-delivery:#0095a5;--font-main:"Noto Sans",sans-serif;--padding-page:30px;--padding-card:20px;--radius-card:8px;--shadow-light:0 2px 4px #0000001a;--shadow-card:0 2px 6px #0000000d;--modal-shadow:0 4px 15px #0003;--font-600:600;--font-500:500;--font-400:400;--overlay:#00000080;--approve-green:#01830c}body{background:var(--color-light-bg);font-family:var(--font-main)!important;font-style:normal;font-weight:400;letter-spacing:.17px;line-height:143%;padding:0}.pagination-controls{align-items:center;display:flex;font-size:12px;gap:15px;padding:30px 0}.recharts-responsive-container{font-family:var(--font-main)!important}g.recharts-layer.recharts-cartesian-axis-tick{font-family:var(--font-main)!important;font-size:14px}.header{align-items:center;background:var(--color-white);box-shadow:var(--shadow-light);display:flex;justify-content:space-between;left:0;padding:0 15px;position:fixed;right:0;top:0;z-index:9}.header h2{color:var(--color-primary-dark);margin:0}.tabs{display:flex;gap:20px;padding:37px 37px 0}.tabs span{border-bottom:2px solid #0000;color:var(--color-grey-text);cursor:pointer;font-size:14px;font-weight:500;padding-bottom:5px}.tabs span.active{border-bottom:4px solid var(--color-primary);color:var(--color-primary-dark)}.overview{background:var(--color-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;justify-content:space-around;margin:20px var(--padding-page);padding:var(--padding-card)}.overview div{font-size:16px;text-align:center}.chart h3,.issued-certificates h3{color:#000;margin-top:0}table{margin-top:10px}table td,table th{border-bottom:1px solid var(--color-border);font-size:14px;padding:10px;text-align:left}table th{background:#fff;color:#333}table tr:hover{background:var(--color-table-hover)}button{background:var(--color-primary);border:none;border-radius:5px;color:var(--color-white);cursor:pointer;font-size:14px;padding:8px 22px}.status-active{background:var(--status-active)!important}.status-active,.status-expired{border-radius:12px;color:#fff;display:block;float:left;font-size:13px;padding:5px 10px}.status-expired{background:var(--status-expired)}.status-cancelled{background:var(--status-cancelled)!important}.status-cancelled,.status-rejected{border-radius:12px;color:#fff;display:block;float:left;font-size:13px;padding:5px 10px}.status-rejected{background:var(--status-rejected)}.status-pending,.status-pending-approval{background:var(--status-pending-approval)!important}.status-approved,.status-pending,.status-pending-approval,.status-pending-delivery{border-radius:12px;color:#fff;display:block;float:left;font-size:13px;padding:5px 10px}.status-approved,.status-pending-delivery{background:var(--status-pending-delivery)!important}.chartsContainer{display:flex;flex-direction:row;gap:16px}.chartsContainer>.chart{flex:1 1;min-width:0}.viewAllButton{background-color:initial;border:1px solid var(--color-primary)!important;font-style:normal;font-weight:var(--font-600);letter-spacing:.46px;line-height:26px}.viewAllButton:hover{background-color:initial;border:1px solid var(--color-primary);color:var(--color-primary)}.recharts-legend-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;top:0}li.recharts-legend-item{margin-bottom:15px}@media (max-width:768px){.overview{flex-direction:column;gap:15px}.tabs{gap:10px}table td,table th{font-size:12px;padding:6px}.chartsContainer{display:flex;flex-direction:column}.chartsContainer>.chart{min-width:100%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background-light);font-family:var(--font-primary);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.react-select-component.react-select-component--outline .react-select-container .react-select__control{background-color:#fff!important}.react-select-component.react-select-component--outline .react-select-container .react-select__control--is-disabled{background-color:#f7f7f7!important}.react-select-component.react-select-component--box .react-select-container .react-select__control{align-items:center;background-color:#fff!important;display:flex}.react-select-component,.react-select-component.react-select-component--box .react-select-container .react-select__control .react-select__value-container{margin-top:0!important}.papi-react{width:100%}.certificate-overview{background:var(--color-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin:30px 30px 0;padding:var(--padding-card)}.heading{color:#000000de!important;font-family:var(--font-main)!important;font-size:20px!important;font-style:normal!important;font-weight:600!important;letter-spacing:.15px;line-height:160%}.certificate-overview h2{font-size:18px;font-weight:var(--font-600);margin-bottom:20px}.overview-cards{display:flex;flex-wrap:wrap;justify-content:space-between}.overview-card{background:var(--color-grey-bg);border-radius:var(--radius-card);flex:1 1;margin-bottom:15px;margin-right:15px;min-width:150px;padding:15px 20px}.overview-card:last-child{margin-right:0}.overview-card p{color:#0009;font-family:var(--font-main);font-size:16px;font-style:normal;font-weight:400;letter-spacing:.15px;line-height:150%;margin:0}.overview-card h3{color:var(--color-primary-dark);font-size:20px;font-weight:700;margin:5px 0 0}.cert-cont{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px}.downloadfull{font-feature-settings:"liga" off,"clig" off;color:#007cbf;font-family:Noto Sans;font-size:15px;font-style:normal;font-weight:600;letter-spacing:.46px;line-height:26px;margin-right:27px}.download-spinner{align-items:center;color:var(--color-primary);display:flex;font-size:15px;font-weight:var(--font-600);margin-right:15px}.chart{background:var(--color-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex:1 1;min-width:0;overflow:hidden;padding:var(--padding-card)}.chart,.chart h3{margin-bottom:20px}.chart h3{font-size:16px;font-weight:var(--font-600)}.chart-container{height:315px;width:100%}.chart h3{align-items:center;display:flex;justify-content:space-between}.tab-container{display:flex;overflow:hidden}.tab-button{border:none;border-radius:14px;color:#000000de;cursor:pointer;font-size:13px;font-style:normal;font-weight:400;letter-spacing:.16px;line-height:18px;margin-right:12px;padding:8px 15px;transition:background-color .3s,color .3s}.tab-button,.tab-button:hover{background-color:#00000014}.tab-button.active{background-color:var(--color-primary);color:#fff;font-weight:700}.pie-chart-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.pie-chart-section-row{align-items:center;flex-direction:row;justify-content:center}.summary-text-container{text-align:left}.pie-chart-section-row .summary-text-container{flex-shrink:0;text-align:left}.summary-total{color:#000000de;font-size:14px;font-weight:600;letter-spacing:.1px;line-height:157%;margin:0 0 10px}.summary-text-container p{font-size:14px;font-weight:700}.summary-legend{display:flex;flex-direction:column}.legend-label{font-weight:500;letter-spacing:.15px;line-height:12px;text-transform:uppercase}.legend-item,.legend-label{color:#607d8b;font-size:12px}.legend-item{align-items:center;display:flex;margin-bottom:5px;margin-right:20px}.legend-dot{height:10px;margin-right:8px;width:10px}.recharts-legend-item-text{color:#607d8b!important;font-size:12px}.custom-legend-bar{align-items:center;display:flex;justify-content:center}.bar-chart-section{padding-bottom:40px}thead th{background:var(--color-table-hover);color:#000000de;color:var(--text-primary,#000000de);font-weight:500;line-height:24px;text-align:left}tbody td,thead th{font-size:14px;font-style:normal;letter-spacing:.17px;padding:12px 8px}tbody td{border-bottom:1px solid #eee;font-weight:400;line-height:143%;max-width:100px;text-overflow:ellipsis;word-break:break-word}.search-input{background:var(--color-grey-bg-lite);border:none!important;border-radius:7px;font-family:var(--font-primary);padding:11px 15px;width:240px}.text-yellow{color:#fec61e}.text-green{color:#1efe69}.text-red{color:red}.assigned-certificates{background:#fff;border-radius:10px;font-family:Noto Sans,sans-serif;margin:20px;padding:20px}.assigned-certificates-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.assign-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:8px 22px}.assign-button,.assign-button:hover{background:var(--color-primary)}thead{background-color:var(--color-grey-bg-lite)}tr:nth-child(2n){background-color:#fff}.view-details-button{font-weight:var(--font-600);padding-left:0}.view-details-button:hover{background:none;border:none;color:var(--color-primary);cursor:pointer}.issued-qty-chart{display:block;height:18px;margin-right:8px;transition:width .3s ease-in-out}span.quantityLabel{bottom:0;left:31%;position:absolute;right:0;top:0}.modal-content{background-color:var(--color-white);box-shadow:0 4px 6px #0000001a;padding:20px 30px}.modal-headers{margin-bottom:20px}.modallabel{font-size:14px;font-weight:var(--font-600)}.modal-close-button{color:#3d3d3d!important;padding:0!important}.modal-close-button:hover{background-color:var(--color-white)!important}.form-group label{font-weight:700}.form-group input,.form-group select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.range-inputs{align-items:center;display:flex}.range-inputs input{flex:1 1}.range-inputs span{margin:0 10px}.error-message{color:var(--status-rejected);margin-top:5px}.form-actions{display:flex;justify-content:flex-end;margin-top:20px}.assign-button-modal{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.modal-heading{font-size:16;font-weight:var(--font-600)}.review-assigned-certificates{font-family:Noto Sans,sans-serif;margin:20px}.back-button{display:flex;font-weight:var(--font-600);padding:0}.back-button,.back-button:hover{background:none;border:none;color:#333;cursor:pointer;font-size:16px;margin-bottom:20px}.assigned-summary{background:var(--color-table-hover);border-radius:8px;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;padding:15px}.assigned-summary div{display:flex;flex-direction:column}.subtitle{color:#00000061;margin-bottom:8px}.reviewdata,.subtitle{display:block;font-size:14px;font-weight:var(--font-600)}.reviewdata{color:#000000de}.edit-icon{margin-left:10px}.issued-certificates .search-box{margin:10px 0;padding:8px;width:300px}thead{background:#fff}td,th{background-color:#fff!important;padding:10px}tr:nth-child(2n){background:#fff}.view-details-button{background:none;border:none;color:var(--color-primary);cursor:pointer}.status-unassigned{color:grey}.modal-overlay{background-color:#00000080}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:90%;padding:20px;position:relative;width:400px}.modal-headers{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.modal-heading{font-size:1.2em;font-weight:700}.modal-close-button{color:#333;font-size:1.5em}.modal-body p{color:#555;margin-bottom:20px}.modal-footer{gap:10px}.cancel-button-confirm{background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#333}.cancel-button-confirm,.delete-button-confirm{cursor:pointer;font-size:1em;min-width:80px;padding:16px 6px}.delete-button-confirm{background-color:#d32f2f;border:none;border-radius:8px;color:#fff}.delete-icon{margin-left:10px}.delete-icon,.profile-initials{align-items:center;cursor:pointer;display:inline-flex}.profile-initials{background-color:#2e7d32;background-color:var(--color-primary,#2e7d32);border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:36px;justify-content:center;margin-right:10px;width:36px}.assigned-booklets-container,.certificate-overview-container,.issued-certificate-container{font-size:14px;font-style:normal;font-weight:600;letter-spacing:.4px;line-height:24px}.app-name{color:#0009;display:block;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.26px;line-height:20px;padding-left:12px;text-transform:capitalize;width:190px}.guided-tour-text{color:#000000de;font-family:var(--font-main);font-size:15px;font-style:normal;font-weight:600;letter-spacing:.46px;line-height:26px}.guided-cont{border-left:1px solid #efefef;border-right:1px solid #efefef;padding:0 35px}.guided-cont,.profile-container{align-items:center;cursor:pointer;display:flex;justify-content:center}.profile-container{flex-direction:row;position:relative}.profile-dropdown{background:#fff;border-radius:6px;box-shadow:0 2px 8px #00000026;padding:8px 0}.profile-name{color:#000000de;font-family:var(--font-main);font-size:14px;font-style:normal;font-weight:500;letter-spacing:.17px;line-height:24px}.profile-capsule-label,.profile-capsule-value{color:#0009;font-family:var(--font-main);font-size:12px;font-style:normal;font-weight:400;letter-spacing:.4px;line-height:166%}.manage-users{font-family:Noto Sans,sans-serif;padding:20px}.manageuser{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-user{background-color:var(--color-primary-dark);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}table{background-color:#fff;border-radius:8px;overflow:hidden}td,th{border-bottom:1px solid #eee;padding:16px;text-align:left}th{background-color:#fff}.email{color:#0af;font-size:.9em}.status{border-radius:16px;display:inline-block;font-size:.8em;font-weight:700;padding:4px 10px;text-align:center}.status.active{background-color:#d2f7d2;color:green}.status.inactive{background-color:#eee;color:gray}.edit-icon{cursor:pointer;height:15px}.app-container,.userrow{padding:32px 16px}.app-container{background-color:#f9fafb;font-family:Inter,sans-serif;min-height:100vh}.main-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin:0 auto;max-width:1280px;padding:32px}.header-section{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-title{color:#1f2937;font-size:30px;font-weight:800}.add-button{align-items:center;background-color:#2563eb;border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.add-button:hover{background-color:#1d4ed8;transform:scale(1.05)}.table-wrapper{overflow-x:auto}.user-table{border-collapse:collapse;min-width:800px;width:100%}.table-head{background-color:#f9fafb}.table-head th{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.05em;padding:12px 24px;text-align:left;text-transform:uppercase}.table-body tr,.table-head th{border-bottom:1px solid #e5e7eb}.table-body tr{background-color:#fff;transition:background-color .15s}.table-body tr:hover{background-color:#f9fafb}.table-cell{font-size:14px;padding:16px 24px;white-space:nowrap}.cell-name-strong{color:#1f2937;display:block;font-weight:var(--font-600)}.cell-email{color:#6b7280;font-size:12px}.cell-unit{color:#374151;display:block;font-weight:500}.cell-squad{color:#3b82f6;font-size:12px}.cell-territory{color:#60a5fa;font-size:12px}.status-badge{border-radius:9999px;font-size:12px;font-weight:var(--font-600);padding:4px 12px}.status-inactive{background-color:#fee2e2;color:#991b1b}.action-cell{text-align:center}.edit-button{background:none;border:none;border-radius:9999px;color:#2563eb;cursor:pointer;padding:8px;transition:background-color .15s}.edit-button:hover{background-color:#eff6ff}.label-text{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.required-star{color:#ef4444}.input-wrapper{align-items:center;border:1px solid #d1d5db;border-radius:2px;display:flex;position:relative;transition:border-color .15s,box-shadow .15s}.input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.input-field{background:#0000;border:none;border-radius:8px;outline:none;padding:16px 5px 16px 20px;width:100%}.select-field{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m7 10 5 5 5-5H7z' fill='%236b7280'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid #d1d5db;border-radius:8px;padding:16px 12px;transition:border-color .15s;width:100%}.select-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d;outline:none}.select-disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.input-icon{color:#9ca3af;left:12px;position:absolute}.input-error{border-color:#ef4444!important}.error-message{color:#ef4444;font-size:12px;margin-top:4px}.error-summary{background-color:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;font-size:14px;padding:12px;transition:all .3s}.grid-3-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.grid-3-col{grid-template-columns:repeat(3,minmax(0,1fr))}}.radio-group-label{color:#374151;display:block;font-size:14px;font-weight:500}.radio-group{flex-wrap:wrap;gap:16px;margin-bottom:18px}.radio-group,.radio-option{align-items:center;display:flex}.radio-option{gap:4px}.radio-input{border-color:#d1d5db;color:#2563eb;cursor:pointer;height:16px;width:16px}.radio-label{color:#374151;cursor:pointer;font-size:14px;font-weight:500}.role-info-icon{color:#9ca3af;cursor:help;margin-left:9px}.info-note{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;font-size:12px;padding:12px}.modal-footer{gap:12px;padding:24px}.cancel-button{background-color:#f3f4f6;border:none;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .15s,box-shadow .15s}.cancel-button:hover{background-color:#e5e7eb}.save-button{align-items:center;background-color:#2563eb;border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:8px 16px;transition:background-color .15s,transform .15s,box-shadow .15s}.save-button:hover:not(:disabled){background-color:#1d4ed8}.save-button:disabled{background-color:#93c5fd;cursor:not-allowed}.spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;margin-left:8px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.issued-certificates{background:var(--color-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--padding-card)}.issued-certificates-header{margin-bottom:24px}.issued-certificates-actions,.issued-certificates-header{align-items:center;display:flex;justify-content:space-between}.issued-certificates-actions{margin:15px 0}.pending-with-wrapper{align-items:center;display:flex;margin-left:16px;position:relative}.pending-with-trigger{align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;white-space:nowrap}.pending-with-arrow{color:#666;font-size:10px;transition:transform .2s}.pending-with-arrow.open{transform:rotate(180deg)}.pending-with-dropdown{background:#fff;border-radius:10px;box-shadow:0 4px 16px #0000001f;min-width:180px;padding:6px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:20}.pending-with-option{align-items:center;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 16px}.pending-with-option:hover{background:#f5f7fa}.pending-with-option.selected{font-weight:600}.pending-with-check{color:#007cbf;font-size:16px;margin-left:8px}.year-selector select{border:1px solid #ccc;border-radius:5px;font-family:var(--font-primary);padding:8px 12px}table{border-collapse:collapse;width:100%}.viewAllButton{background:none;border:none;color:var(--color-primary);cursor:pointer}.text-yellow{color:var(--status-cancelled)}.text-green{color:var(--status-active)}.text-red{color:var(--status-rejected)}.filter-capsule{border:1px solid #0000001f;border-radius:8px;color:#000000de;cursor:pointer;font-family:var(--font-main);font-size:14px;font-style:normal;font-weight:600;letter-spacing:.4px;line-height:24px;margin-right:10px;padding:6px 16px;transition:all .3s ease}a.link-button{display:flex;font-size:14px;padding:5px;text-transform:lowercase}.filter-capsule:hover{background-color:#f3f7ff}.filter-capsule.active{background:#007cbf14;border:1px solid #007cbf80;border-radius:8px;color:#007cbf;font-size:14px;font-style:normal;font-weight:600;letter-spacing:.4px;line-height:24px}.review-request-container{border-radius:8px}.review-request-header{align-items:center;background-color:#fff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px}.header-item{display:flex;flex-direction:column;font-size:14px;font-weight:var(--font-600)}.header-item label{color:#00000061;margin-bottom:5px}.header-item span{color:#000000de}.status-pill{background-color:#ffeb3b;color:#333;font-weight:700}.submitted-details-section{background-color:#fff;border-radius:8px;margin-bottom:20px;padding:20px}.submitted-details-section span.heading{color:#0009;display:block;font-size:20px;font-weight:var(--font-600);margin-bottom:24px}.detail-item{word-wrap:break-word;display:flex;flex-direction:column;padding-right:30px;width:33%}.detail-item label{color:#000000de;font-size:14px;font-weight:400;margin-bottom:5px}.detail-item span{font-size:14px;font-weight:var(--font-600)}.detail-item p{color:#000000de;font-size:12px}.detail-item.full-row{grid-column:1/-1}.action-buttons-container{align-items:center;background:#fff;border-top:1px solid #e6e6e6;bottom:0;display:flex;justify-content:space-between;left:0;margin-top:20px;padding:20px;position:fixed;right:0}.action-buttons-container span.infoText{color:#000000de;font-size:14px}.reject-button{background-color:#f44336;margin-right:10px}.approve-button,.reject-button{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.approve-button{background-color:var(--approve-green)}.status-pill{border-radius:20px;color:#fff;font-size:12px;font-weight:400;padding:5px 15px;text-transform:capitalize}.status-pill-pending{background-color:#ffc107}.status-pill-pending-delivery{background-color:#0095a5}.status-pill-active{background-color:#28a745}.status-pill-cancelled,.status-pill-expired,.status-pill-rejected{background-color:#dc3545}.modal-header{margin-bottom:15px}.modal-header .headerreject{font-size:20px;font-weight:var(--font-600)}.subhead{color:#000000de;font-size:14px;margin-bottom:8px!important}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:var(--font-600);margin-bottom:5px}.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:5px;padding:10px;width:100%}.form-group textarea{box-sizing:border-box;min-height:100px;resize:vertical}.reject-request-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.reject-request-button.disabled{background-color:#767676}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.modal-header h3{margin:0}.close-button{color:#aaa;cursor:pointer;font-size:24px}.code-inputs{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.code-input{-moz-appearance:textfield;border:1px solid #ccc;border-radius:8px;font-size:24px;height:60px;text-align:center;width:60px}.code-input::-webkit-inner-spin-button,.code-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-footer{padding-top:15px}.submit-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.modal-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:95%;width:650px}.modal-header-new{align-items:flex-start;display:flex;justify-content:space-between;padding:24px}.modal-title{color:#333;font-size:20px;font-weight:600;margin:0}.modal-subtitle{color:#707e94;font-size:14px;margin:8px 0 0}.close-icon{color:#999;cursor:pointer;font-size:28px;line-height:20px}.stepper-container{border-bottom:1px solid #f0f0f0;padding:0 24px 20px}.step-item,.stepper-container{align-items:center;display:flex}.step-item{color:#999;gap:10px}.step-item.active{color:#007cbf}.step-number{align-items:center;background:#b0b0b0;border-radius:50%;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.step-item.active .step-number{background:#007cbf}.step-label{font-size:14px;font-weight:500}.step-line{background:#e0e0e0;flex:1 1;height:1px;margin:0 15px}.modal-body{padding:24px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group{flex:1 1}.subhead{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.form-group input[type=date],.form-group input[type=text]{border:1px solid #d1d5db;border-radius:6px;outline:none;padding:10px 12px;width:100%}.checkbox-group{align-items:center;display:flex;gap:8px;margin-top:10px}.checkbox-group label{color:#444;font-size:13px}.upload-card{background:#f8fbff;border:1px dashed #007cbf;border-radius:8px;cursor:pointer;display:block;padding:20px;text-align:center;transition:.2s}.upload-card:hover{background:#f0f7ff}.upload-icon{color:#007cbf;display:block;font-size:24px;margin-bottom:8px}.upload-text{font-size:14px;font-weight:500;margin:0}.upload-hint{color:#666;font-size:12px;margin:4px 0 0}.otp-container{display:flex;gap:12px;margin-top:12px}.otp-input{border:1px solid #d1d5db;border-radius:8px;font-size:20px;font-weight:600;height:50px;text-align:center;width:80px}.modal-footer{padding:16px 24px;text-align:right}.btn-primary{background:#3c82c4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px}.btn-primary.disabled{background:#ccc;cursor:not-allowed}.cert-autocomplete-wrapper{position:relative}.cert-suggestions-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 8px #00000014;left:0;max-height:180px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.cert-suggestion-item{cursor:pointer;font-size:14px;padding:8px 12px}.cert-suggestion-item:hover{background:#f0f7ff;color:#007cbf}.cert-suggestion-item.no-result{color:#999;cursor:default;font-style:italic}.cert-suggestion-item.no-result:hover{background:none;color:#999}.approve-issue-button{align-items:center;background:#01830c;background:var(--success-main,#01830c);border-radius:8px;border-radius:var(--Corner-s,8px);color:#fff;color:var(--success-contrastText,#fff);display:flex;flex-direction:column;font-family:Noto Sans;font-size:14px;font-size:var(--font-size-0875-rem,14px);font-style:normal;font-weight:600;justify-content:center;letter-spacing:.4px;line-height:24px;padding:6px 16px}.multi-select-container{position:relative;width:100%}.multi-select-header{align-items:center;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:10px}.multi-select-header:focus{border-color:#007bff;outline:none}.selected-items{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon{font-size:12px;margin-left:10px;transition:transform .2s}.dropdown-icon.open{transform:rotate(180deg)}.multi-select-list{background-color:#fff;border:1px solid #ccc;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.list-item{align-items:center;cursor:pointer;display:flex;padding:10px}.list-item:hover{background-color:#f0f0f0}.list-item input[type=checkbox]{margin-right:10px}.modal-backdrop{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.error-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;max-width:400px;padding:30px;position:relative;width:90%}.modal-header h2{font-size:1.5em;font-weight:var(--font-600);margin:0}.modal-body{color:#333;margin-bottom:20px;padding:10px 0}.modal-body p{line-height:1.5;margin:0}.modal-close-button{background:none;border:none;color:#aaa;cursor:pointer;font-size:24px;line-height:1;padding:0;position:absolute;right:15px;top:10px}.modal-close-button:hover{color:#333}.modal-footer{display:flex;justify-content:flex-end}.modal-ok-button{background-color:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s}.modal-ok-button:hover{background-color:#e60000}.toaster{align-items:center;animation:toaster-slide-in .3s ease-out;background:#222;border-radius:8px;box-shadow:0 4px 16px #0000004d;color:#fff;display:flex;font-size:14px;gap:16px;max-width:600px;min-width:320px;padding:14px 24px;position:fixed;right:32px;top:32px;z-index:9999}.toaster-success{border-left:4px solid #4caf50}.toaster-error{border-left:4px solid #f44336}.toaster-info{border-left:4px solid #2196f3}.toaster-message{flex:1 1;line-height:1.4}.toaster-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;line-height:1;opacity:.7;padding:0 4px}.toaster-close:hover{opacity:1}@keyframes toaster-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}:root{--bayer-blue:#005a9c;--bayer-light-blue:#007bff;--bayer-darker-blue:#036;--text-color-dark:#333;--text-color-light:#555;--text-color-white:#fff;--border-radius-sm:4px}.left-panel{color:#fff;color:var(--text-color-white);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:40px;position:relative;width:32%}.left-panel-content{position:relative;text-align:center;z-index:1}.left-panel h1{font-size:2.2em;font-weight:700;line-height:1.2;margin-bottom:10px}.left-panel h1,.left-panel p{color:#fff;color:var(--text-color-white)}.left-panel p{font-size:1.1em;line-height:1.5}.left-panel .tagline{font-size:24px;font-weight:500;margin-top:40px}.illustration-container{align-items:center;display:flex;justify-content:center;margin-top:50px;position:relative;width:100%;z-index:1}.certificate-icon,.computer-screen,.shield-icon{background-color:#f0f2f5;border:1px solid #0000001a;border-radius:5px;box-shadow:0 2px 10px #0003;position:absolute}.computer-screen{background-color:#fff;border:2px solid #ccc;border-radius:8px;bottom:0;height:110px;left:50%;transform:translateX(-50%);width:160px;z-index:2}.computer-screen:before{align-items:center;background-color:#e0e0e0;border-radius:4px;bottom:15px;box-sizing:border-box;content:"";display:flex;flex-direction:column;justify-content:center;left:15px;padding:10px;position:absolute;right:15px;top:15px}.computer-screen:after{background-color:#005a9c;background-color:var(--bayer-blue);border-radius:4px;bottom:25px;color:#fff;content:"Login";font-size:.8em;height:25px;width:80px}.computer-screen .user-icon,.computer-screen:after{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.computer-screen .user-icon{background-color:#fff;border:2px solid #005a9c;border:2px solid var(--bayer-blue);border-radius:50%;color:#005a9c;color:var(--bayer-blue);font-family:Font Awesome\ 5 Free,"sans-serif";font-size:1.2em;font-weight:700;height:30px;top:25px;width:30px}.computer-screen .user-icon:before{content:"👤"}.certificate-icon{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:180px;justify-content:flex-start;left:20px;padding:15px 10px;top:-20px;transform:rotate(-5deg);width:140px;z-index:1}.certificate-icon:before{color:#005a9c;color:var(--bayer-blue);content:"CERTIFICATE";font-size:.9em;font-weight:700;letter-spacing:.5px;margin-bottom:15px}.certificate-icon:after{color:gold;content:"🏅";display:block;font-size:2.5em;margin-top:5px}.certificate-icon .folder-icon{background-color:#fcd703;border-radius:0 3px 3px 0;bottom:5px;height:30px;left:10px;position:absolute;width:40px;z-index:0}.certificate-icon .folder-icon:before{background-color:#fcd703;border-top-left-radius:5px;content:"";height:10px;left:-10px;position:absolute;top:0;width:15px}.shield-icon{align-items:center;background-color:#fff;border:2px solid #005a9c;border:2px solid var(--bayer-blue);-webkit-clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%);clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%);display:flex;height:120px;justify-content:center;right:10px;top:20px;width:100px;z-index:1}.shield-icon:before{color:#005a9c;color:var(--bayer-blue);content:"🛡️";font-size:3em}.right-panel{align-items:flex-start;background-color:#fff;background-color:var(--text-color-white);display:flex;flex:1 1;flex-direction:column;padding:180px;text-align:center}.logo-section{align-items:center;display:flex}.bayer-logo{height:40px}.bayer-logo:before{content:"B"}.cert-manager-text{font-size:1.1em;font-weight:500}.cert-manager-text,.right-panel h2{color:#333;color:var(--text-color-dark)}.right-panel h2{font-size:2.2em;font-weight:700;line-height:1.2;margin-bottom:20px;text-align:left}.right-panel p{color:#555;color:var(--text-color-light);font-size:1em;line-height:1.5;margin-bottom:40px;text-align:left}.sso-button{background-color:#007cbf;border:none;border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;color:var(--text-color-white);cursor:pointer;display:inline-block;font-size:1.1em;font-weight:var(--font-600);padding:15px 30px;text-decoration:none;transition:background-color .3s ease;width:100%}.sso-button:hover{background-color:#036;background-color:var(--bayer-darker-blue)}@media (max-width:992px){.container{flex-direction:column;min-height:auto}.left-panel{border-bottom-left-radius:0;border-top-left-radius:10px;border-top-right-radius:10px;padding:30px;width:100%}.right-panel{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-right-radius:0;padding:30px;width:100%}.left-panel h1{font-size:1.8em}.left-panel p{font-size:1em}.left-panel .tagline{font-size:24px;margin-top:30px}.illustration-container{margin-top:30px;transform:scale(.8);transform-origin:center bottom}.right-panel h2{font-size:1.8em}.right-panel p{font-size:.9em;margin-bottom:30px}}@media (max-width:768px){.container{border-radius:8px}.left-panel,.right-panel{padding:25px}.left-panel h1{font-size:1.6em}.left-panel p{font-size:.9em}.right-panel h2{font-size:1.6em}.illustration-container{transform:scale(.7)}}@media (max-width:480px){.left-panel h1{font-size:1.4em}.left-panel p{font-size:.85em}.right-panel h2{font-size:1.4em}.right-panel p{font-size:.85em}.illustration-container{margin-top:20px;transform:scale(.6)}.sso-button{font-size:1em;padding:12px 20px}}.react-joyride__tooltip{background-color:#f1f9e7!important;border:1px solid #c4e59b;border-radius:12px!important;border-top:none!important}.react-joyride__tooltip h1{color:#177000;font-family:var(--font-primary);font-size:12px!important;font-style:normal;font-weight:400;letter-spacing:.4px;line-height:166%;margin-bottom:16px!important}.react-joyride__tooltip>div:first-child{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;text-align:left}[data-test-id=button-skip]{color:#0009!important;font-family:var(--font-primary);font-size:14px!important;font-style:normal;font-weight:600!important;letter-spacing:.4px;line-height:24px}.react-joyride__tooltip>div>div{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:1px 0!important;text-align:left}.react-joyride__tooltip h4{font-size:16px;font-weight:600;letter-spacing:.15px;line-height:150%;margin:0}.react-joyride__tooltip h4,.react-joyride__tooltip p{color:#000000de;font-family:var(--font-primary);font-style:normal}.react-joyride__tooltip p{font-size:14px!important;font-weight:400;letter-spacing:.17px;line-height:143%;margin-top:0}
/*# sourceMappingURL=main.2c8f450d.css.map*/