body{background-color:#f9f9f9;color:#333;font-family:Arial,sans-serif;padding:0}button{background-color:#0056b3;border-radius:5px;margin:10px}button:hover{background-color:#003f7f}.error{font-size:.9em}.verify-container{font-family:Arial,sans-serif}.certificate-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:inline-block;margin-top:20px;padding:15px}.error{color:red}.sidebar{background-color:var(--card-background);border-right:1px solid var(--border);box-shadow:2px 0 4px var(--shadow);display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:250px}.sidebar.collapsed{overflow:hidden;width:60px}.sidebar-header{align-items:center;border-bottom:1px solid var(--border);display:flex;min-height:60px;padding:10px}.logo-section{flex:1 1;gap:10px}.logo-image{background-color:initial;flex-shrink:0}.logo-text{display:flex;flex:1 1;flex-direction:column}.company-name{color:var(--primary);font-size:16px;font-weight:700;line-height:1.2;max-height:4.8em;overflow:hidden;white-space:normal}.sidebar.collapsed .logo-section{display:none}.collapse-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;padding:5px;width:30px}.sidebar.collapsed .collapse-btn{margin:0 auto}.collapse-btn:hover{background-color:var(--card-hover)}.sidebar-nav{flex:1 1;padding:0}.sidebar-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;justify-content:flex-start;padding:12px 10px;width:100%}.sidebar.collapsed .sidebar-item{justify-content:center;padding:12px 0}.sidebar-item:hover{background-color:var(--card-hover)}.sidebar-item.active{background-color:var(--primary);box-sizing:border-box;color:#fff;font-weight:700;margin:0;width:100%}.sidebar-icon{flex-shrink:0;justify-content:center;width:24px}.sidebar-icon,.sidebar-label{align-items:center;display:flex}.sidebar-label{flex:1 1;gap:8px;line-height:1.2;margin-left:10px;max-height:4.8em;overflow:hidden;white-space:normal}.sidebar-beta-badge{background-color:#ff8c00;border-radius:3px;color:#fff;display:inline-block;font-size:9px;font-weight:700;letter-spacing:.5px;line-height:1.2;padding:2px 6px;text-transform:uppercase}.sidebar.collapsed .sidebar-label{display:none}.sidebar-footer{border-top:1px solid var(--border);padding-bottom:10px}.logout-btn{color:var(--secondary)}.logout-btn:hover{background-color:var(--secondary-light)}.logout-btn.active{background-color:var(--secondary);color:#fff}@media (max-width:768px){.sidebar{width:200px}.sidebar.collapsed{width:50px}.sidebar-item{font-size:14px;padding:10px 8px}.sidebar.collapsed .sidebar-item{padding:10px 0}.logo-image{height:35px}.company-name{font-size:14px}.sidebar-label{font-size:13px}}@media (max-width:480px){.sidebar{border-right:none;border-top:1px solid var(--border);bottom:0;box-shadow:0 -2px 4px var(--shadow);flex-direction:row;left:0;position:fixed;top:auto}.sidebar,.sidebar.collapsed{height:auto;width:100%}.sidebar-header{display:none}.sidebar-nav{display:flex;flex:1 1;justify-content:space-around;padding:5px 0}.sidebar-item{flex-direction:column;font-size:12px;justify-content:center;padding:8px}.sidebar-label{font-size:10px;margin-left:0;margin-top:5px;max-height:3em}.sidebar.collapsed .sidebar-item{padding:8px}.sidebar.collapsed .sidebar-label{display:none}.sidebar-footer{border-left:1px solid var(--border);border-top:none;padding:0}}body{color:#676767;font-family:Lato,sans-serif;margin:0;min-height:100vh}.login-page,body{align-items:center;background:linear-gradient(180deg,#167378,#232323);display:flex;justify-content:center}.login-page{flex-direction:column;height:100%;width:100%}.login-header{background-color:#167378;border-radius:10px;box-shadow:0 4px 8px #0003;color:#fff;margin-bottom:20px;max-width:400px;padding:20px;text-align:center;width:100%}.login-logo{display:block;height:auto;margin:0 auto 10px;width:60px}.login-header h1{font-size:1.5rem;font-weight:700;margin:10px 0 0}.login-container{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0003;max-width:400px;padding:2rem;text-align:center;width:90%}.login-container h2{color:#167378;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700}.input-group,.login-container h2{margin-bottom:1.5rem}label{color:#333;display:block;font-weight:700;margin-bottom:.5rem}input,label{font-size:1rem}input{border:1px solid #dadada80;border-radius:5px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;padding:.8rem;width:100%}input:focus{border:1px solid #167378;outline:none}.error-message{color:#ca4141;font-size:.9rem;margin-bottom:1rem}.login-button{background-color:#167378;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.7rem;transition:background-color .3s;width:50%}.login-button:hover{background-color:#135e60}.login-footer{color:#fff;font-size:.9rem;margin-top:1rem;text-align:center}@media (max-width:768px){.login-container{padding:1.5rem}.login-header{font-size:1.2rem;padding:15px}}.dashboard-page{display:flex;min-height:100vh;width:100%}.dashboard-container{background-color:#f4f7f9;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%}.dashboard-container.dark-mode{background-color:#1e1e1e;color:#e0e0e0}.dashboard-header{background-color:#167378;box-shadow:0 4px 8px #0003;box-sizing:border-box;padding:20px 30px;width:100%}.dashboard-container.dark-mode .dashboard-header{background-color:#0e4b4d;box-shadow:0 4px 8px #0006}.dashboard-header h1{color:#fff;font-size:26px;font-weight:600;margin:0}.dashboard-main{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;gap:25px;padding:30px;width:100%}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;width:100%}.side-sections{display:flex;flex-direction:column;gap:20px;width:100%}.notifications-section h2,.overview-section h2,.quick-actions-section h2,.recent-activity-section h2{align-items:center;color:#444;display:flex;font-size:20px;gap:10px;margin-bottom:15px}.dashboard-container.dark-mode .notifications-section h2,.dashboard-container.dark-mode .overview-section h2,.dashboard-container.dark-mode .quick-actions-section h2,.dashboard-container.dark-mode .recent-activity-section h2{color:#e0e0e0}.section-icon{color:#167378}.dashboard-container.dark-mode .section-icon{color:#1a8c92}.overview-section{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px #0000001a;box-sizing:border-box;padding:20px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.dashboard-container.dark-mode .overview-section{background-color:#2c2c2c;box-shadow:0 3px 6px #0006}.overview-section:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.stats-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;width:100%}.stat-card{background-color:#f8f9fa;border-radius:8px;box-sizing:border-box;flex:1 1;min-width:150px;padding:15px;text-align:center;transition:transform .3s ease,background-color .3s ease}.dashboard-container.dark-mode .stat-card{background-color:#3a3a3a}.stat-card:hover{background-color:#e8ecef;transform:scale(1.05)}.dashboard-container.dark-mode .stat-card:hover{background-color:#444}.stat-card h3{color:#167378;font-size:24px;margin:0}.dashboard-container.dark-mode .stat-card h3{color:#1a8c92}.stat-card p{color:#666;font-size:14px;margin:5px 0 0}.dashboard-container.dark-mode .stat-card p{color:#d0d0d0}.chart-container{background-color:#fff;border-radius:8px;box-sizing:border-box;height:250px;padding:10px;width:100%}.dashboard-container.dark-mode .chart-container{background-color:#2c2c2c}.recent-activity-section{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px #0000001a;box-sizing:border-box;padding:20px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.dashboard-container.dark-mode .recent-activity-section{background-color:#2c2c2c;box-shadow:0 3px 6px #0006}.recent-activity-section:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.activity-list{list-style:none;margin:0;padding:0;width:100%}.activity-item{border-bottom:1px solid #f0f0f0;box-sizing:border-box;font-size:14px;padding:10px 0;transition:background-color .3s ease;width:100%}.dashboard-container.dark-mode .activity-item{border-bottom-color:#444}.activity-item:hover{background-color:#f9fcfe}.dashboard-container.dark-mode .activity-item:hover{background-color:#3a3a3a}.activity-item:last-child{border-bottom:none}.activity-item span{color:#167378;font-weight:700}.dashboard-container.dark-mode .activity-item span{color:#1a8c92}.activity-item strong{color:#444}.dashboard-container.dark-mode .activity-item strong{color:#e0e0e0}.quick-actions-section{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px #0000001a;box-sizing:border-box;padding:20px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.dashboard-container.dark-mode .quick-actions-section{background-color:#2c2c2c;box-shadow:0 3px 6px #0006}.quick-actions-section:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.action-buttons{flex-direction:column;gap:16px;width:100%}.action-btn{box-sizing:border-box;font-size:18px;font-weight:500;gap:12px;min-height:56px;min-width:240px;overflow:hidden;padding:18px 28px;text-align:left;text-overflow:ellipsis;transition:background-color .3s ease,transform .3s ease;width:100%}.dashboard-container.dark-mode .action-btn{background-color:#125e60}.action-btn:hover{transform:scale(1.03)}.dashboard-container.dark-mode .action-btn:hover{background-color:#0e4b4d}.btn-icon{color:#fff;flex-shrink:0;height:24px;width:24px}.notifications-section{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px #0000001a;box-sizing:border-box;padding:20px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.dashboard-container.dark-mode .notifications-section{background-color:#2c2c2c;box-shadow:0 3px 6px #0006}.notifications-section:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.notification{background-color:#f8f9fa;border-left:4px solid #167378;border-radius:4px;box-sizing:border-box;margin-bottom:10px;padding:10px;transition:background-color .3s ease;width:100%}.dashboard-container.dark-mode .notification{background-color:#3a3a3a;border-left-color:#1a8c92}.notification:hover{background-color:#e8ecef}.dashboard-container.dark-mode .notification:hover{background-color:#444}.notification p{color:#444;font-size:14px;margin:0}.dashboard-container.dark-mode .notification p{color:#e0e0e0}@media (max-width:768px){.dashboard-header{padding:15px 20px}.dashboard-header h1{font-size:22px}.dashboard-main{padding:20px}.dashboard-grid{grid-template-columns:1fr}.stats-container{flex-direction:column;gap:12px}.action-buttons{gap:12px}.action-btn{font-size:16px;min-height:52px;min-width:200px;padding:16px 24px}.btn-icon{height:22px;width:22px}.notifications-section h2,.overview-section h2,.quick-actions-section h2,.recent-activity-section h2{font-size:18px}.chart-container{height:200px}}@media (max-width:480px){.dashboard-header h1{font-size:20px}.action-btn{font-size:15px;min-height:48px;min-width:180px;padding:14px 20px}.btn-icon{height:20px;width:20px}.chart-container{height:180px}.stat-card h3{font-size:20px}.stat-card p{font-size:12px}}.create-certificate-container{background-color:var(--background);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;width:100%}.create-certificate-header{background-color:var(--card-background);box-shadow:0 4px 6px var(--shadow);box-sizing:border-box;padding:15px 30px;width:100%}.create-certificate-header h1{color:var(--primary);font-size:24px;font-weight:700;margin:0}.create-certificate-main{background-color:var(--background);box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;gap:30px;padding:30px;width:100%}.certificate-type-section{background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px var(--shadow);box-sizing:border-box;padding:25px;position:relative;width:100%}.certificate-type-prompt{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.certificate-type-prompt h2{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:20px}.certificate-type-prompt .form-group{max-width:400px;width:100%}.controls-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.certificate-type-group{flex:1 1;min-width:300px}.certificate-type-group h2{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:10px}.form-group label{font-weight:500}.form-select{-webkit-appearance:none;appearance:none;background-color:var(--card-background);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1%201L6%206L11%201%22%20stroke%3D%22%23666%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2);outline:none}.form-select option{background-color:var(--card-background);color:var(--text-primary)}.error-message{background-color:rgba(var(--secondary-rgb),.1);border-radius:5px;color:var(--secondary);display:inline-block;font-size:14px;margin-bottom:15px;padding:8px 12px}.table-section{display:flex;flex-direction:column;gap:10px}.excel-upload-group{margin-bottom:10px}.excel-upload-group h3{color:var(--text-primary);font-size:16px;font-weight:500;margin-bottom:8px}.upload-wrapper{align-items:center;border:2px dashed var(--border);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:border-color .3s ease,background-color .3s ease;width:fit-content}.upload-wrapper:hover{background-color:rgba(var(--primary-rgb),.05);border-color:var(--primary)}.upload-input{display:none}.upload-icon{color:var(--primary)}.upload-text{color:var(--text-primary);font-size:14px;font-weight:500}.upload-hint{margin-top:5px}.data-table-wrapper{border:1px solid var(--border);border-radius:8px;overflow-x:auto}.table-controls{background-color:var(--card-hover);border-bottom:1px solid var(--border);display:flex;justify-content:flex-end;padding:10px 15px}.reset-table-btn{align-items:center;background-color:var(--secondary);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:background-color .3s ease,transform .3s ease}.reset-table-btn:hover{background-color:var(--secondary-dark);transform:scale(1.02)}.export-table-btn{align-items:center;background-color:var(--primary);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;margin-right:10px;padding:8px 12px;transition:background-color .3s ease,transform .3s ease}.export-table-btn:hover{background-color:var(--primary-dark);transform:scale(1.02)}.data-table{background-color:var(--card-background);border-collapse:collapse;font-size:14px;width:100%}.table-header{background-color:var(--card-hover);border-bottom:1px solid var(--border);color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2;max-height:4.8em;overflow:hidden;padding:12px 8px;text-align:left;white-space:normal}.table-header.long-text{font-size:12px}.table-row{border-bottom:1px solid var(--border)}.table-row:last-child{border-bottom:none}.table-cell{padding:8px;text-align:left;vertical-align:top}.table-input-container{display:flex;flex-direction:column;position:relative}.table-input{background-color:var(--card-background);border:1px solid var(--border);border-radius:5px;box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:8px 12px;transition:border-color .3s ease;width:100%}.table-input:focus{border-color:var(--primary);outline:none}.table-input.input-error{background-color:rgba(var(--secondary-rgb),.05);border-color:var(--secondary)}.table-input::placeholder{color:var(--text-secondary);opacity:.6}.table-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:32px}.apply-to-all-btn{align-items:center;background-color:var(--primary);border:none;border-radius:10px;bottom:-22px;color:#fff;cursor:pointer;display:flex;font-size:9px;height:18px;justify-content:center;line-height:1;padding:2px 4px;position:absolute;right:0;transition:background-color .3s ease,transform .3s ease}.apply-to-all-btn:hover{background-color:var(--primary-dark);transform:scale(1.05)}.actions-column{text-align:left;width:60px}.remove-row-btn{align-items:center;background-color:var(--secondary);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:5px 10px;transition:background-color .3s ease}.remove-row-btn:disabled{background-color:var(--card-hover);cursor:not-allowed}.remove-row-btn:hover:not(:disabled){background-color:var(--secondary-light)}.add-row-btn{align-items:center;background-color:var(--primary);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;margin-top:20px;padding:12px 20px;transition:background-color .3s ease,transform .3s ease;width:fit-content}.add-row-btn:hover{background-color:var(--primary-dark);transform:scale(1.03)}.actions-section{align-items:center;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px var(--shadow);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:20px;padding:25px;width:100%}.cancel-btn,.generate-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:12px 20px;transition:background-color .3s ease,transform .3s ease}.cancel-btn:disabled,.generate-btn:disabled{background-color:var(--card-hover);cursor:not-allowed}.generate-btn{background-color:var(--primary);color:#fff}.generate-btn:hover:not(:disabled){background-color:var(--primary-dark);transform:scale(1.03)}.cancel-btn{background-color:var(--secondary);color:#fff}.cancel-btn:hover:not(:disabled){background-color:var(--secondary-light);transform:scale(1.03)}.custom-toggle-group{border-radius:5px;display:flex;overflow:hidden}.custom-toggle-group .MuiToggleButton-root{background-color:var(--card-background);border:1px solid var(--border);color:var(--text-primary);font-size:14px;padding:8px 16px;text-transform:none;transition:background-color .3s ease,color .3s ease}.custom-toggle-group .MuiToggleButton-root.Mui-selected{background-color:var(--primary);border-color:var(--primary);color:#fff}.custom-toggle-group .MuiToggleButton-root:hover{background-color:var(--card-hover)}.custom-toggle-group .MuiToggleButton-root.Mui-selected:hover{background-color:var(--primary-dark)}.toggle-group{align-items:flex-start;margin-top:20px;text-align:left}.toggle-label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:4px}.toggle-description{color:var(--text-secondary);font-size:12px;margin-bottom:8px}@media (max-width:768px){.create-certificate-main{padding:15px}.create-certificate-header{padding:10px 15px}.create-certificate-header h1{font-size:20px}.actions-section,.certificate-type-section{padding:20px}.controls-container{flex-direction:column;gap:15px}.certificate-type-group{min-width:100%}.actions-section{align-items:stretch;flex-direction:column;gap:15px}.cancel-btn,.generate-btn{font-size:14px;padding:10px 15px;width:100%}.certificate-type-group h2{font-size:16px}.excel-upload-group h3{font-size:14px}.status-toast{padding:6px 12px;right:10px;top:10px}.data-table,.status-toast,.table-header{font-size:12px}.table-header{padding:10px 6px}.table-header.long-text{font-size:10px}.table-cell{padding:6px}.table-input{font-size:12px;padding:6px 8px}.apply-to-all-btn{bottom:-20px;font-size:8px;height:16px;padding:1px 3px}.remove-row-btn{padding:4px 8px}.add-row-btn{font-size:14px;margin-top:15px;padding:10px 15px}.form-group label,.form-select{font-size:13px}.form-select,.upload-wrapper{padding:10px 14px}.upload-text{font-size:13px}.certificate-type-prompt h2{font-size:20px}}@media (max-width:480px){.create-certificate-header h1{font-size:18px}.add-row-btn,.cancel-btn,.generate-btn{font-size:12px;padding:8px 12px}.actions-section,.certificate-type-section{padding:15px}.certificate-type-group h2{font-size:14px}.certificate-type-prompt h2{font-size:18px}}.header-content{gap:8px}.header-content,.info-button{align-items:center;display:flex}.info-button{background:none;border:none;border-radius:50%;color:#007bff;cursor:pointer;justify-content:center;padding:2px;transition:all .2s ease}.info-button:hover{background-color:#f0f8ff;color:#0056b3;transform:scale(1.1)}.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:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#333;font-size:18px;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:4px;transition:all .2s ease}.modal-close:hover{background-color:#f8f9fa;color:#333}.modal-body{padding:20px}.validity-info p{line-height:1.5;margin:0 0 12px}.validity-info p:last-child{margin-bottom:0}.validity-info strong{color:#333}.manage-certificates-container{background-color:#f4f7f9;color:#333;display:flex;flex:1 1;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;transition:background-color .3s,color .3s}.manage-certificates-container.dark-mode{background-color:#1e1e1e;color:#e0e0e0}.manage-certificates-header{background-color:#167378;box-shadow:0 4px 8px #0003;color:#fff;padding:20px 30px}.manage-certificates-container.dark-mode .manage-certificates-header{background-color:#0e4b4d;box-shadow:0 4px 8px #0006}.manage-certificates-header h1{font-size:26px;font-weight:600;margin:0}.manage-certificates-main{display:flex;flex-direction:column;flex-grow:1;gap:25px;padding:30px}.filter-section{grid-gap:15px;background-color:#fff;border-radius:10px;box-shadow:0 3px 6px #0000001a;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.manage-certificates-container.dark-mode .filter-section{background-color:#2c2c2c;box-shadow:0 3px 6px #0006}.filter-group{display:contents}.search-bar input,input[type=date],select{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:15px;padding:12px;transition:border-color .2s,background-color .3s,color .3s;width:100%}.manage-certificates-container.dark-mode .search-bar input,.manage-certificates-container.dark-mode input[type=date],.manage-certificates-container.dark-mode select{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.search-bar input:focus,input[type=date]:focus,select:focus{border-color:#167378;outline:none}.date-filter,.location-filter,.type-filter{display:flex;flex-direction:column;gap:5px}.date-filter label,.location-filter label,.type-filter label{color:#444;font-size:14px;font-weight:600}.manage-certificates-container.dark-mode .date-filter label,.manage-certificates-container.dark-mode .location-filter label,.manage-certificates-container.dark-mode .type-filter label{color:#d0d0d0}.date-filter{align-items:center;display:flex;gap:10px}.status-tabs-section{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px #0000001a;overflow:hidden}.manage-certificates-container.dark-mode .status-tabs-section{background-color:#2c2c2c;box-shadow:0 3px 6px #0006}.status-tabs{display:flex}.status-tabs button{background-color:#f8f9fa;border:none;border-bottom:2px solid #eee;color:#444;cursor:pointer;flex:1 1;font-size:15px;padding:15px;transition:background-color .2s,border-color .2s,color .3s}.manage-certificates-container.dark-mode .status-tabs button{background-color:#3a3a3a;border-bottom-color:#555;color:#e0e0e0}.status-tabs button.active{background-color:#fff;border-bottom-color:#167378;font-weight:600}.manage-certificates-container.dark-mode .status-tabs button.active{background-color:#2c2c2c}.status-tabs button:hover{background-color:#e8ecef}.manage-certificates-container.dark-mode .status-tabs button:hover{background-color:#444}.bulk-actions-section{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 6px #0000001a;display:flex;justify-content:space-between;padding:15px 20px}.manage-certificates-container.dark-mode .bulk-actions-section{background-color:#2c2c2c;box-shadow:0 3px 6px #0006}.bulk-actions{display:flex;gap:10px}.bulk-actions button{background-color:#167378;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s}.bulk-actions button:hover{background-color:#125e60}.bulk-actions-section p{color:#666;font-size:14px;font-weight:500;margin:0}.manage-certificates-container.dark-mode .bulk-actions-section p{color:#d0d0d0}.certificates-table-section{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px #0000001a;overflow-x:auto;padding:0}.manage-certificates-container.dark-mode .certificates-table-section{background-color:#2c2c2c;box-shadow:0 3px 6px #0006}.certificates-table{border-collapse:initial;border-spacing:0;width:100%}.certificates-table td,.certificates-table th{border-bottom:1px solid #f0f0f0;font-size:14px;padding:15px;text-align:left}.manage-certificates-container.dark-mode .certificates-table td,.manage-certificates-container.dark-mode .certificates-table th{border-bottom-color:#444}.certificates-table th{background-color:#f8f9fa;color:#444;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}.manage-certificates-container.dark-mode .certificates-table th{background-color:#3a3a3a;color:#e0e0e0}.certificates-table td{color:#555}.manage-certificates-container.dark-mode .certificates-table td{color:#e0e0e0}.certificates-table tr:hover{background-color:#f9fcfe}.manage-certificates-container.dark-mode .certificates-table tr:hover{background-color:#3a3a3a}.status-issued{color:#28a745;font-weight:600}.manage-certificates-container.dark-mode .status-issued{color:#4ade80}.status-revoked{color:#dc3545;font-weight:600}.manage-certificates-container.dark-mode .status-revoked{color:#f87171}.status-expired{color:#ffc107;font-weight:600}.manage-certificates-container.dark-mode .status-expired{color:#facc15}.action-buttons{position:relative}.action-btn,.action-buttons{align-items:center;display:flex}.action-btn{background-color:#167378;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;height:28px;justify-content:center;padding:0;transition:background-color .2s;width:28px}.action-btn:hover,.manage-certificates-container.dark-mode .action-btn{background-color:#125e60}.manage-certificates-container.dark-mode .action-btn:hover{background-color:#0e4b4d}.action-btn:before{content:"⋮";font-weight:700}.action-dropdown{animation:fadeIn .2s ease-out;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 3px 6px #0003;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.manage-certificates-container.dark-mode .action-dropdown{background-color:#2c2c2c;border-color:#555}.action-dropdown button{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:10px 15px;text-align:left;transition:background-color .2s;width:100%}.manage-certificates-container.dark-mode .action-dropdown button{color:#e0e0e0}.action-dropdown button:hover{background-color:#e8ecef}.manage-certificates-container.dark-mode .action-dropdown button:hover{background-color:#3a3a3a}.action-dropdown button.revoke{color:#d32f2f}.manage-certificates-container.dark-mode .action-dropdown button.revoke{color:#f87171}.action-dropdown button.renew{color:#388e3c}.manage-certificates-container.dark-mode .action-dropdown button.renew{color:#4ade80}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px}.pagination button{background-color:#167378;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .2s}.manage-certificates-container.dark-mode .pagination button{background-color:#125e60}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.manage-certificates-container.dark-mode .pagination button:disabled{background-color:#555}.pagination button:hover:not(:disabled){background-color:#125e60}.manage-certificates-container.dark-mode .pagination button:hover:not(:disabled){background-color:#0e4b4d}.pagination span{color:#666;font-size:14px}.manage-certificates-container.dark-mode .pagination span{color:#d0d0d0}.loading{color:#666;font-size:18px;padding:50px;text-align:center}.manage-certificates-container.dark-mode .loading{color:#d0d0d0}@media (max-width:1200px){.filter-section{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.manage-certificates-main{padding:20px}.filter-section{grid-template-columns:1fr}.date-filter{align-items:flex-start;flex-direction:column}.status-tabs{flex-wrap:wrap}.status-tabs button{flex:1 1 50%}.bulk-actions-section{flex-direction:column;gap:10px}.certificates-table td,.certificates-table th{font-size:13px;padding:12px}.action-btn{font-size:18px;height:24px;width:24px}}@media (max-width:480px){.certificates-table td,.certificates-table th{font-size:12px;padding:10px}}.templates-container{background-color:var(--background);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;width:100%}.templates-header{background-color:var(--card-background);box-shadow:0 4px 6px var(--shadow);box-sizing:border-box;padding:15px 30px;width:100%}.templates-header h1{color:var(--primary);font-size:24px;font-weight:700;margin:0}.templates-main{background-color:var(--background);box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;gap:30px;padding:30px;width:100%}.templates-section{background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px var(--shadow);box-sizing:border-box;padding:25px;position:relative;width:100%}.templates-section h2{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:20px}.status-toast{animation:fadeInToast .5s ease-in-out forwards,fadeOutToast .5s ease-in-out 2s forwards;background-color:var(--card-hover);border-radius:5px;box-shadow:0 2px 4px var(--shadow);color:var(--text-primary);font-size:14px;padding:8px 16px;position:absolute;right:20px;top:20px}@keyframes fadeInToast{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutToast{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.template-card{background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px var(--shadow);display:flex;flex-direction:column;height:150px;justify-content:space-between;padding:15px;transition:transform .3s ease,box-shadow .3s ease}.template-card:hover{box-shadow:0 4px 8px var(--shadow);transform:translateY(-2px)}.template-card h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:10px}.validity-info{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;font-size:12px;gap:6px;margin-bottom:10px;padding:4px 8px}.validity-label{color:#6c757d;font-weight:500}.validity-period{color:#007bff;font-weight:600}.add-template-card{border:2px dashed var(--border);cursor:pointer}.add-template-btn,.add-template-card{align-items:center;display:flex;justify-content:center}.add-template-btn{background:none;border:none;color:var(--text-primary);flex-direction:column;font-size:14px;font-weight:500;gap:8px;height:100%;transition:color .3s ease;width:100%}.add-template-btn:hover{color:var(--primary)}.preview-btn{align-items:center;background-color:var(--primary);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:background-color .3s ease,transform .3s ease;width:100%}.preview-btn:disabled{background-color:var(--card-hover);cursor:not-allowed}.preview-btn:hover:not(:disabled){background-color:var(--primary-dark);transform:scale(1.03)}.preview-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:1000}.preview-modal-content{background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 8px var(--shadow);max-height:90vh;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:90%}.preview-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.preview-modal-header h2{color:var(--text-primary);font-size:18px;margin:0}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .3s ease}.close-btn:hover{color:var(--primary)}.preview-modal-body{display:flex;justify-content:center}.pdf-viewer{max-width:100%;width:100%}.add-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:1000}.add-modal-content{background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 8px var(--shadow);max-width:400px;padding:20px;position:relative;width:90%}.add-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.add-modal-header h2{color:var(--text-primary);font-size:16px;margin:0}.add-modal-body{display:flex;flex-direction:column;gap:10px}.add-modal-body p{color:var(--text-primary);font-size:14px;margin:0}.upload-input{border:1px solid var(--border);border-radius:5px;font-size:14px;padding:8px;width:100%}.upload-status{color:var(--primary);font-size:14px;text-align:center}.btn-icon.spin,.spin{animation:spin 1s linear infinite}.btn-icon.spin{display:inline-block}.animate-fade-in{animation:fadeIn .5s ease-in-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.templates-main{padding:15px}.templates-header{padding:10px 15px}.templates-header h1{font-size:20px}.templates-section{padding:20px}.templates-section h2{font-size:16px}.status-toast{font-size:12px;padding:6px 12px;right:10px;top:10px}.templates-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.template-card{height:120px;padding:10px}.template-card h3{font-size:14px}.preview-btn{font-size:12px;padding:6px 12px}}@media (max-width:480px){.templates-header h1{font-size:18px}.templates-section{padding:15px}.templates-section h2{font-size:14px}.templates-grid{gap:10px;grid-template-columns:1fr}.template-card{height:100px}.preview-btn{font-size:11px;padding:5px 10px}.add-modal-content{width:95%}}.settings-container{background-color:#f8f9fa;display:flex;flex:1 1;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.settings-header{background-color:#167378;box-shadow:0 4px 6px #0000001a;color:#fff;padding:15px 30px}.settings-header h1{font-size:24px;margin:0}.settings-main{display:flex;flex-direction:column;flex-grow:1;gap:30px;padding:30px}.settings-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.settings-section h2{color:#333;font-size:24px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{color:#333;display:block;font-size:16px;font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px;width:100%}.form-group textarea{resize:vertical}.api-key-group{display:flex;gap:10px}.api-key-group input{flex:1 1}.api-key-group button{background-color:#167378;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.api-key-group button:hover{background-color:#125e60}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch .slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-switch .slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:4px;position:absolute;transition:.4s;width:18px}.toggle-switch input:checked+.slider{background-color:#167378}.toggle-switch input:checked+.slider:before{transform:translateX(26px)}.backup-actions{display:flex;gap:15px}.backup-actions .restore-btn,.backup-actions button{background-color:#167378;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.backup-actions .restore-btn{align-items:center;display:inline-flex;justify-content:center}.backup-actions .restore-btn:hover,.backup-actions button:hover{background-color:#125e60}.settings-actions{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:15px;padding:20px}.settings-actions button{background-color:#167378;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:15px 30px}.settings-actions button:hover{background-color:#125e60}.status-message{color:#333;font-size:16px;margin:0}@media (max-width:768px){.settings-main{padding:15px}.api-key-group,.backup-actions{flex-direction:column}}@media (max-width:480px){.form-group input,.form-group textarea{font-size:14px}.settings-actions button{padding:10px 20px}}#root,body,html{background:#0f172a;overflow-x:hidden}.report-generator-container{background:#0f172a;color:#d1d5db;display:flex;flex-direction:column;font-family:Roboto Mono,monospace;min-height:100vh}.logo-section{padding:15px 20px}.logo-image{filter:drop-shadow(0 0 5px rgba(20,184,166,.3))}.logo-text{color:#14b8a6;text-shadow:0 0 5px #14b8a666}.report-generator-main{align-items:center;background:#0f172a;display:flex;flex:1 1;justify-content:center;padding:20px}.content-wrapper{align-items:center;flex-direction:column;max-width:900px}.title-section{margin-bottom:20px;text-align:center}.title-section h1{color:#14b8a6;font-size:36px;letter-spacing:3px;margin:0;text-shadow:0 0 12px #14b8a680;text-transform:uppercase}.title-section h2{color:#9ca3af;font-size:18px;font-weight:400;letter-spacing:1px;margin:5px 0 0;text-shadow:0 0 5px #ffffff1a}.form-and-description{display:flex;flex-direction:row;gap:20px;justify-content:space-between;width:100%}.report-form{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 0 20px #00000080;padding:20px;width:50%}.input-group{margin-bottom:15px}.input-group label{color:#14b8a6;font-size:12px;font-weight:500;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.input-group input{background:#ffffff05;border:1px solid #ffffff26;border-radius:6px;color:#d1d5db;font-size:14px;padding:10px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.input-group input:focus{border-color:#14b8a6;box-shadow:0 0 8px #14b8a680;outline:none}.submit-btn{background:linear-gradient(45deg,#14b8a6,#2dd4bf);border:none;border-radius:6px;box-shadow:0 0 12px #14b8a64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:1.5px;padding:12px;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease;width:100%}.submit-btn:hover{box-shadow:0 0 18px #14b8a699;transform:translateY(-2px)}.status-message{border-radius:4px;margin-top:15px;padding:8px;text-align:center;transition:opacity .3s ease}.status-message.success{background:#34d3991a;border:1px solid #34d3994d;color:#34d399}.status-message.error{background:#f871711a;border:1px solid #f871714d;color:#f87171}.description{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 0 20px #00000080;padding:15px;width:45%}.description p{font-size:14px;line-height:1.5;margin-bottom:10px}.description ul{color:#9ca3af;font-size:12px;line-height:1.6;padding-left:15px}@media (max-width:768px){.form-and-description{flex-direction:column;gap:15px}.description,.report-form{width:100%}.logo-section{padding:10px 15px}.logo-text{font-size:18px}.title-section h1{font-size:30px}.title-section h2{font-size:16px}}#root,body,html{background:#fff!important}.training-app-container{background:#fff;color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.training-header{background:#14b8a6;box-shadow:0 4px 6px #0000001a;color:#333;justify-content:space-between;padding:15px 30px;position:relative}.logo-section,.training-header{align-items:center;display:flex}.logo-image{height:40px;margin-right:10px}.logo-text{color:#fff;font-size:20px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.language-selector{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;max-height:200px;overflow-y:auto;padding:8px}.language-selector:focus{border-color:#14b8a6;box-shadow:0 0 4px #14b8a680;outline:none}.training-main{background:#f5f5f5;display:flex;flex:1 1;padding:20px}.content-wrapper{display:flex;gap:20px;max-width:1200px;width:100%}.step-container{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:30px;text-align:center;width:70%}.step-container h1{color:#14b8a6;font-size:28px;margin-bottom:10px}.step-container h2{color:#333;font-size:20px;margin-bottom:15px}.step-container p{color:#555;font-size:16px;margin-bottom:20px}.barcode-form,.user-form{display:flex;flex-direction:column;gap:15px}.input-group{text-align:left}.input-group label{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.barcode-input,.input-group input{background:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;color:#333;font-size:16px;padding:10px;width:100%}.barcode-input:focus,.input-group input:focus{border-color:#14b8a6;box-shadow:0 0 8px #14b8a633;outline:none}.button-group{display:flex;gap:10px;justify-content:center}.back-btn,.camera-btn,.submit-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;padding:12px 30px;text-transform:uppercase;transition:background-color .2s ease,box-shadow .2s ease}.submit-btn{background:#14b8a6}.camera-btn{background:#6b7280}.back-btn{background:#4b5563}.back-btn:hover,.camera-btn:hover,.submit-btn:hover{background-color:#2dd4bf;box-shadow:0 0 8px #14b8a666}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.profile-card{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:20px;text-align:left}.profile-card p{font-size:16px;margin:5px 0}.question-card{background:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:15px;text-align:left}.question-card p{color:#333;font-size:18px;margin-bottom:10px}.options-container{display:flex;flex-direction:column;gap:10px}.option-label{align-items:center;color:#555;display:flex;font-size:16px}.option-label input{height:20px;margin-right:10px;width:20px}.option-label span{flex:1 1}.sticker-preview{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:20px;text-align:left}.sticker-preview p{font-size:16px;margin:5px 0}.vr-gif{border-radius:8px;display:block;margin:20px auto;max-width:300px;width:100%}.loading-container{text-align:center;width:100%}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#14b8a6;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-tracker{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:20px;width:30%}.progress-tracker h3{color:#14b8a6;font-size:18px;margin-bottom:20px}.progress-step{align-items:flex-start;display:flex;min-height:120px;position:relative}.progress-indicator{align-items:center;display:flex;flex-direction:column;margin-right:15px;position:relative}.circle{background:#d1d5db;border-radius:50%;height:20px;width:20px;z-index:1}.circle.active,.circle.completed{background:#14b8a6}.line{background:#d1d5db;bottom:-120px;position:absolute;top:20px;width:4px;z-index:0}.line.completed{background:#14b8a6}.progress-details{flex:1 1}.step-icon{height:48px;image-rendering:auto;margin-bottom:5px;object-fit:contain;object-position:center;width:48px}.step-name{color:#333;font-size:16px;font-weight:600;margin-bottom:5px}.step-description{color:#555;font-size:14px}@media (max-width:768px){.content-wrapper{flex-direction:column}.progress-tracker,.step-container{width:100%}.step-container h1{font-size:24px}.back-btn,.camera-btn,.submit-btn{padding:10px 20px}.button-group{flex-direction:column}.progress-step{min-height:100px}.line{bottom:-100px}}.training-matrix-container{background-color:var(--background);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;width:100%}.matrix-header{background-color:var(--card-background);border-bottom:3px solid var(--primary);box-shadow:0 4px 6px var(--shadow);box-sizing:border-box;padding:20px 30px;width:100%}.matrix-header .header-content{display:flex;flex-direction:column;gap:5px}.matrix-header h1{align-items:center;color:var(--primary);display:flex;font-size:28px;font-weight:700;gap:10px;margin:0}.beta-badge{background-color:#ff8c00;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase;vertical-align:middle}.matrix-header .subtitle{color:var(--text-secondary);font-size:14px;font-weight:500}.matrix-main{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:30px;width:100%}.info-box{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border-left:4px solid var(--primary);border-radius:6px;box-shadow:0 2px 4px #0000000d;margin-bottom:25px;padding:18px 20px}.info-box p{color:var(--text-primary);font-size:14px;line-height:1.6;margin:8px 0}.info-box p:first-child{margin-top:0}.info-box p:last-child{margin-bottom:0}.form-section{background-color:var(--card-background);border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;padding:30px}.form-section h2{align-items:center;border-bottom:3px solid var(--primary);color:var(--text-primary);display:flex;font-size:22px;font-weight:700;gap:10px;margin-bottom:25px;padding-bottom:12px}.form-group{gap:8px;margin-bottom:20px}.form-group label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:5px}.form-group label:after{content:""}.form-group label:has(+input[required]):after,.form-group label[for*=required]:after{color:#ef4444;content:"*";margin-left:3px}.form-hint{color:var(--text-secondary);display:block;font-size:12px;font-style:italic;line-height:1.4;margin-top:5px}.form-input,.form-select{background-color:var(--card-background);border:2px solid var(--border);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:hover,.form-select:hover{background-color:#fafafa;border-color:var(--primary)}.form-input:focus,.form-select:focus{background-color:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #14b8a626;outline:none}.form-input::placeholder{color:var(--text-secondary);opacity:.6}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-row:last-of-type{margin-bottom:0}.matrix-table-wrapper{margin-top:20px;overflow-x:auto}.matrix-table{background-color:var(--card-background);border-collapse:collapse;font-size:14px;min-width:1200px;width:100%}.matrix-table thead{background-color:var(--primary);color:#fff}.matrix-table th{border-right:1px solid #fff3;font-size:13px;font-weight:600;padding:12px 10px;text-align:left}.matrix-table th:last-child{border-right:none}.matrix-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.matrix-table tbody tr:hover{background-color:var(--card-hover)}.matrix-table td{padding:12px 10px;vertical-align:middle}.matrix-table .employee-name{color:var(--text-primary);font-weight:600}.matrix-table .empty-state{color:var(--text-secondary);font-style:italic;padding:40px 20px;text-align:center}.btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:0 4px 8px var(--shadow);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:var(--secondary-dark)}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover{background-color:#059669}.btn-group{border-top:2px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;padding-top:20px}.btn{box-shadow:0 2px 4px #0000001a;justify-content:center;min-width:140px}.btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.status-valid{background-color:#d1fae5;color:#065f46}.status-expiring{background-color:#fef3c7;color:#92400e}.status-expired{background-color:#fee2e2;color:#991b1b}.actions-column{width:100px}.remove-btn{align-items:center;background-color:var(--secondary);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:6px 10px;transition:background-color .3s ease}.remove-btn:hover{background-color:var(--secondary-dark)}.editable-cell{border-radius:3px;cursor:pointer;display:block;padding:4px;transition:background-color .2s ease}.editable-cell:hover{background-color:var(--card-hover);outline:1px dashed var(--primary)}.table-edit-input,.table-edit-select{background-color:var(--card-background);border:2px solid var(--primary);border-radius:3px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:13px;padding:4px 6px;width:100%}.table-edit-input:focus,.table-edit-select:focus{border-color:var(--primary-dark);box-shadow:0 0 0 2px #14b8a633;outline:none}.table-edit-select{cursor:pointer}.upload-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #14b8a64d;border-radius:6px;margin-bottom:25px;padding:20px;transition:all .3s ease}.upload-section:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:var(--primary)}.upload-label{align-items:center;background-color:var(--primary);border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.upload-label:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.upload-hint{color:var(--text-secondary);display:block;font-size:12px;font-style:italic;margin-top:10px}.status-message{align-items:center;border-radius:6px;box-shadow:0 2px 4px #0000000d;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:20px;padding:14px 18px}.status-message.success{background-color:#d1fae5;border-left:4px solid #10b981;color:#065f46}.status-message.error{background-color:#fee2e2;border-left:4px solid #ef4444;color:#991b1b}.export-section{align-items:center;border-bottom:2px solid var(--border);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.export-section h2{border-bottom:none;color:var(--text-primary);font-size:22px;font-weight:700;margin:0;padding:0}.export-buttons{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:768px){.matrix-main{padding:15px}.form-row{grid-template-columns:1fr}.matrix-table-wrapper{overflow-x:scroll}.btn-group{flex-direction:column}.btn{justify-content:center;width:100%}.export-section{align-items:flex-start;flex-direction:column}.export-buttons,.export-buttons .btn{width:100%}.upload-section{padding:10px}.upload-label{justify-content:center;width:100%}}.verify-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:600px;padding:20px;text-align:center}.verify-container h1{color:#166f78;margin-bottom:10px}.verify-container p{color:#666;margin-bottom:20px}.form-group{align-items:center;display:flex;flex-direction:column;gap:10px}input[type=text]{border:1px solid #ccc;border-radius:4px;max-width:400px;padding:10px;width:100%}button{background:#166f78;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}button[disabled]{background:#ccc;cursor:not-allowed}.result{border-radius:8px;margin-top:20px;padding:20px}.result.valid{background:#e8f5e9;color:#2e7d32}.result.invalid{background:#ffebee;color:#c62828}.result.error{background:#fff3e0;color:#e65100}.logo{display:block;height:auto;margin:0 auto 10px;width:80px}.verified-icon{height:28px;margin-right:8px;vertical-align:middle;width:28px}:root{--primary:#167378;--primary-dark:#125e60;--secondary:#dc3545;--secondary-light:#f8e6e8;--background:#f8f9fa;--card-background:#fff;--card-hover:#e9ecef;--text-primary:#333;--text-secondary:#555;--border:#e9ecef;--shadow:#0000001a}@media (prefers-color-scheme:dark){:root{--primary:#1a8c92;--primary-dark:#167378;--secondary:#ff4d4f;--secondary-light:#661010;--background:#1e1e1e;--card-background:#2c2c2c;--card-hover:#383838;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--border:#444;--shadow:#0000004d}}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative}.language-switcher{display:flex;gap:10px;position:fixed;right:10px;top:10px;z-index:1001}.language-switcher button{background-color:#167378;background-color:var(--primary);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .3s ease}.language-switcher button:hover{background-color:#125e60;background-color:var(--primary-dark)}.private-route-container{display:flex;flex:1 1}.private-route-container>:not(.sidebar){flex:1 1;margin-left:250px;transition:margin-left .3s ease;z-index:1}.private-route-container>.sidebar.collapsed~*{margin-left:60px}.sidebar{z-index:1000}.app-container>:not(.private-route-container):not(.language-switcher){flex:1 1;z-index:1}@media (max-width:768px){.private-route-container>:not(.sidebar){margin-left:200px}.private-route-container>.sidebar.collapsed~*{margin-left:50px}.language-switcher{right:5px;top:5px}.language-switcher button{font-size:12px;padding:4px 8px}}@media (max-width:480px){.app-container,.private-route-container{flex-direction:column}.private-route-container>.sidebar.collapsed~*,.private-route-container>:not(.sidebar){margin-bottom:60px;margin-left:0}.language-switcher{gap:5px;right:5px;top:5px}.language-switcher button{font-size:10px;padding:3px 6px}}#root,body,html{background-color:#f8f9fa;background-color:var(--background);display:flex;flex-direction:column;height:100%;margin:0;padding:0;width:100%}
/*# sourceMappingURL=main.5cc00ad6.css.map*/