@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Play:wght@400;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}.ceo-side-bar-container{margin:0;padding:0;width:15vw;height:100vh;position:fixed;display:flex;align-items:center;justify-content:end}.ceo-side-bar{height:97%;width:91%;border-radius:15px;background:#f5f7fa;border:1px solid rgba(0,122,193,.1);display:flex;flex-direction:column;box-shadow:0 4px 6px #0000000d}.company-logo-div{display:flex;align-items:center;justify-content:center;width:100%;border-bottom:1px solid rgba(9,113,206,.2);padding:15px 10px}.company-logo{width:140px}.sidebar-nav{flex:1;padding:20px 0;display:flex;flex-direction:column;gap:12px}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#4a5568;font-size:14px;font-weight:500;transition:all .3s ease;border-radius:8px;margin:0 10px;cursor:pointer}.nav-item:hover{background:#007ac11a;color:#2d3748;transform:translate(5px)}.nav-item.active{background:#007ac126;color:#0973ce;border-left:3px solid #00c4ff}.nav-icon{margin-right:12px;width:20px;display:flex;align-items:center;justify-content:center}.nav-icon svg{font-size:18px}.nav-text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sub-items-wrapper{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;margin-left:30px}.sub-items-wrapper.expanded{max-height:200px}.sub-item{font-size:13px;padding:8px 12px;color:#4a5568;cursor:pointer;border-radius:6px;transition:all .3s ease;font-weight:500}.sub-item:hover{background-color:#007ac11a;color:#2d3748}.sub-item.active{color:#0973ce;font-weight:600;background-color:#007ac126}@media (max-width : 800px){.ceo-side-bar-container{display:none}}.ceo-dashboard-main-container{width:100%;height:100%;min-height:100vh;padding-left:15vw;padding-top:70px;display:flex;align-items:start;justify-content:center;background:#f5f6fa}.ceo-dashboard{width:98%;height:100%}.ceos-top-cards{width:100%;height:160px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:20px 0}.ceos-top-card{display:flex;align-items:center;justify-content:space-between;color:#2d3748;background:#f5f7fa;height:120px;border-radius:15px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);padding:20px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.ceos-top-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f;border:1px solid rgba(9,113,206,.2)}.ceos-top-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00c4ff,#0073ce,#4f46e5);border-radius:15px 15px 0 0}.ceos-top-card:hover .ceo-top-card-icon{transform:scale(1.1);box-shadow:0 6px 20px #00c4ff66}.ceos-top-card:nth-child(1) .ceo-top-card-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.ceos-top-card:nth-child(2) .ceo-top-card-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.ceos-top-card:nth-child(3) .ceo-top-card-icon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.ceos-top-card:nth-child(4) .ceo-top-card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf64d}.ceo-modal-content{background:#f5f7fa;padding:20px;border-radius:15px;width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000014;position:relative}.ceo-add-ceo-modal-content{background:#f5f7fa;padding:20px;border-radius:15px;width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000014;position:relative}.ceo-manager-modal{background:#fff;border-radius:12px;padding:24px;width:550px;max-width:95%;box-shadow:0 8px 24px #0003;transform:translateY(0);animation:slideUp .3s ease-out;position:relative}.ceo-manager-modal-close-icon{position:absolute;top:16px;right:16px;color:#6b7280;cursor:pointer;font-size:24px;transition:color .2s ease}.ceo-manager-modal-close-icon:hover{color:#1f2a44}.ceo-manager-modal h2{margin:0 0 24px;font-size:24px;font-weight:600;color:#1f2a44;text-align:center}.ceo-manager-modal-form{display:flex;flex-direction:column;gap:20px}.ceo-manager-modal-photo-section{display:flex;flex-direction:column;align-items:center;gap:12px}.ceo-photo-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;border:2px solid #e5e7eb;transition:border-color .2s ease}.ceo-photo-preview img{width:100%;height:100%;object-fit:cover}.ceo-photo-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#e5e7eb;color:#6b7280;font-size:14px;font-weight:500;text-align:center}.ceo-photo-input{display:none}.ceo-photo-upload-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease,transform .2s ease}.ceo-photo-upload-btn:hover{background:linear-gradient(135deg,#3b82f6,#6d28d9);transform:translateY(-2px)}.ceo-manager-modal-fields{display:flex;flex-direction:column;gap:16px}.ceo-manager-modal-field{display:flex;flex-direction:column;gap:8px}.ceo-manager-modal-field-row{display:flex;gap:16px}.ceo-manager-modal-field-row .ceo-manager-modal-field{flex:1}.ceo-manager-modal-field label{font-size:14px;font-weight:500;color:#1f2a44}.ceo-manager-modal-field input,.ceo-manager-modal-field select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2a44;background:#f9fafb;transition:border-color .2s ease,box-shadow .2s ease}.ceo-manager-modal-field input:focus,.ceo-manager-modal-field select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.ceo-manager-modal-buttons{display:flex;justify-content:center;gap:12px;margin-top:10px}.ceo-manager-modal-btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease,transform .2s ease}.ceo-manager-modal-submit{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.ceo-manager-modal-submit:hover{background:linear-gradient(135deg,#3b82f6,#6d28d9);transform:translateY(-2px)}.ceo-manager-modal-cancel{background:#e5e7eb;color:#1f2a44}.ceo-manager-modal-cancel:hover{background:#d1d5db;transform:translateY(-2px)}.ceo-password-error{color:#dc2626;font-size:12px;margin-top:4px;font-weight:400}.ceo-file-upload{position:relative;display:inline-block;width:100%;margin-bottom:15px}.ceo-file-label{display:inline-block;padding:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:8px;cursor:pointer;text-align:center;font-size:1rem;font-weight:500;transition:all .3s ease;width:100%;box-sizing:border-box}.ceo-file-label:hover{transform:scale(1.02);box-shadow:0 4px 12px #3b82f64d}.ceo-file-input{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;cursor:pointer}.ceo-image-preview{width:100%;margin-bottom:15px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.ceo-image-preview img{width:100%;height:200px;object-fit:cover;display:block}@media (max-width:800px){.ceo-dashboard-main-container{width:100%;height:100%;min-height:100vh;padding-left:0vw;padding-top:50px}.ceo-dashboard{width:100%;height:100%}.ceos-top-cards{grid-template-columns:repeat(2,1fr);gap:10px;height:auto;padding:10px}.ceo-top-card{height:100px;padding:15px}.ceo-top-card-left h2{font-size:1.5rem}.ceo-top-card-left p{font-size:.8rem}.ceo-top-card-icon{font-size:2rem!important;padding:8px}.ceo-small-tables-row{grid-template-columns:1fr}.ceo-table{font-size:.85rem}.ceo-table th,.ceo-table td{padding:10px 12px}.ceo-modal-content{width:90%;padding:15px}.ceo-input{font-size:.9rem;padding:10px}.ceo-image-preview img{height:150px}.ceo-file-label{padding:10px;font-size:.9rem}.ceo-manager-modal{width:95%;padding:20px}.ceo-manager-modal-field-row{flex-direction:column;gap:8px}}.running-task-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease-in-out}.running-task-content{background:#fff;padding:24px;border-radius:10px;box-shadow:0 8px 32px #00000026;max-width:900px;width:90%;max-height:95vh;overflow-y:auto;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:slideDown .3s ease-in-out;border:1px solid #e5e7eb}.running-task-close-btn{position:absolute;top:12px;right:12px;background:#f3f4f6;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;color:#4b5563;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.running-task-close-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.running-task-close-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.running-task-content h3{margin:0 0 20px;font-size:24px;font-weight:600;color:#111827;text-align:left;border-bottom:2px solid #3b82f6;padding-bottom:8px}.running-task-content .running-task-details{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#374151;margin-bottom:20px}.running-task-content .running-task-row{display:flex;align-items:center;justify-content:center;gap:10px;background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;padding:10px;transition:background .2s ease}.running-task-content .running-task-row:hover{background:#f1f5f9}.running-task-content .running-task-field{flex:1;display:flex}.running-task-content .running-task-field strong{font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.running-task-content .running-task-field span{flex:0 0 55%;text-align:left;word-break:break-word;overflow-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.running-task-content .running-task-table{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.running-task-content .table-header{display:grid;grid-template-columns:1fr 2fr;background-color:#f1f5f9;padding:8px 10px;font-weight:600;color:#111827;border-bottom:1px solid #e5e7eb}.running-task-content .table-row{display:grid;grid-template-columns:1fr 2fr;padding:8px 10px;border-bottom:1px solid #e5e7eb;color:#374151;transition:background .2s ease}.running-task-content .table-row:hover{background:#f1f5f9}.running-task-content .table-row:last-child{border-bottom:none}.running-task-content .table-row .table-label{font-weight:600;color:#111827;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.running-task-content .table-row .table-value{padding:0 6px;word-break:break-word;overflow-wrap:break-word}.running-task-content .running-task-occurrence{padding:10px 0}.running-task-content .running-task-occurrence strong{font-weight:600;color:#111827;display:block;margin-bottom:10px}.running-task-content .occurrence-table{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.running-task-content .occurrence-table .table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 2fr 2fr;background-color:#f1f5f9;padding:8px 10px;font-weight:600;color:#111827;border-bottom:1px solid #e5e7eb}.running-task-content .occurrence-table .table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 2fr 2fr;padding:8px 10px;border-bottom:1px solid #e5e7eb;color:#374151;transition:background .2s ease}.running-task-content .occurrence-table .table-row:hover{background:#f1f5f9}.running-task-content .occurrence-table .table-row:last-child{border-bottom:none}.running-task-content .occurrence-table .table-row span{text-align:center;word-break:break-word;overflow-wrap:break-word;padding:0 4px}.running-task-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.running-task-buttons .close-btn{background-color:#3b82f6;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;box-shadow:0 3px 6px #0000001a}.running-task-buttons .close-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.running-task-buttons .close-btn:focus{outline:2px solid #1d4ed8;outline-offset:2px}.running-task-content .running-task-row,.running-task-content .running-task-table,.running-task-content .running-task-occurrence{animation:rowFadeIn .3s ease-in-out}@media (max-width: 600px){.running-task-content{padding:16px;max-width:95%;max-height:85vh}.running-task-content h3{font-size:20px;padding-bottom:6px}.running-task-content .running-task-details{gap:8px;font-size:13px}.running-task-content .running-task-row{flex-direction:column;gap:6px;padding:8px}.running-task-content .running-task-field{flex-direction:column;align-items:flex-start}.running-task-content .running-task-field strong{flex:none;margin-bottom:3px}.running-task-content .running-task-field span{flex:none;text-align:left}.running-task-content .running-task-table{font-size:13px}.running-task-content .table-row{grid-template-columns:1fr 2fr;padding:6px 8px}.running-task-content .table-row span{padding:0 4px}.running-task-content .occurrence-table .table-header,.running-task-content .occurrence-table .table-row{grid-template-columns:1fr;font-size:12px;padding:6px 8px}.running-task-content .occurrence-table .table-header span,.running-task-content .occurrence-table .table-row span{text-align:left;padding:4px 8px;border-bottom:1px solid #e5e7eb}.running-task-content .occurrence-table .table-row span:last-child{border-bottom:none}.running-task-buttons .close-btn{padding:6px 16px;font-size:13px}.running-task-close-btn{width:24px;height:24px;font-size:14px;top:10px;right:10px}}.running-task-content::-webkit-scrollbar{width:8px}.running-task-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.running-task-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.running-task-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.ceo-running-task-container{width:100%;height:100vh;padding-left:15vw;padding-top:70px;display:flex;align-items:flex-start;justify-content:center;background:#f5f7fa;overflow:hidden;font-size:.9rem}.ceo-running-task{width:98%;height:98%;background:#f5f7fa}.ceo-running-task-search-filter-container{display:flex;gap:20px;align-items:center;justify-content:flex-end;margin-bottom:20px}.ceo-running-task-search-input{width:300px;padding:8px;border-radius:4px;border:1px solid #e0e0e0}.ceo-running-task-filter-select{width:200px;padding:8px;border-radius:4px;border:1px solid #e0e0e0}.ceo-running-task-table-scroll-container{width:100%;max-height:90%;min-height:90%;overflow-x:auto;overflow-y:auto;position:relative;z-index:0}.ceo-running-task-table{width:100%;min-width:1200px;border-collapse:collapse;background:#fff}.ceo-running-task-table th,.ceo-running-task-table td{padding:10px 12px;text-align:center;border-bottom:1px solid #e0e0e0;white-space:nowrap;font-weight:500;color:#4a5568;border-collapse:separate;border-spacing:0}.ceo-running-task-table th{background:#4a90e2;color:#fff;font-weight:600;position:sticky;top:0;z-index:10;border-collapse:separate;border-spacing:0;border:none}.ceo-running-task-table td.ceo-running-task-action-column{position:sticky;right:0;background:#fff;z-index:5;min-width:80px;display:flex;align-items:center;justify-content:center}.ceo-running-task-table th.ceo-running-task-action-column{position:sticky;top:0;right:0;background:#4a90e2;z-index:20;min-width:80px}.ceo-running-task-table tr:nth-child(2n) td{background:#f9f9f9}.ceo-running-task-table tr:nth-child(2n) td.ceo-running-task-action-column{background:#f9f9f9}.ceo-running-task-action-btn{margin:0 5px;padding:6px;border-radius:4px;color:#fff}.ceo-running-task-view-btn{background:#28a745}.ceo-running-task-action-btn:hover{opacity:.9}@media (max-width: 800px){.ceo-running-task-container{padding-left:0vw}.ceo-running-task-search-input,.ceo-running-task-filter-select{width:50%;padding:4px}.ceo-running-task-search-filter-container{gap:5px;align-items:center;justify-content:center;margin-bottom:20px}.ceo-running-task-table th.ceo-running-task-action-column,.ceo-running-task-table td.ceo-running-task-action-column{position:relative}}.admin-manager{width:98%;height:100%;z-index:0}.ceos-top-bar-container{width:85%;height:70px;display:flex;align-items:center;padding:10px;justify-content:center;position:fixed;top:0;left:50%;transform:translate(-41%);z-index:1}.ceos-top-bar{padding:15px 25px;z-index:1000;width:100%;height:100%;border-radius:12px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);background:#ffffffb8;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.top-bar-left{flex:1;display:flex;align-items:center;gap:10px}.mobile-menu-icon{display:none;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s ease}.mobile-menu-icon:hover{background-color:#0971ce1a}.menu-icon{font-size:1.8rem!important;color:#4a5568}.dashboard-title{margin:0;font-size:1.4rem;font-weight:600;color:#0971ce;flex:1}.mobile-menu-dropdown{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;box-shadow:0 8px 32px #0000001a;z-index:999;padding:0;animation:slideDown .2s ease-out}.mobile-menu-item{display:block;width:100%;padding:15px 25px;border:none;background:none;text-align:left;font-size:1rem;font-weight:500;color:#374151;cursor:pointer;transition:background-color .2s ease;position:relative}.mobile-menu-item:hover{background-color:#6366f11a;color:#6366f1}.mobile-menu-item+.mobile-menu-item{border-top:1px solid #e5e7eb}.sub-menu{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:0}.mobile-menu-sub-item{display:block;width:100%;padding:12px 40px;border:none;background:none;text-align:left;font-size:.95rem;font-weight:400;color:#6b7280;cursor:pointer;transition:background-color .2s ease}.mobile-menu-sub-item:hover{background-color:#6366f10d;color:#6366f1}.ceo-logout-dropdown{position:absolute;top:90%;right:0%;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:5px 1px;box-shadow:0 4px 12px #0000001a;z-index:90;animation:fadeIn .2s ease-in-out;min-width:120px;border:1px solid rgb(210,210,210)}.ceo-logout-dropdown button{background:none;border:none;color:#ef4444;font-size:.9rem;font-weight:600;cursor:pointer;width:100%;text-align:center;padding:8px 0;transition:color .2s}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 800px){.ceos-top-bar-container{width:100%;height:60px;top:0;left:50%;transform:translate(-50%)}.ceos-top-bar{padding:10px 15px}.dashboard-title{font-size:1.2rem}.mobile-menu-icon{display:flex}.top-bar-right{gap:10px}.top-bar-icon{font-size:1.3rem!important}.profile-icon{font-size:1.5rem!important}.manager-name{display:none}.profile-edit-modal{max-width:90%;padding:30px 20px}.profile-edit-image-preview{width:100px;height:100px}.profile-edit-upload-btn{padding:8px 16px;font-size:.85rem}.row{flex-direction:column;gap:10px}.change-password-checkbox{justify-content:flex-start}.mobile-menu-dropdown{border-radius:0}}@media (max-width: 400px){.dashboard-title{font-size:1.1rem!important;white-space:nowrap}}.org-chart-container{width:100%;height:100vh;padding-left:15vw;padding-top:70px;display:flex;align-items:flex-start;justify-content:center;background:#f5f6fa;box-sizing:border-box}.org-chart-wrapper{width:98%;height:90vh;display:flex;flex-direction:column}.org-chart-table-card{color:#2d3748;background:#f5f7fa;border-radius:15px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);padding:20px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.org-chart-table-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00c4ff,#0073ce,#4f46e5);border-radius:15px 15px 0 0}.org-chart-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.org-chart-table-header h3{margin:0;font-size:1.2rem;font-weight:700;color:#222f36;text-transform:uppercase;letter-spacing:.5px}.org-chart-table-wrapper{max-height:95vh;overflow-y:auto;overflow-x:hidden;border-radius:8px;border:1px solid rgba(0,0,0,.05)}.org-chart-table{width:100%;border-collapse:collapse;table-layout:fixed}.org-chart-table thead{position:sticky;top:0;z-index:2}.org-chart-table thead tr,.org-chart-table tbody tr{display:table;width:100%;table-layout:fixed}.org-chart-table thead th{font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;color:#0973ce;background:#d0e4f2;padding:12px 15px;border-bottom:2px solid #c3d9eb;text-align:center}.org-chart-table tbody{display:block;height:70vh;overflow-y:auto;width:100%}.org-chart-table tbody tr{background:#fff;transition:all .3s ease}.org-chart-table tbody tr:hover{background:#f9fafb;box-shadow:0 2px 8px #00000014}.org-chart-table th,.org-chart-table td{padding:12px 15px;text-align:center;font-size:.9rem}.org-chart-table tbody td{border-bottom:1px solid rgba(0,0,0,.05);color:#4b5563}.org-chart-table tbody tr:last-child td{border-bottom:none}.add-new-org-chart-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:5px;transition:all .3s ease;box-shadow:0 2px 8px #10b9814d}.add-new-org-chart-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b98166}.org-chart-embed{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:20px}@media (max-width: 768px){.org-chart-container{padding-left:5vw}.org-chart-table th,.org-chart-table td{padding:10px;font-size:12px}.add-new-org-chart-btn{font-size:14px;padding:8px 16px}.modal-content{width:95%;padding:15px}.form-row{flex-direction:column;gap:10px}.form-group-half{width:100%}.preview-modal{width:95%;height:95vh}.confirm-modal{padding:20px}.confirm-icon{font-size:36px}}.sop-container{width:100%;height:100vh;padding-left:15vw;padding-top:70px;display:flex;align-items:flex-start;justify-content:center;background:#f5f6fa;box-sizing:border-box}.sop-wrapper{width:98%;height:90vh;display:flex;flex-direction:column}.sop-table-card{color:#2d3748;background:#f5f7fa;border-radius:15px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);padding:20px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.sop-table-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00c4ff,#0073ce,#4f46e5);border-radius:15px 15px 0 0}.sop-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sop-table-header h3{margin:0;font-size:1.2rem;font-weight:700;color:#222f36;text-transform:uppercase;letter-spacing:.5px}.sop-table-wrapper{max-height:95vh;overflow-y:auto;overflow-x:hidden;border-radius:8px;border:1px solid rgba(0,0,0,.05)}.sop-table{width:100%;border-collapse:collapse;table-layout:fixed}.sop-table thead{position:sticky;top:0;z-index:2}.sop-table thead tr,.sop-table tbody tr{display:table;width:100%;table-layout:fixed}.sop-table thead th{font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;color:#0973ce;background:#d0e4f2;padding:12px 15px;border-bottom:2px solid #c3d9eb;text-align:center}.sop-table tbody{display:block;height:70vh;overflow-y:auto;width:100%}.sop-table tbody tr{background:#fff;transition:all .3s ease}.sop-table tbody tr:hover{background:#f9fafb;box-shadow:0 2px 8px #00000014}.sop-table th,.sop-table td{padding:12px 15px;text-align:center;font-size:.9rem}.sop-table tbody td{border-bottom:1px solid rgba(0,0,0,.05);color:#4b5563}.sop-table tbody tr:last-child td{border-bottom:none}.add-new-sop-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:5px;transition:all .3s ease;box-shadow:0 2px 8px #10b9814d}.add-new-sop-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b98166}.sop-embed{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:20px}@media (max-width: 768px){.sop-container{padding-left:5vw}.sop-table th,.sop-table td{padding:10px;font-size:12px}.add-new-sop-btn{font-size:14px;padding:8px 16px}.modal-content{width:95%;padding:15px}.form-row{flex-direction:column;gap:10px}.form-group-half{width:100%}.preview-modal{width:95%;height:95vh}.confirm-modal{padding:20px}.confirm-icon{font-size:36px}}.ceo-todo-container{width:100%;height:100vh;padding-left:15vw;padding-top:70px;display:flex;align-items:flex-start;justify-content:center;background:#f5f6fa}.ceo-todo{width:98%;position:relative;overflow:hidden;background:#f5f7fa;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 10px #0000000d;transition:box-shadow .3s ease;height:98.5%;padding:20px;display:flex;flex-direction:column}.ceo-todo:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00c4ff,#0073ce,#4f46e5);border-radius:15px 15px 0 0}.ceo-todo-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ceo-todo-heading{font-size:20px;font-weight:600;margin:0;color:#4a5568}.ceo-todo-filter-div{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.ceo-todo-add-btn{border:none;outline:none;display:flex;align-items:center;justify-content:center;padding:5px 10px;background:#4f46e5;color:#fff;gap:8px;font-size:.9rem;font-weight:500;border-radius:5px;cursor:pointer;transition:background .3s ease}.ceo-todo-add-btn:hover{background:#095eab}.ceo-todo-add-buttons{display:flex;gap:10px}.ceo-todo-filter{border:1px solid #e5e7eb;border-radius:5px;overflow:hidden}.ceo-todo-filter-btn{color:#6b7280;padding:7px 12px;outline:none;background:#f5f7fa;border:none;border-right:1px solid #e5e7eb;cursor:pointer;transition:all .3s ease}.ceo-todo-filter-btn:last-child{border-right:none}.ceo-todo-filter-btn.active{background:#4f46e5;color:#fff}.ceo-todo-filter-btn:hover{background:#e5e7eb}.ceo-todo-search-input{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#374151;width:200px}.ceo-todo-list-selector{display:flex;align-items:center;gap:10px}.ceo-todo-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#374151;min-width:200px;cursor:pointer}.ceo-todo-select-div{display:flex;align-items:center;justify-content:center;gap:1vw}.ceo-todo-select-div input{outline:none}.ceo-todo-list{margin-top:20px;flex:1;overflow-y:auto;scrollbar-width:thin}.ceo-todo-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #e5e7eb;transition:background .2s ease}.ceo-todo-item:hover{background:#f0f2f5}.ceo-todo-item-content{display:flex;align-items:flex-start;gap:10px}.ceo-todo-checkbox{background:none;border:none;cursor:pointer;padding:0}.ceo-todo-item-text{display:flex;flex-direction:column}.ceo-todo-item-date{font-size:12px;color:#6b7280}.ceo-todo-subtasks{margin-top:5px;padding-left:20px;font-size:13px;color:#4a5568}.ceo-todo-subtasks li{list-style-type:disc}.ceo-todo-delete-btn{background:none;border:none;cursor:pointer;padding:5px}.ceo-todo-delete-btn:hover{background:#fee2e2;border-radius:4px}.ceo-todo-empty{text-align:center;color:#6b7280;margin-top:20px}.ceo-todo-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.ceo-todo-modal{background:#fff;border-radius:12px;width:500px;max-width:90%;padding:24px;box-shadow:0 10px 25px #0000001a;animation:slideFadeIn .3s ease}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ceo-todo-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.ceo-todo-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.ceo-todo-modal-close{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:background .2s ease}.ceo-todo-modal-close:hover{background:#f3f4f6}.ceo-todo-modal-content{display:flex;flex-direction:column;gap:20px;margin-top:10px}.ceo-todo-modal-field{display:flex;flex-direction:column;gap:6px}.ceo-todo-modal-field label{font-size:14px;font-weight:500;color:#374151}.ceo-todo-modal-input{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;width:100%;transition:border-color .2s ease}.ceo-todo-search-input:focus{border-color:#4f46e5;outline:none}.ceo-todo-subtask-input{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ceo-todo-subtask-remove{background:none;border:none;cursor:pointer;padding:6px;border-radius:5px;transition:background .2s ease}.ceo-todo-subtask-remove:hover{background:#fee2e2}.ceo-todo-add-subtask{margin-top:5px;padding:8px 12px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s ease;display:flex;align-items:center;gap:6px}.ceo-todo-add-subtask:hover{background:#4f46e5}.ceo-todo-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.ceo-todo-modal-btn{padding:10px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease}.ceo-todo-modal-cancel{background:#e5e7eb;color:#374151}.ceo-todo-modal-cancel:hover{background:#d1d5db}.ceo-todo-modal-save{background:#4f46e5;color:#fff}.ceo-todo-modal-save:hover{background:#095ead}.ceo-todo-modal{background:#fff;border-radius:16px;width:520px;max-width:95%;padding:32px;box-shadow:0 16px 40px #00000026;animation:slideFadeIn .25s ease-in-out;border:1px solid #e0e0e0}.ceo-todo-modal-header{justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:12px;margin-bottom:20px}.ceo-todo-modal-header h3{font-size:22px;font-weight:600;color:#1e293b}.ceo-todo-modal-content{display:flex;flex-direction:column;gap:24px}.ceo-todo-modal-field label{font-size:15px;font-weight:600;color:#334155}.ceo-todo-modal-input{padding:10px 14px;font-size:15px;border:1px solid #cbd5e1;background-color:#f9fafb;border-radius:8px;width:100%}.ceo-todo-add-subtask{margin-top:8px;padding:8px 14px;background:#4f46e5;font-size:14px;font-weight:600;color:#fff;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.ceo-todo-modal-footer{display:flex;justify-content:center;gap:12px;margin-top:30px}.badge{display:inline-block;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;border-radius:12px;vertical-align:middle}.badge-overdue{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.badge-today{background-color:#dbeafe;color:#2563eb;border:1px solid #bfdbfe}.ceo-todo-accordion{margin-top:10px}.ceo-todo-accordion-toggle{background:none;border:none;color:#4f46e5;font-weight:500;cursor:pointer;padding:4px 0;transition:color .2s ease;font-size:13px}.ceo-todo-edit-btn{background:none;border:none;cursor:pointer;padding:5px;margin-right:5px;color:#3b82f6}.ceo-todo-edit-btn:hover{background:#dbeafe;border-radius:4px}.ceo-todo-subtasks-scroll{max-height:150px;overflow-y:auto;padding-right:4px;margin-bottom:10px}.ceo-todo-subtasks-scroll::-webkit-scrollbar{width:6px}.ceo-todo-subtasks-scroll::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}.ceo-todo-subtasks-scroll::-webkit-scrollbar-thumb:hover{background-color:#a0aec0}.error-message{background-color:#fee2e2;color:#dc2626;padding:12px;border-radius:4px;margin-bottom:16px}.add-task-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;animation:fadeIn .3s ease-out forwards}.add-task-modal-content{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:700px;box-shadow:0 8px 24px #0003;transform:scale(.95);animation:scaleUp .3s ease-out forwards}.add-task-modal-title{font-size:24px;font-weight:600;color:#4a90e2}.add-task-form-group{margin-bottom:20px}.add-task-form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.add-task-form-input,.add-task-form-select,.add-task-form-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#f9fafb;transition:border-color .2s,box-shadow .2s}.add-task-form-input:focus,.add-task-form-select:focus,.add-task-form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.add-task-form-textarea{resize:vertical;min-height:100px}.add-task-form-checkbox-label{display:flex;align-items:center;font-size:14px;font-weight:500;color:#374151}.add-task-form-checkbox{margin-right:8px;width:16px;height:16px;accent-color:#3b82f6}.add-task-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.add-task-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.add-task-cancel-button,.add-task-submit-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .2s}.add-task-cancel-button{border:1px solid #6b7280;background:#fff;color:#6b7280}.add-task-cancel-button:hover{background:#f3f4f6;transform:translateY(-1px)}.add-task-submit-button{border:none;background:#3b82f6;color:#fff}.add-task-submit-button:hover{background:#2563eb;transform:translateY(-1px)}@keyframes scaleUp{0%{transform:scale(.95)}to{transform:scale(1)}}.add-task-error-text{color:#dc2626;font-size:12px;margin-top:4px}.ceo-new-task-container{width:100%;height:100vh;padding-left:15vw;padding-top:70px;display:flex;align-items:flex-start;justify-content:center;background:#f5f7fa;overflow:auto;font-size:1rem}.ceo-new-task{width:98%;height:98%;background:#f5f7fa}.ceo-new-task-search-filter-container{display:flex;gap:20px;align-items:center;justify-content:flex-end;margin-bottom:20px}.ceo-new-task-inputs-row{display:flex;gap:10px;align-items:center}.ceo-new-task-add-button{padding:4px 16px;border-radius:4px;border:none;background:#28a745;color:#fff;font-weight:600;cursor:pointer}.ceo-new-task-add-button:hover{opacity:.9}.ceo-new-task-search-input{width:300px;padding:8px;border-radius:4px;border:1px solid #e0e0e0}.ceo-new-task-filter-select{width:200px;padding:8px;border-radius:4px;border:1px solid #e0e0e0}.ceo-new-task-table-scroll-container{width:100%;max-height:90%;min-height:90%;overflow-x:auto;overflow-y:auto;position:relative;z-index:0}.ceo-new-task-table{width:100%;min-width:1200px;border-collapse:collapse;background:#fff;border-spacing:0}.ceo-new-task-table th,.ceo-new-task-table td{padding:10px 12px;text-align:center;border-bottom:1px solid #e0e0e0;white-space:nowrap;font-weight:500;color:#4a5568;border-spacing:0;border:0}.ceo-new-task-table thead{background:#4a90e2}.ceo-new-task-table th{background:#4a90e2;color:#fff;font-weight:600;position:sticky;top:0;z-index:10;border-spacing:0;border:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer;border:0}.ceo-new-task-table td.ceo-new-task-action-column{position:sticky;right:0;background:#fff;z-index:5;min-width:150px;display:flex;align-items:center;justify-content:center}.ceo-new-task-table th.ceo-new-task-action-column{position:sticky;top:0;right:0;background:#4a90e2;z-index:20;min-width:100%}.ceo-new-task-table tr:nth-child(2n) td{background:#f9f9f9}.ceo-new-task-table tr:nth-child(2n) td.ceo-new-task-action-column{background:#f9f9f9}.ceo-new-task-action-btn{margin:0 5px;padding:6px;border-radius:4px;color:#fff}.ceo-new-task-view-btn{color:#28a745}.ceo-new-task-edit-btn{color:#ffac07}.ceo-new-task-delete-btn{color:#dc3545}.ceo-new-task-action-btn:hover{opacity:.9}@media (max-width: 800px){.ceo-new-task-table td.ceo-new-task-action-column{position:relative}.delete-confirmation-content{padding:24px;max-width:95%}.delete-confirmation-content h3{font-size:22px}.delete-confirmation-buttons .confirm-btn,.delete-confirmation-buttons .cancel-btn{padding:10px 20px;font-size:14px}.ceo-new-task-container{padding-left:3vw;padding-right:3vw;padding-top:70px;align-items:center}.ceo-new-task-table td{font-size:small}.ceo-new-task-table th{padding:5px 0;text-align:center;border-bottom:1px solid #e0e0e0;font-size:small;position:relative}.ceo-new-task-search-filter-container{display:flex;flex-direction:column;gap:10px;align-items:flex-end;justify-content:flex-end;margin-bottom:20px}.ceo-new-task-add-button{order:-1;padding:8px 7px;border-radius:4px;border:none;background:#28a745;color:#fff;font-weight:600;cursor:pointer}.ceo-new-task-add-button:hover{opacity:.9}.ceo-new-task-inputs-row{display:flex;gap:10px;align-items:center;justify-content:flex-end}.ceo-new-task-search-input,.ceo-new-task-filter-select{width:100%;padding:4px;border-radius:4px;border:1px solid #e0e0e0}.ceo-new-task-table th.ceo-new-task-action-column{position:relative;top:0;right:0;background:#4a90e2;z-index:20;width:5px;padding:5px 0;text-align:center;border-bottom:1px solid #e0e0e0}.ceo-new-task-delete-btn,.ceo-new-task-edit-btn,.ceo-new-task-view-btn{font-size:large!important}}.swot-container{width:100%;height:100vh;padding-left:15vw;padding-top:70px;display:flex;align-items:flex-start;justify-content:center;background:#f5f6fa;box-sizing:border-box}.swot-wrapper{width:98%;height:90vh;display:flex;flex-direction:column}.swot-table-card{color:#2d3748;background:#f5f7fa;border-radius:15px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);padding:20px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.swot-table-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00c4ff,#0073ce,#4f46e5);border-radius:15px 15px 0 0}.swot-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.swot-table-header h3{margin:0;font-size:1.2rem;font-weight:700;color:#222f36;text-transform:uppercase;letter-spacing:.5px}.swot-table-wrapper{max-height:95vh;overflow-y:auto;overflow-x:hidden;border-radius:8px;border:1px solid rgba(0,0,0,.05)}.swot-table{width:100%;border-collapse:collapse;table-layout:fixed}.swot-table thead{position:sticky;top:0;z-index:2}.swot-table thead tr,.swot-table tbody tr{display:table;width:100%;table-layout:fixed}.swot-table thead th{font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;color:#0973ce;background:#d0e4f2;padding:12px 15px;border-bottom:2px solid #c3d9eb;text-align:center}.swot-table tbody{display:block;height:70vh;overflow-y:auto;width:100%}.swot-table tbody tr{background:#fff;transition:all .3s ease}.swot-table tbody tr:hover{background:#f9fafb;box-shadow:0 2px 8px #00000014}.swot-table th,.swot-table td{padding:12px 15px;text-align:center;font-size:.9rem}.swot-table tbody td{border-bottom:1px solid rgba(0,0,0,.05);color:#4b5563}.swot-table tbody tr:last-child td{border-bottom:none}.add-new-swot-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:5px;transition:all .3s ease;box-shadow:0 2px 8px #10b9814d}.add-new-swot-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b98166}.view-btn,.edit-btn,.delete-btn{padding:6px 12px;margin-right:5px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease;color:#fff}.view-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.view-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}.edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.edit-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.delete-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #ef444466}.swot-embed{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:20px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:600px;box-shadow:0 4px 12px #0003;position:relative}.preview-modal{max-width:90%;width:90%;height:90vh;max-height:90vh;display:flex;flex-direction:column;padding:25px}.preview-modal embed{flex:1;border:1px solid #ddd;border-radius:4px}.confirm-modal{max-width:400px;text-align:center;padding:30px}.confirm-icon{font-size:48px;color:#ef4444;margin-bottom:15px}.confirm-message{font-size:1rem;color:#4b5563;margin-bottom:25px}.close-x-btn{position:absolute;top:0;right:10px;background:none;border:none;font-size:24px;font-weight:700;color:#4b5563;cursor:pointer;transition:all .3s ease;z-index:1}.close-x-btn:hover{color:#ef4444;transform:scale(1.2)}.modal-title{font-size:1.5rem;font-weight:600;color:#222f36;margin-bottom:20px}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-group{flex:1;display:flex;flex-direction:column}.form-group-half{flex:1}.form-group label{font-size:.9rem;font-weight:500;color:#4b5563;margin-bottom:5px}.form-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;color:#4b5563}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 5px #3b82f64d}.pdf-preview{margin-top:10px;margin-bottom:15px}.pdf-preview embed{border:1px solid #ddd;border-radius:4px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.cancel-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #6b728066}.submit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .3s ease}.submit-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b98166}@media (max-width: 768px){.swot-container{padding-left:5vw}.swot-table th,.swot-table td{padding:10px;font-size:12px}.add-new-swot-btn{font-size:14px;padding:8px 16px}.modal-content{width:95%;padding:15px}.form-row{flex-direction:column;gap:10px}.form-group-half{width:100%}.preview-modal{width:95%;height:95vh}.confirm-modal{padding:20px}.confirm-icon{font-size:36px}}.ceo-completed-task-container{width:100%;height:100vh;padding-left:15vw;padding-top:70px;display:flex;align-items:flex-start;justify-content:center;background:#f5f7fa;overflow:hidden;font-size:.9rem}.ceo-completed-task{width:98%;height:98%;background:#f5f7fa}.ceo-completed-task-search-filter-container{display:flex;gap:20px;align-items:center;justify-content:flex-end;margin-bottom:20px}.ceo-completed-task-search-input{width:300px;padding:8px;border-radius:4px;border:1px solid #e0e0e0}.ceo-completed-task-filter-select{width:200px;padding:8px;border-radius:4px;border:1px solid #e0e0e0}.ceo-completed-task-table-scroll-container{width:100%;max-height:90%;min-height:90%;overflow-x:auto;overflow-y:auto;position:relative;z-index:0}.ceo-completed-task-table{width:100%;min-width:1200px;border-collapse:collapse;background:#fff}.ceo-completed-task-table th,.ceo-completed-task-table td{padding:10px 12px;text-align:center;border-bottom:1px solid #e0e0e0;white-space:nowrap;font-weight:500;color:#4a5568;border-collapse:separate;border-spacing:0}.ceo-completed-task-table th{background:#4a90e2;color:#fff;font-weight:600;position:sticky;top:0;z-index:10;border-collapse:separate;border-spacing:0;border:none}.ceo-completed-task-table td.ceo-completed-task-action-column{position:sticky;right:0;background:#fff;z-index:5;min-width:80px;display:flex;align-items:center;justify-content:center}.ceo-completed-task-table th.ceo-completed-task-action-column{position:sticky;top:0;right:0;background:#4a90e2;z-index:20;min-width:80px}.ceo-completed-task-table tr:nth-child(2n) td{background:#f9f9f9}.ceo-completed-task-table tr:nth-child(2n) td.ceo-completed-task-action-column{background:#f9f9f9}.ceo-completed-task-action-btn{margin:0 5px;padding:6px;border-radius:4px;color:#fff}.ceo-completed-task-view-btn{background:#28a745}.ceo-completed-task-action-btn:hover{opacity:.9}@media (max-width: 800px){.ceo-completed-task-container{padding-left:0vw}.ceo-completed-task-search-input,.ceo-completed-task-filter-select{width:50%;padding:4px}.ceo-completed-task-search-filter-container{gap:5px;align-items:center;justify-content:center;margin-bottom:20px}.ceo-completed-task-table th.ceo-completed-task-action-column,.ceo-completed-task-table td.ceo-completed-task-action-column{position:relative}}.manager-top-bar-container{width:85%;height:70px;display:flex;align-items:center;padding:10px;justify-content:center;position:fixed;top:0;left:50%;transform:translate(-41%);z-index:100}.manager-top-bar{width:100%;height:100%;padding:15px 25px;border-radius:12px;background:#ffffffb8;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.manager-top-bar-left{flex:1}.manager-dashboard-title{margin:0;font-size:1.4rem;font-weight:600;color:#0971ce}.manager-top-bar-right{display:flex;align-items:center;justify-content:flex-end}.manager-icons{display:flex;align-items:center;gap:20px}.manager-notification-wrapper,.manager-profile-wrapper{display:flex;align-items:center;padding:6px;border-radius:50px;cursor:pointer;transition:background .3s ease;position:relative}.manager-notification-wrapper:hover,.manager-profile-wrapper:hover{background:#0971ce1a}.manager-top-bar-icon{font-size:1.5rem!important;color:#4a5568;transition:color .3s ease}.manager-top-bar-icon:hover{color:#0971ce}.manager-notification-badge{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;border:2px solid white}.manager-profile-info{display:flex;align-items:center;gap:6px}.manager-logout-dropdown{position:absolute;top:90%;right:0%;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:5px 1px;box-shadow:0 4px 12px #0000001a;z-index:90;animation:fadeIn .2s ease-in-out;min-width:120px;border:1px solid rgb(210,210,210)}.manager-edit-profile-button,.manager-logout-button{background:none;border:none;color:#374151;font-size:.9rem;font-weight:500;cursor:pointer;width:100%;text-align:center;padding:6px 0;display:flex;align-items:center;justify-content:center;transition:color .2s ease-in-out}.manager-edit-profile-button:hover{color:#6366f1}.manager-logout-button:hover{color:#ef4444}.manager-logout-dropdown button{background:none;border:none;color:#ef4444;font-size:.9rem;font-weight:600;cursor:pointer;width:100%;text-align:center;padding:8px 0;transition:color .2s}.manager-logout-dropdown button:hover{color:#dc2626}.manager-notification-dropdown{position:absolute;top:45px;right:-100px;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px;box-shadow:0 6px 16px #0000001a;z-index:200;animation:fadeIn .2s ease-in-out;min-width:300px;max-height:300px;overflow-y:auto}.manager-notification-item{padding:10px;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:5px}.manager-notification-item:last-child{border-bottom:none}.manager-notification-message{margin:0;font-size:.9rem;color:#374151;font-weight:500}.manager-notification-time{font-size:.7rem;color:#6b7280}.manager-notification-loading{padding:10px;text-align:center;font-size:.9rem;color:#374151}.manager-notification-error{padding:10px;text-align:center;font-size:.9rem;color:#ef4444}.manager-notification-empty{padding:10px;text-align:center;font-size:.9rem;color:#6b7280}.profile-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-in-out}.profile-fields{margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.manager-top-bar-container{width:95%;height:60px}.manager-top-bar{padding:10px 15px}.manager-dashboard-title{font-size:1.2rem}.manager-top-bar-icon{font-size:1.3rem!important}.manager-name{display:none}.manager-notification-dropdown{min-width:200px;max-height:250px}.manager-notification-message{font-size:.8rem}.manager-notification-time{font-size:.65rem}.profile-edit-modal{max-width:90%;padding:30px 20px}.profile-edit-image-preview{width:100px;height:100px}.profile-edit-upload-btn{padding:8px 16px;font-size:.85rem}.row{flex-direction:column;gap:10px}.change-password-checkbox{justify-content:flex-start}}.manager-side-bar-container{margin:0;padding:0;width:15vw;height:100vh;position:fixed;display:flex;align-items:center;justify-content:end}.manager-side-bar{height:97%;width:91%;border-radius:15px;background:#f5f7fa;border:1px solid rgba(0,122,193,.1);display:flex;flex-direction:column;box-shadow:0 4px 6px #0000000d}.manager-company-logo-div{display:flex;align-items:center;justify-content:center;width:100%;border-bottom:1px solid rgba(9,113,206,.2);padding:15px 10px}.manager-company-logo{width:140px}.manager-sidebar-nav{flex:1;padding:20px 0;display:flex;flex-direction:column;gap:12px}.manager-nav-item{display:flex;align-items:center;padding:12px 20px;color:#4a5568;font-size:14px;font-weight:500;transition:all .3s ease;border-radius:8px;margin:0 10px;cursor:pointer}.manager-nav-item:hover{background:#007ac11a;color:#2d3748;transform:translate(5px)}.manager-nav-item.active{background:#007ac126;color:#0973ce;border-left:3px solid #00c4ff}.manager-nav-icon{margin-right:12px;width:20px;display:flex;align-items:center;justify-content:center}.manager-nav-icon svg{font-size:18px}.manager-nav-text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.manager-dropdown-arrow{margin-left:auto;transition:transform .3s ease;display:flex;align-items:center}.manager-dropdown-arrow.rotated{transform:rotate(180deg)}.manager-sub-items-wrapper{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;margin-left:30px}.manager-sub-items-wrapper.expanded{max-height:200px}.manager-sub-item{font-size:13px;padding:8px 12px;color:#4a5568;cursor:pointer;border-radius:6px;transition:all .3s ease;font-weight:500}.manager-sub-item:hover{background-color:#007ac11a;color:#2d3748}.manager-sub-item.active{color:#0973ce;font-weight:600;background-color:#007ac126}.manager-main-container{width:100%;height:100%;padding-left:15vw;padding-top:70px;display:flex;align-items:start;justify-content:center;background:#f5f6fa}.manager-main{width:98%;min-height:91vh;height:100%}.manager-top-cards{width:100%;height:160px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:20px 0}.manager-top-card{display:flex;align-items:center;justify-content:space-between;color:#2d3748;background:#f5f7fa;height:120px;border-radius:15px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);padding:20px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.manager-top-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f;border:1px solid rgba(9,113,206,.2)}.manager-top-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00c4ff,#0073ce,#4f46e5);border-radius:15px 15px 0 0}.manager-top-card-left{display:flex;flex-direction:column;justify-content:center;flex:1}.manager-top-card-left p{margin:0 0 8px;font-size:.9rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.manager-top-card-left h2{margin:0;font-size:2rem;font-weight:700;color:#222f36}.manager-top-card-right{display:flex;align-items:center;justify-content:center;margin-left:15px}.manager-top-card-icon{border-radius:12px;padding:12px;font-size:2.5rem!important;color:#fff;box-shadow:0 4px 15px #00c4ff4d;transition:all .3s ease}.manager-top-card:hover .manager-top-card-icon{transform:scale(1.1);box-shadow:0 6px 20px #00c4ff66}.manager-top-card:nth-child(1) .manager-top-card-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.manager-top-card:nth-child(2) .manager-top-card-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.manager-top-card:nth-child(3) .manager-top-card-icon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.manager-top-card:nth-child(4) .manager-top-card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf64d}.manager-tasks-panel{width:100%;padding:20px;margin-top:20px;background:#f5f7fa;border-radius:15px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.manager-tasks-panel:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f;border:1px solid rgba(9,113,206,.2)}.manager-tasks-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00c4ff,#0073ce,#4f46e5);border-radius:15px 15px 0 0}.manager-table-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 15px;padding-left:10px}.manager-table-container{width:100%;overflow-x:auto;height:64vh}.manager-tasks-table{width:100%;border-collapse:collapse;background:transparent}.manager-tasks-table th,.manager-tasks-table td{padding:15px;text-align:center;font-size:.9rem;color:#2d3748;border-bottom:1px solid rgba(0,0,0,.05)}.manager-tasks-table th{color:#0090e0;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.manager-tasks-table tr:hover{background:#00c4ff1a;transition:background .3s ease}.manager-tasks-table .no-tasks{text-align:center;color:#6b7280;font-style:italic;padding:20px}@media (max-width: 768px){.manager-table-container{overflow-x:auto}.manager-tasks-table{min-width:600px}.manager-table-title{font-size:1.3rem}.manager-tasks-table th,.manager-tasks-table td{font-size:.85rem;padding:10px}.manager-tasks-panel{padding:15px}}@media (max-width: 480px){.manager-tasks-table{min-width:500px}.manager-table-title{font-size:1.2rem}.manager-tasks-panel{padding:10px}}@media (max-width: 768px){.manager-top-cards{grid-template-columns:repeat(2,1fr);gap:15px;height:auto}.manager-top-card{height:100px;padding:15px}.manager-top-card-left h2{font-size:1.5rem}.manager-top-card-left p{font-size:.8rem}.manager-top-card-icon{font-size:2rem!important;padding:8px}}@media (max-width: 480px){.manager-top-cards{grid-template-columns:1fr}}.manager-task-container{width:100%;height:100vh;padding-left:15vw;padding-top:70px;display:flex;align-items:flex-start;justify-content:center;background:#f5f7fa;overflow:hidden;font-size:.9rem}.manager-task{width:98%;height:98%;background:#f5f7fa}.manager-task-search-filter-container{display:flex;gap:20px;align-items:center;justify-content:flex-end;margin-bottom:20px}.manager-task-add-button{padding:8px 16px;border-radius:4px;border:none;background:#28a745;color:#fff;font-weight:600;cursor:pointer}.manager-task-add-button:hover{opacity:.9}.manager-task-search-input{width:300px;padding:8px;border-radius:4px;border:1px solid #e0e0e0}.manager-task-filter-select{width:200px;padding:8px;border-radius:4px;border:1px solid #e0e0e0}.manager-task-table-scroll-container{width:100%;max-height:90%;min-height:90%;overflow-x:auto;overflow-y:auto;position:relative}.manager-task-table{width:100%;min-width:1200px;border-collapse:collapse;background:#fff}.manager-task-table th,.manager-task-table td{padding:10px 12px;text-align:center;border-bottom:1px solid #e0e0e0;white-space:nowrap;font-weight:500;color:#4a5568;border-collapse:separate;border-spacing:0}.manager-task-table th{background:#4a90e2;color:#fff;font-weight:600;position:sticky;top:0;z-index:10;border-collapse:separate;border-spacing:0;border:none}.manager-task-table td.manager-task-action-column{position:sticky;right:0;background:#fff;z-index:5;min-width:150px;display:flex;align-items:center;justify-content:center}.manager-task-table th.manager-task-action-column{position:sticky;top:0;right:0;background:#4a90e2;z-index:20;min-width:100%}.manager-task-table tr:nth-child(2n) td{background:#f9f9f9}.manager-task-table tr:nth-child(2n) td.manager-task-action-column{background:#f9f9f9}.manager-task-action-btn{margin:0 5px;padding:6px;border-radius:4px;color:#fff}.manager-task-view-btn{background:#28a745}.manager-task-edit-btn{background:#ffc107}.manager-task-delete-btn{background:#dc3545}.manager-task-action-btn:hover{opacity:.9}.manager-task-accept-btn{background:#28a745;color:#fff;margin-left:5px;padding:6px 12px;border-radius:4px;border:none;cursor:pointer}.manager-task-accept-btn:hover{opacity:.9}.delete-confirmation-button{background:#28a745;color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:500;font-size:15px;transition:background-color .2s ease,transform .1s ease;box-shadow:0 3px 6px #0000001a}.manager-sop-container{width:100%;height:100vh;padding-left:15vw;padding-top:70px;display:flex;align-items:flex-start;justify-content:center;background:#f5f6fa;box-sizing:border-box}.manager-sop-wrapper{width:98%;height:90vh;display:flex;flex-direction:column}.manager-sop-table-card{color:#2d3748;background:#f5f7fa;border-radius:15px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);padding:20px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.manager-sop-table-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00c4ff,#0073ce,#4f46e5);border-radius:15px 15px 0 0}.manager-sop-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.manager-sop-table-header h3{margin:0;font-size:1.2rem;font-weight:700;color:#222f36;text-transform:uppercase;letter-spacing:.5px}.manager-sop-table-wrapper{max-height:95vh;overflow-y:auto;overflow-x:hidden;border-radius:8px;border:1px solid rgba(0,0,0,.05)}.manager-sop-table{width:100%;border-collapse:collapse;table-layout:fixed}.manager-sop-table thead{position:sticky;top:0;z-index:2}.manager-sop-table thead tr,.manager-sop-table tbody tr{display:table;width:100%;table-layout:fixed}.manager-sop-table thead th{font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;color:#0973ce;background:#d0e4f2;padding:12px 15px;border-bottom:2px solid #c3d9eb;text-align:center}.manager-sop-table tbody{display:block;height:85vh;overflow-y:auto;width:100%}.manager-sop-table tbody tr{background:#fff;transition:all .3s ease}.manager-sop-table tbody tr:hover{background:#f9fafb;box-shadow:0 2px 8px #00000014}.manager-sop-table th,.manager-sop-table td{padding:12px 15px;text-align:center;font-size:.9rem}.manager-sop-table tbody td{border-bottom:1px solid rgba(0,0,0,.05);color:#4b5563}.manager-sop-table tbody tr:last-child td{border-bottom:none}.manager-add-new-sop-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:5px;transition:all .3s ease;box-shadow:0 2px 8px #10b9814d}.manager-add-new-sop-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b98166}.manager-view-btn,.manager-edit-btn,.manager-delete-btn{padding:6px 12px;margin-right:5px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease;color:#fff}.manager-view-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.manager-view-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}.manager-edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.manager-edit-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}.manager-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.manager-delete-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #ef444466}.manager-sop-embed{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:20px}.manager-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.manager-modal-content{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:600px;box-shadow:0 4px 12px #0003;position:relative}.manager-preview-modal{max-width:90%;width:90%;height:90vh;max-height:90vh;display:flex;flex-direction:column;padding:25px}.manager-preview-modal embed{flex:1;border:1px solid #ddd;border-radius:4px}.manager-confirm-modal{max-width:400px;text-align:center;padding:30px}.manager-confirm-icon{font-size:48px;color:#ef4444;margin-bottom:15px}.manager-confirm-message{font-size:1rem;color:#4b5563;margin-bottom:25px}.manager-close-x-btn{position:absolute;top:0;right:10px;background:none;border:none;font-size:24px;font-weight:700;color:#4b5563;cursor:pointer;transition:all .3s ease;z-index:1}.manager-close-x-btn:hover{color:#ef4444;transform:scale(1.2)}.manager-modal-title{font-size:1.5rem;font-weight:600;color:#222f36;margin-bottom:20px}.manager-form-row{display:flex;gap:15px;margin-bottom:15px}.manager-form-group{flex:1;display:flex;flex-direction:column}.manager-form-group-half{flex:1}.manager-form-group label{font-size:.9rem;font-weight:500;color:#4b5563;margin-bottom:5px}.manager-form-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;color:#4b5563}.manager-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 5px #3b82f64d}.manager-pdf-preview{margin-top:10px;margin-bottom:15px}.manager-pdf-preview embed{border:1px solid #ddd;border-radius:4px}.manager-modal-actions{display:flex;justify-content:flex-end;gap:10px}.manager-cancel-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .3s ease}.manager-cancel-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #6b728066}.manager-submit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .3s ease}.manager-submit-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b98166}.manager-error-message{color:red;margin-bottom:10px}@media (max-width: 768px){.manager-sop-container{padding-left:5vw}.manager-sop-table th,.manager-sop-table td{padding:10px;font-size:12px}.manager-add-new-sop-btn{font-size:14px;padding:8px 16px}.manager-modal-content{width:95%;padding:15px}.manager-form-row{flex-direction:column;gap:10px}.manager-form-group-half{width:100%}.manager-preview-modal{width:95%;height:95vh}.manager-confirm-modal{padding:20px}.manager-confirm-icon{font-size:36px}}.hello-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.hello-modal-content{background:#fff;border-radius:8px;width:1500px;max-width:90%;max-height:90%;overflow:auto;position:relative;box-shadow:0 4px 6px #0000001a}.hello-modal-header{display:flex;justify-content:flex-end;padding:10px;border-bottom:1px solid #eee}.hello-modal-close{background:none;border:none;font-size:1.7rem;cursor:pointer;color:#666}.hello-modal-close:hover{color:#000}.update-progress-btn{background:#007bff;color:#fff;border:none;padding:8px 10px;border-radius:4px;cursor:pointer;margin-right:20px;font-size:14px}.update-progress-btn:hover{background:#0056b3}.update-row-btn{background:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px}.update-row-btn:hover{background:#0056b3}.hello-modal-body{padding:20px}.task-header{display:flex;justify-content:space-between;margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:4px;border:1px solid #dee2e6;flex-wrap:wrap}.header-field{display:flex;font-family:Arial,sans-serif;gap:.3vw;margin-bottom:8px}.header-field label{font-weight:700;color:#495057;margin-bottom:4px}.header-field span{color:#212529;font-size:16px}.progress-table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif}.progress-table th,.progress-table td{border:1px solid #ddd;padding:12px;text-align:center}.progress-table th{background-color:#f2f2f2;font-weight:700;position:sticky;top:0;text-align:center}.progress-table tr:nth-child(2n){background-color:#f9f9f9}.progress-table tr:hover{background-color:#f5f5f5}.progress-table button{padding:5px 10px;font-size:12px}.quarter-header{background-color:#e9ecef;font-weight:700;text-align:left;padding:16px}.update-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.update-modal-content{background:#fff;border-radius:8px;width:400px;max-width:90%;position:relative;box-shadow:0 4px 6px #0000001a}.update-modal-header{display:flex;justify-content:flex-end;padding:10px;border-bottom:1px solid #eee}.update-modal-body{padding:20px}.update-form{display:flex;flex-direction:column;gap:15px}.update-form label{font-weight:700;color:#495057}.update-form input[type=range]{margin:5px 0}.update-form span{font-size:18px;font-weight:700;color:#007bff}.update-form textarea{border:1px solid #ddd;border-radius:4px;padding:8px;font-family:Arial,sans-serif}.update-submit-btn{background:#28a745;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;font-size:16px}.update-submit-btn:hover{background:#218838}.admin-running-task-table-scroll-container{width:100%;max-height:90%;min-height:90%;overflow-x:auto;overflow-y:auto;position:relative}.login-container{width:100vw;height:100vh;background-image:url(/assets/LoginBG-DuLitBV_.png);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;position:relative}.login-container:before{content:"";position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0}.login-glass{position:relative;z-index:1;background:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:40px 35px;width:100%;max-width:500px;color:#fff;text-align:center;box-shadow:0 8px 32px #00000040}.login-logo{width:200px}.login-heading{font-size:24px}.login-subheading{font-size:14px;color:#ddd;margin-bottom:30px}.login-form{display:flex;flex-direction:column;gap:15px}.login-input{padding:12px 16px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffff1a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:15px;color:#fff;outline:none;text-align:center;box-shadow:0 2px 8px #0003;transition:all .3s ease}.login-input::placeholder{color:#ffffffb3}.login-button{padding:12px;background-color:#006ea5;color:#fff;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#0278b4}.login-footer{margin-top:20px;font-size:13px;color:#ccc}.login-footer a{color:#00bcd4;text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}@media screen and (max-width: 480px){.login-glass{width:90%;padding:30px 20px}.login-heading{font-size:20px}.login-input{font-size:14px}.login-button{font-size:15px}}.ceo-main-container{width:100%;height:100%;min-height:100vh;padding-left:15vw;padding-top:70px;display:flex;align-items:start;justify-content:center;background:#f5f6fa}.ceo-main{width:98%;height:100%}.ceo-top-cards{width:100%;height:160px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:20px 0}.ceo-top-card{display:flex;align-items:center;justify-content:space-between;color:#2d3748;background:#f5f7fa;height:120px;border-radius:15px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);padding:20px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.ceo-top-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f;border:1px solid rgba(9,113,206,.2)}.ceo-top-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00c4ff,#0073ce,#4f46e5);border-radius:15px 15px 0 0}.ceo-top-card-left{display:flex;flex-direction:column;justify-content:center;flex:1}.ceo-top-card-left p{margin:0 0 8px;font-size:.9rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.ceo-top-card-left h2{margin:0;font-size:2rem;font-weight:700;color:#222f36;text-shadow:none}.ceo-top-card-right{display:flex;align-items:center;justify-content:center;margin-left:15px}.ceo-top-card-icon{background:linear-gradient(135deg,#00c4ff,#0073ce);border-radius:12px;padding:12px;font-size:2.5rem!important;color:#fff;box-shadow:0 4px 15px #00c4ff4d;transition:all .3s ease}.ceo-top-card:hover .ceo-top-card-icon{transform:scale(1.1);box-shadow:0 6px 20px #00c4ff66}.ceo-top-card:nth-child(1) .ceo-top-card-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.ceo-top-card:nth-child(2) .ceo-top-card-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.ceo-top-card:nth-child(3) .ceo-top-card-icon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.ceo-top-card:nth-child(4) .ceo-top-card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf64d}.ceo-tables{width:100%;display:flex;flex-direction:column;gap:15px;padding:20px 0}.ceo-small-tables-row{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.ceo-table-card{color:#2d3748;background:#f5f7fa;border-radius:15px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);padding:20px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.ceo-table-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f;border:1px solid rgba(9,113,206,.2)}.ceo-table-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00c4ff,#0073ce,#4f46e5);border-radius:15px 15px 0 0}.ceo-table-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:15px}.ceo-table-card h3{margin:0;font-size:1.2rem;font-weight:700;color:#222f36;text-transform:uppercase;letter-spacing:.5px}.ceo-table-wrapper{overflow-y:auto}.ceo-large-table .ceo-table-wrapper{max-height:400px}.ceo-small-table .ceo-table-wrapper{max-height:300px}.ceo-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden}.ceo-table th,.ceo-table td{padding:12px 15px;text-align:center;font-size:.9rem}.ceo-table thead{position:sticky;top:0;z-index:1}.ceo-table thead tr{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);box-shadow:0 2px 4px #0000000d}.ceo-table th{font-weight:600;letter-spacing:.5px;color:#0973ce;text-transform:uppercase;font-size:.85rem;background:#d0e4f2}.ceo-table tbody tr{background:#fff;transition:all .3s ease}.ceo-table tbody tr:hover{background:#f9fafb;box-shadow:0 2px 8px #00000014}.ceo-table tbody tr td{border-bottom:1px solid rgba(0,0,0,.05);color:#4b5563}.ceo-table tbody tr:last-child td{border-bottom:none}.ceo-action-btn{background:none;border:none;cursor:pointer;margin-right:10px;transition:all .3s ease;padding:6px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.ceo-action-btn svg{font-size:1.2rem!important}.ceo-action-btn.add{width:8%;color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.ceo-action-btn.edit{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.ceo-action-btn.delete{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.ceo-action-btn:hover{box-shadow:0 4px 12px #0003}@media (max-width: 768px){.ceo-top-cards{grid-template-columns:repeat(2,1fr);gap:15px;height:auto}.ceo-top-card{height:100px;padding:15px}.ceo-top-card-left h2{font-size:1.5rem}.ceo-top-card-left p{font-size:.8rem}.ceo-top-card-icon{font-size:2rem!important;padding:8px}.ceo-small-tables-row{grid-template-columns:1fr}.ceo-table{font-size:.85rem}.ceo-table th,.ceo-table td{padding:10px 12px}}@media (max-width: 480px){.ceo-top-cards{grid-template-columns:1fr}}.ceo-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ceo-modal-content{background:#f5f7fa;padding:20px;border-radius:15px;width:400px;box-shadow:0 4px 20px #00000014;position:relative}.ceo-modal-content h2{margin:0 0 15px;font-size:1.2rem;font-weight:700;color:#222f36}.ceo-input{width:100%;padding:12px;margin-bottom:15px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:1rem;background:#fff;box-sizing:border-box}.ceo-button{width:100%;padding:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.ceo-button:hover{transform:scale(1.02);box-shadow:0 4px 12px #10b9814d}.ceo-task-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease-in-out}.ceo-task-content{background:#fff;padding:24px;border-radius:10px;box-shadow:0 8px 32px #00000026;max-width:750px;width:90%;max-height:95vh;overflow-y:auto;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:slideDown .3s ease-in-out;border:1px solid #e5e7eb}.ceo-task-close-btn{position:absolute;top:12px;right:12px;background:#f3f4f6;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;color:#4b5563;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ceo-task-close-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.ceo-task-close-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.ceo-task-content h3{margin:0 0 20px;font-size:24px;font-weight:600;color:#111827;text-align:left;border-bottom:2px solid #3b82f6;padding-bottom:8px}.ceo-task-details{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#374151;margin-bottom:20px}.ceo-task-row{display:flex;align-items:center;justify-content:center;gap:10px;background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;padding:10px;transition:background .2s ease}.ceo-task-row:hover{background:#f1f5f9}.ceo-task-field{flex:1;display:flex}.ceo-task-field strong{font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ceo-task-field span{flex:0 0 55%;text-align:left;word-break:break-word;overflow-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.ceo-task-table{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.ceo-table-header{display:grid;grid-template-columns:1fr 2fr;background-color:#f1f5f9;padding:8px 10px;font-weight:600;color:#111827;border-bottom:1px solid #e5e7eb}.ceo-table-row{display:grid;grid-template-columns:1fr 2fr;padding:8px 10px;border-bottom:1px solid #e5e7eb;color:#374151;transition:background .2s ease}.ceo-table-row:hover{background:#f1f5f9}.ceo-table-row:last-child{border-bottom:none}.ceo-table-label{font-weight:600;color:#111827;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ceo-table-value{padding:0 6px;word-break:break-word;overflow-wrap:break-word}.ceo-task-occurrence{padding:10px 0}.ceo-task-occurrence strong{font-weight:600;color:#111827;display:block;margin-bottom:10px}.ceo-occurrence-table{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.ceo-occurrence-table .ceo-table-header,.ceo-occurrence-table .ceo-table-row{grid-template-columns:1fr 1fr;padding:8px 10px}.ceo-occurrence-table .ceo-table-row span{text-align:center;word-break:break-word;overflow-wrap:break-word}.ceo-task-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.ceo-close-btn{background-color:#3b82f6;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;box-shadow:0 3px 6px #0000001a}.ceo-close-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.ceo-close-btn:focus{outline:2px solid #1d4ed8;outline-offset:2px}.ceo-task-row,.ceo-task-table,.ceo-task-occurrence{animation:rowFadeIn .3s ease-in-out}@media (max-width: 600px){.ceo-task-content{padding:16px;max-width:95%;max-height:85vh}.ceo-task-content h3{font-size:20px;padding-bottom:6px}.ceo-task-details{gap:8px;font-size:13px}.ceo-task-row{flex-direction:column;gap:6px;padding:8px}.ceo-task-field{flex-direction:column;align-items:flex-start}.ceo-task-field strong{flex:none;margin-bottom:3px}.ceo-task-field span{flex:none;text-align:left}.ceo-task-table{font-size:13px}.ceo-table-row{grid-template-columns:1fr 2fr;padding:6px 8px}.ceo-table-row span{padding:0 4px}.ceo-occurrence-table .ceo-table-header,.ceo-occurrence-table .ceo-table-row{grid-template-columns:1fr 1fr;font-size:13px;padding:6px 8px}.ceo-close-btn{padding:6px 16px;font-size:13px}.ceo-task-close-btn{width:24px;height:24px;font-size:14px;top:10px;right:10px}}.ceo-task-content::-webkit-scrollbar{width:8px}.ceo-task-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.ceo-task-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.ceo-task-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.admin-hello-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-hello-modal-content{background:#fff;border-radius:8px;width:1500px;max-width:90%;max-height:90%;overflow:auto;position:relative;box-shadow:0 4px 6px #0000001a}.admin-hello-modal-header{display:flex;justify-content:flex-end;padding:10px;border-bottom:1px solid #eee;gap:10px}.admin-hello-modal-close{background:none;border:none;font-size:1.7rem;cursor:pointer;color:#666}.admin-hello-modal-close:hover{color:#000}.admin-mark-completed-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.admin-mark-completed-btn{background:#28a745;color:#fff;border:none;padding:5px;border-radius:4px;cursor:pointer;font-size:16px}.admin-mark-completed-btn:hover{background:#218838}.admin-mark-completed-btn:disabled{background:#6c757d;cursor:not-allowed}.admin-update-progress-btn{background:#007bff;color:#fff;border:none;padding:8px 10px;border-radius:4px;cursor:pointer;margin-right:20px;font-size:14px}.admin-update-progress-btn:hover{background:#0056b3}.admin-update-row-btn{background:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px}.admin-update-row-btn:hover{background:#0056b3}.admin-hello-modal-body{padding:20px}.admin-task-header{display:flex;justify-content:space-between;margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:4px;border:1px solid #dee2e6;flex-wrap:wrap}.admin-header-field{display:flex;font-family:Arial,sans-serif;gap:.3vw;margin-bottom:8px}.admin-header-field label{font-weight:700;color:#495057;margin-bottom:4px}.admin-header-field span{color:#212529;font-size:16px}.admin-progress-table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif}.admin-progress-table th,.admin-progress-table td{border:1px solid #ddd;padding:12px;text-align:center}.admin-progress-table th{background-color:#f2f2f2;font-weight:700;position:sticky;top:0;text-align:center}.admin-progress-table tr:nth-child(2n){background-color:#f9f9f9}.admin-progress-table tr:hover{background-color:#f5f5f5}.admin-progress-table button{padding:5px 10px;font-size:12px}.admin-quarter-header{background-color:#e9ecef;font-weight:700;text-align:left;padding:16px}.admin-update-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.admin-update-modal-content{background:#fff;border-radius:8px;width:400px;max-width:90%;position:relative;box-shadow:0 4px 6px #0000001a}.admin-update-modal-header{display:flex;justify-content:flex-end;padding:10px;border-bottom:1px solid #eee}.admin-update-modal-body{padding:20px}.admin-update-form{display:flex;flex-direction:column;gap:15px}.admin-update-form label{font-weight:700;color:#495057}.admin-update-form input[type=range]{margin:5px 0}.admin-update-form span{font-size:18px;font-weight:700;color:#007bff}.admin-update-form textarea{border:1px solid #ddd;border-radius:4px;padding:8px;font-family:Arial,sans-serif}.admin-update-submit-btn{background:#28a745;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;font-size:16px}.admin-update-submit-btn:hover{background:#218838}.admin-update-submit-btn:disabled{background:#6c757d;cursor:not-allowed}.admin-complete-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1002}.admin-complete-modal-content{background:#fff;border-radius:8px;width:400px;max-width:90%;position:relative;box-shadow:0 4px 6px #0000001a}.admin-complete-modal-body{padding:20px;text-align:center}.admin-complete-modal-body h3{margin-bottom:10px;color:#495057}.admin-complete-modal-body p{margin-bottom:20px;color:#6c757d}.admin-complete-modal-actions{display:flex;justify-content:center;gap:10px}.admin-complete-modal-actions button{padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px}.admin-complete-modal-actions .admin-update-submit-btn{background:#28a745;color:#fff;border:none}.admin-complete-modal-actions .admin-update-submit-btn:hover:not(:disabled){background:#218838}.admin-complete-modal-actions .admin-hello-modal-close{background:#6c757d;color:#fff;border:none;font-size:16px;padding:10px 20px}.admin-complete-modal-actions .admin-hello-modal-close:hover{background:#5a6268}.admin-side-bar-container{margin:0;padding:0;width:15vw;height:100vh;position:fixed;display:flex;align-items:center;justify-content:end}.admin-side-bar{height:97%;width:91%;border-radius:15px;background:#f5f7fa;border:1px solid rgba(0,122,193,.1);display:flex;flex-direction:column;box-shadow:0 4px 6px #0000000d}.admin-company-logo-div{display:flex;align-items:center;justify-content:center;width:100%;border-bottom:1px solid rgba(9,113,206,.2);padding:15px 10px}.admin-company-logo{width:140px}.admin-sidebar-nav{flex:1;padding:20px 0;display:flex;flex-direction:column;gap:12px}.admin-nav-item{display:flex;align-items:center;padding:12px 20px;color:#4a5568;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;border-radius:8px;margin:0 10px;cursor:pointer}.admin-nav-item:hover{background:#007ac11a;color:#2d3748;transform:translate(5px)}.admin-nav-item.admin-active{background:#007ac126;color:#0973ce;border-left:3px solid #00c4ff}.admin-nav-icon{margin-right:12px;width:20px;text-align:center;display:flex;align-items:center;justify-content:center}.admin-nav-icon svg{font-size:18px}.admin-nav-text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dropdown-arrow{margin-left:auto;transition:transform .3s ease;display:flex;align-items:center}.dropdown-arrow.rotated{transform:rotate(180deg)}.admin-sub-items-wrapper{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;margin-left:30px}.admin-sub-items-wrapper.expanded{max-height:200px}.admin-sub-item{font-size:13px;padding:8px 12px;color:#4a5568;cursor:pointer;border-radius:6px;transition:all .3s ease;font-weight:500}.admin-sub-item:hover{background-color:#007ac11a;color:#2d3748}.admin-sub-item.admin-active{color:#0973ce;font-weight:600;background-color:#007ac126}.assign-task-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease-in-out}.assign-task-content{background:linear-gradient(145deg,#fff,#f8fafc);padding:32px;border-radius:12px;box-shadow:0 10px 32px #0003;max-width:420px;width:90%;position:relative;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:slideDown .3s ease-in-out}.assign-task-close-btn{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:20px;color:#666;cursor:pointer;transition:color .2s ease}.assign-task-close-btn:hover{color:#dc3545}.assign-task-content h3{margin:0 0 20px;font-size:24px;font-weight:600;color:#1a202c;text-align:left;border-bottom:2px solid #4a90e2;padding-bottom:8px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:16px;font-weight:500;color:#2d3748;margin-bottom:8px}.form-group input{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;color:#2d3748}.error-message{color:#d32f2f;font-size:14px;margin-top:8px}.assign-task-buttons{display:flex;justify-content:flex-end;gap:12px}.assign-task-buttons .confirm-btn{background-color:#28a745;color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:500;font-size:15px;transition:background-color .2s ease,transform .1s ease;box-shadow:0 3px 6px #0000001a}.assign-task-buttons .confirm-btn:hover{background-color:#218838;transform:translateY(-1px)}.assign-task-buttons .cancel-btn{background-color:#f5f5f5;color:#333;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:500;font-size:15px;transition:background-color .2s ease,transform .1s ease;box-shadow:0 3px 6px #0000001a}.assign-task-buttons .cancel-btn:hover{background-color:#e0e0e0;transform:translateY(-1px)}@media (max-width: 600px){.assign-task-content{padding:24px;max-width:95%}.assign-task-content h3{font-size:22px}.assign-task-buttons .confirm-btn,.assign-task-buttons .cancel-btn{padding:10px 20px;font-size:14px}}.task-details-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease-in-out}.task-details-content{background:#fff;padding:24px;border-radius:10px;box-shadow:0 8px 32px #00000026;max-width:750px;width:90%;max-height:95vh;overflow-y:auto;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:slideDown .3s ease-in-out;border:1px solid #e5e7eb}.task-details-close-btn{position:absolute;top:12px;right:12px;background:#f3f4f6;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;color:#4b5563;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.task-details-close-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.task-details-close-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.task-details-content h3{margin:0 0 20px;font-size:24px;font-weight:600;color:#111827;text-align:left;border-bottom:2px solid #3b82f6;padding-bottom:8px}.task-details-content .task-details{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#374151;margin-bottom:20px}.task-details-content .task-details-row{display:flex;align-items:center;justify-content:center;gap:10px;background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;padding:10px;transition:background .2s ease}.task-details-content .task-details-row:hover{background:#f1f5f9}.task-details-content .task-details-field{flex:1;display:flex}.task-details-content .task-details-field strong{font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-details-content .task-details-field span{flex:0 0 55%;text-align:left;word-break:break-word;overflow-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.task-details-content .task-details-table{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.task-details-content .table-header{display:grid;grid-template-columns:1fr 2fr;background-color:#f1f5f9;padding:8px 10px;font-weight:600;color:#111827;border-bottom:1px solid #e5e7eb}.task-details-content .table-row{display:grid;grid-template-columns:1fr 2fr;padding:8px 10px;border-bottom:1px solid #e5e7eb;color:#374151;transition:background .2s ease}.task-details-content .table-row:hover{background:#f1f5f9}.task-details-content .table-row:last-child{border-bottom:none}.task-details-content .table-row .table-label{font-weight:600;color:#111827;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-details-content .table-row .table-value{padding:0 6px;word-break:break-word;overflow-wrap:break-word}.task-details-content .task-details-occurrence{padding:10px 0}.task-details-content .task-details-occurrence strong{font-weight:600;color:#111827;display:block;margin-bottom:10px}.task-details-content .occurrence-table{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.task-details-content .occurrence-table .table-header{display:grid;grid-template-columns:1fr 1fr;background-color:#f1f5f9;padding:8px 10px;font-weight:600;color:#111827;border-bottom:1px solid #e5e7eb}.task-details-content .occurrence-table .table-row{display:grid;grid-template-columns:1fr 1fr;padding:8px 10px;border-bottom:1px solid #e5e7eb;color:#374151;transition:background .2s ease}.task-details-content .occurrence-table .table-row:hover{background:#f1f5f9}.task-details-content .occurrence-table .table-row:last-child{border-bottom:none}.task-details-content .occurrence-table .table-row span{text-align:center;word-break:break-word;overflow-wrap:break-word}.task-details-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.task-details-buttons .close-btn{background-color:#3b82f6;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;box-shadow:0 3px 6px #0000001a}.task-details-buttons .close-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.task-details-buttons .close-btn:focus{outline:2px solid #1d4ed8;outline-offset:2px}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.task-details-content .task-details-row,.task-details-content .task-details-table,.task-details-content .task-details-occurrence{animation:rowFadeIn .3s ease-in-out}@media (max-width: 600px){.task-details-content{padding:16px;max-width:95%;max-height:85vh}.task-details-content h3{font-size:20px;padding-bottom:6px}.task-details-content .task-details{gap:8px;font-size:13px}.task-details-content .task-details-row{flex-direction:column;gap:6px;padding:8px}.task-details-content .task-details-field{flex-direction:column;align-items:flex-start}.task-details-content .task-details-field strong{flex:none;margin-bottom:3px}.task-details-content .task-details-field span{flex:none;text-align:left}.task-details-content .task-details-table{font-size:13px}.task-details-content .table-row{grid-template-columns:1fr 2fr;padding:6px 8px}.task-details-content .table-row span{padding:0 4px}.task-details-content .occurrence-table .table-header,.task-details-content .occurrence-table .table-row{grid-template-columns:1fr 1fr;font-size:13px;padding:6px 8px}.task-details-buttons .close-btn{padding:6px 16px;font-size:13px}.task-details-close-btn{width:24px;height:24px;font-size:14px;top:10px;right:10px}}.task-details-content::-webkit-scrollbar{width:8px}.task-details-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.task-details-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.task-details-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.admin-new-task-container{width:100%;height:100vh;padding-left:15vw;padding-top:70px;display:flex;align-items:flex-start;justify-content:center;background:#f5f7fa;overflow:hidden;font-size:.9rem}.admin-new-task{width:98%;height:98%;background:#f5f7fa;z-index:0}.admin-new-task-search-filter-container{display:flex;gap:20px;align-items:center;justify-content:flex-end;margin-bottom:20px}.admin-new-task-add-button{padding:8px 16px;border-radius:4px;border:none;background:#28a745;color:#fff;font-weight:600;cursor:pointer}.admin-new-task-add-button:hover{opacity:.9}.admin-new-task-search-input{width:300px;padding:8px;border-radius:4px;border:1px solid #e0e0e0}.admin-new-task-filter-select{width:200px;padding:8px;border-radius:4px;border:1px solid #e0e0e0}.admin-new-task-table-scroll-container{width:100%;max-height:90%;min-height:90%;overflow-x:auto;overflow-y:auto;position:relative}.admin-new-task-table{width:100%;min-width:1200px;border-collapse:collapse;background:#fff}.admin-new-task-table th,.admin-new-task-table td{padding:10px 12px;text-align:center;border-bottom:1px solid #e0e0e0;white-space:nowrap;font-weight:500;color:#4a5568;border-collapse:separate;border-spacing:0}.admin-new-task-table th{background:#4a90e2;color:#fff;font-weight:600;position:sticky;top:0;z-index:10;border-collapse:separate;border-spacing:0;border:none}.admin-new-task-table td.admin-new-task-action-column{position:sticky;right:0;background:#fff;z-index:5;min-width:260px;display:flex;align-items:center;justify-content:center}.admin-new-task-table th.admin-new-task-action-column{position:sticky;top:0;right:0;background:#4a90e2;z-index:20;min-width:100%}.admin-new-task-table tr:nth-child(2n) td{background:#f9f9f9}.admin-new-task-table tr:nth-child(2n) td.admin-new-task-action-column{background:#f9f9f9}.admin-new-task-action-btn{margin:0 5px;border-radius:4px;color:#fff}.admin-new-task-view-btn,.admin-new-task-edit-btn,.admin-new-task-delete-btn{padding:6px}.admin-new-task-assign-btn{padding:6px 12px;border:none;background:#28a745;font-size:.8rem;font-weight:500;cursor:pointer}.admin-new-task-action-btn:hover{opacity:.9}.delete-confirmation-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease-in-out}.delete-confirmation-content{background:linear-gradient(145deg,#fff,#f8fafc);padding:32px;border-radius:12px;box-shadow:0 10px 32px #0003;max-width:420px;width:90%;position:relative;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:slideDown .3s ease-in-out}.delete-confirmation-close-btn{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:20px;color:#666;cursor:pointer;transition:color .2s ease}.delete-confirmation-close-btn:hover{color:#dc3545}.delete-confirmation-content h3{margin:0 0 20px;font-size:24px;font-weight:600;color:#1a202c;text-align:left;border-bottom:2px solid #4a90e2;padding-bottom:8px}.delete-confirmation-content p{margin-bottom:24px;font-size:16px;color:#2d3748;line-height:1.5}.delete-confirmation-buttons{display:flex;justify-content:flex-end;gap:12px}.delete-confirmation-buttons .confirm-btn{background-color:#d32f2f;color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:500;font-size:15px;transition:background-color .2s ease,transform .1s ease;box-shadow:0 3px 6px #0000001a}.delete-confirmation-buttons .confirm-btn:hover{background-color:#b71c1c;transform:translateY(-1px)}.delete-confirmation-buttons .cancel-btn{background-color:#f5f5f5;color:#333;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:500;font-size:15px;transition:background-color .2s ease,transform .1s ease;box-shadow:0 3px 6px #0000001a}.delete-confirmation-buttons .cancel-btn:hover{background-color:#e0e0e0;transform:translateY(-1px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.delete-confirmation-content{padding:24px;max-width:95%}.delete-confirmation-content h3{font-size:22px}.delete-confirmation-buttons .confirm-btn,.delete-confirmation-buttons .cancel-btn{padding:10px 20px;font-size:14px}}.admin-manager-container{width:100%;height:100vh;padding-left:15vw;padding-top:70px;display:flex;align-items:start;justify-content:center;background:#f5f7fa}.admin-manager{width:98%;height:100%}.admin-manager-table-container{background:#f5f7fa;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden;position:relative;padding-top:20px}.admin-manager-table-wrapper{overflow-x:auto;height:80vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.admin-manager-table-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00c4ff,#0073ce,#4f46e5);border-radius:15px 15px 0 0}.admin-manager-table{width:max-content;table-layout:fixed;position:relative;min-width:100%;border-collapse:collapse;table-layout:auto}.admin-manager-table-header{position:sticky;top:0;background-color:#f9fafb;z-index:10}.admin-manager-table-th{padding:16px 24px;font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;text-align:center}.admin-manager-table-body{background:#f5f7fa;text-align:center}.admin-manager-table-row{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.admin-manager-table-row:hover{background-color:#f9fafb}.admin-manager-table-td{padding:16px 24px;font-size:14px;color:#374151;white-space:nowrap;max-width:100%}.admin-manager-score{font-weight:600}.admin-manager-score-excellent{color:#059669}.admin-manager-score-good{color:#2563eb}.admin-manager-score-average{color:#d97706}.admin-manager-score-poor{color:#dc2626}.admin-manager-action-buttons{display:flex;align-items:center;justify-content:center;gap:8px}.admin-manager-action-btn{background:none;border:none;padding:4px 8px;cursor:pointer;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;font-weight:500}.admin-manager-edit-btn{background-color:#1976d2;color:#fff;font-size:14px}.admin-manager-edit-btn:hover{background-color:#1176da;color:#fff}.admin-manager-table .admin-manager-table-th:last-child,.admin-manager-table .admin-manager-table-td:last-child{position:sticky;right:0;background-color:#f9fafb;z-index:5;box-shadow:-2px 0 4px #0000000d}.ceo-manager-title-filter-row{display:flex;justify-content:space-between;align-items:center;padding:0 20px 10px;color:#4a5568}.admin-ceo-manager-controls{display:flex;align-items:center;gap:12px}.admin-ceo-manager-search-input,.admin-ceo-manager-filter-select{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#374151}.admin-manager-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;outline:none;padding:7px;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center}.admin-manager-loading,.admin-manager-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#374151}.admin-manager-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.admin-manager-modal{background:#fff;border-radius:12px;padding:24px;width:550px;max-width:95%;box-shadow:0 8px 24px #0003;transform:translateY(0);animation:slideUp .3s ease-out;position:relative}.admin-manager-modal-close-icon{position:absolute;top:16px;right:16px;color:#6b7280;cursor:pointer;font-size:24px;transition:color .2s ease}.admin-manager-modal-close-icon:hover{color:#1f2a44}.admin-manager-modal h2{margin:0 0 24px;font-size:24px;font-weight:600;color:#1f2a44;text-align:center}.admin-manager-modal-form{display:flex;flex-direction:column;gap:20px}.admin-manager-modal-photo-section{display:flex;flex-direction:column;align-items:center;gap:12px}.admin-manager-photo-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;border:2px solid #e5e7eb;transition:border-color .2s ease}.admin-manager-photo-preview img{width:100%;height:100%;object-fit:cover}.admin-manager-photo-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#e5e7eb;color:#6b7280;font-size:14px;font-weight:500;text-align:center}.admin-manager-photo-input{display:none}.admin-manager-photo-upload-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease,transform .2s ease}.admin-manager-photo-upload-btn:hover{background:linear-gradient(135deg,#3b82f6,#6d28d9);transform:translateY(-2px)}.admin-manager-modal-fields{display:flex;flex-direction:column;gap:16px}.admin-manager-modal-field{display:flex;flex-direction:column;gap:8px}.admin-manager-modal-field-row{display:flex;gap:16px}.admin-manager-modal-field-row .admin-manager-modal-field{flex:1}.admin-manager-modal-field label{font-size:14px;font-weight:500;color:#1f2a44}.admin-manager-modal-field input,.admin-manager-modal-field select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2a44;background:#f9fafb;transition:border-color .2s ease,box-shadow .2s ease}.admin-manager-modal-field input:focus,.admin-manager-modal-field select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.admin-manager-password-container{position:relative;display:flex;align-items:center}.admin-manager-password-toggle{position:absolute;right:12px;cursor:pointer;color:#6b7280;transition:color .2s ease}.admin-manager-password-toggle:hover{color:#1f2a44}.admin-manager-modal-buttons{display:flex;justify-content:center;gap:12px;margin-top:10px}.admin-manager-modal-btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease,transform .2s ease}.admin-manager-modal-submit{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.admin-manager-modal-submit:hover{background:linear-gradient(135deg,#3b82f6,#6d28d9);transform:translateY(-2px)}.admin-manager-modal-cancel{background:#e5e7eb;color:#1f2a44}.admin-manager-modal-cancel:hover{background:#d1d5db;transform:translateY(-2px)}.admin-manager-password-error{color:#dc2626;font-size:12px;margin-top:4px;font-weight:400}.admin-manager-delete-modal{width:400px;max-width:90%;padding:20px;text-align:center;background:#fff;border-radius:12px}.admin-manager-delete-modal p{font-size:16px;color:#1f2a44;margin:16px 0}.admin-manager-modal-delete{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.admin-manager-modal-delete:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px)}.ceo-top-bar-container{width:85%;height:70px;display:flex;align-items:center;padding:10px;justify-content:center;position:fixed;top:0;left:50%;transform:translate(-41%);z-index:1}.ceo-top-bar{padding:15px 25px;z-index:1000;width:100%;height:100%;border-radius:12px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);background:#ffffffb8;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.top-bar-left{flex:1}.dashboard-title{margin:0;font-size:1.4rem;font-weight:600;color:#0971ce}.top-bar-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:15px}.add-task-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;padding:7px 20px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #4f46e54d}.add-task-btn:hover{background:linear-gradient(135deg,#4245ff,#8b5cf6);box-shadow:0 6px 20px #4f46e566}.add-icon{font-size:1.2rem!important}.profile-wrapper{cursor:pointer;padding:8px;border-radius:100px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.profile-wrapper:hover{background:#0971ce1a}.profile-info{display:flex;align-items:center;gap:6px}.profile-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:8px}.manager-name{font-size:.9rem;font-weight:500;color:#1f2937}.top-bar-icon{font-size:1.5rem!important;color:#4a5568;transition:all .3s ease}.top-bar-icon:hover{color:#0971ce}.profile-icon{font-size:1.8rem!important}.modal-overlay{position:fixed;inset:0;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-in-out}.custom-modal{width:100%;max-width:520px;background:#fff;border-radius:20px;padding:35px 30px;box-shadow:0 30px 60px #0003;animation:slideUp .3s ease-out;display:flex;flex-direction:column;position:relative}.custom-modal h2{font-size:1.6rem;font-weight:700;color:#1e3a8a;text-align:center;position:relative;margin-bottom:20px}.custom-modal h2:after{content:"";width:60px;height:4px;background-color:#6366f1;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-radius:999px}.custom-modal input,.custom-modal textarea,.custom-modal select{width:100%;padding:12px 16px;font-size:1rem;border:1px solid #d1d5db;border-radius:12px;background-color:#fff;transition:.2s ease;outline:none;box-shadow:inset 0 1px 3px #0000000d;margin-top:6px}.custom-modal input:focus,.custom-modal textarea:focus,.custom-modal select:focus{border-color:#6366f1;background-color:#fff}.custom-modal textarea{resize:vertical;min-height:100px}.custom-modal label{display:flex;align-items:center;gap:8px;font-size:1rem;color:#374151;margin-top:10px}.custom-modal input[type=checkbox]{width:auto;margin-top:0}.profile-edit-modal{width:100%;max-width:900px;background:#fff;border-radius:16px;padding:40px 35px;box-shadow:0 20px 40px #00000026;animation:slideUp .3s ease-out;display:flex;flex-direction:column;position:relative;font-family:Inter,sans-serif}.profile-edit-modal h2{font-size:1.8rem;font-weight:700;color:#1e3a8a;margin-bottom:10px;text-align:center;position:relative}.profile-edit-modal h2:after{content:"";width:70px;height:4px;background-color:#6366f1;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);border-radius:999px}.profile-edit-close-icon{position:absolute;top:20px;right:20px;font-size:2.2rem;color:#6b7280;cursor:pointer;transition:color .2s ease}.profile-edit-close-icon:hover{color:#374151}.profile-edit-image-upload-container{display:flex;flex-direction:column;align-items:center}.profile-edit-image-preview{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb;box-shadow:0 4px 12px #0000001a;margin-bottom:15px;transition:transform .2s ease}.profile-edit-image-preview:hover{transform:scale(1.05)}.profile-edit-upload-btn{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease-in-out;box-shadow:0 4px 12px #6366f14d;margin-bottom:10px}.profile-edit-upload-btn:hover{background:linear-gradient(135deg,#4f46e5,#6d28d9);box-shadow:0 6px 18px #6366f166}.profile-edit-image-upload-input{display:none}.profile-edit-remove-image-btn{background:none;border:none;color:#ef4444;font-size:.85rem;font-weight:500;cursor:pointer;text-decoration:underline;transition:color .2s ease}.profile-edit-remove-image-btn:hover{color:#dc2626}.row{display:flex;gap:15px;margin-bottom:15px}.row.full{margin-bottom:15px}.row.full .field-group{width:100%}.field-group{flex:1;display:flex;flex-direction:column}.profile-fields label{font-size:.95rem;font-weight:500;color:#374151;margin-bottom:8px;display:block}.profile-fields input,.profile-fields select,.profile-fields textarea{width:100%;padding:12px 16px;font-size:1rem;border:1px solid #d1d5db;border-radius:10px;background-color:#fff;transition:all .2s ease;outline:none;box-shadow:inset 0 1px 3px #0000000d;margin-bottom:5px}.profile-fields input:focus,.profile-fields select:focus,.profile-fields textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.profile-fields input:disabled{background-color:#f3f4f6;cursor:not-allowed;color:#6b7280}.change-password-checkbox{display:flex;align-items:center;gap:8px;margin:15px 0}.change-password-checkbox input[type=checkbox]{width:auto;margin:0}.change-password-checkbox label{font-size:.95rem;font-weight:500;color:#374151;cursor:pointer;margin:0}.password-input-wrapper{position:relative;margin-bottom:5px}.password-input{width:100%;padding:12px 45px 12px 16px;font-size:1rem;border:1px solid #d1d5db;border-radius:10px;background-color:#fff;transition:all .2s ease;outline:none;box-shadow:inset 0 1px 3px #0000000d}.password-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;transition:color .2s ease;padding:0}.password-toggle-btn:hover{color:#374151}.profile-edit-modal-actions{display:flex;justify-content:space-between;gap:16px;margin-top:25px}.cancel-btn,.submit-btn{flex:1;padding:12px 20px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .25s ease-in-out}.cancel-btn{background-color:#e5e7eb;color:#374151}.cancel-btn:hover{background-color:#d1d5db}.submit-btn{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;box-shadow:0 4px 12px #6366f14d}.submit-btn:hover{background:linear-gradient(135deg,#4f46e5,#6d28d9);box-shadow:0 6px 18px #6366f166}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:20px}.ceo-logout-dropdown{position:absolute;top:50px;right:1px;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 16px;box-shadow:0 6px 16px #0000001a;z-index:9999;animation:fadeIn .2s ease-in-out;min-width:140px}.ceo-edit-profile-button,.ceo-logout-button{background:none;border:none;color:#374151;font-size:.9rem;font-weight:500;cursor:pointer;width:100%;text-align:center;padding:6px 0;display:flex;align-items:center;justify-content:center;transition:color .2s ease-in-out}.ceo-edit-profile-button:hover{color:#6366f1}.ceo-logout-button:hover{color:#ef4444}.field-error{color:#ef4444;font-size:.85rem;margin-top:-8px;margin-bottom:10px;display:block}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.ceo-top-bar-container{width:95%;height:60px}.ceo-top-bar{padding:10px 15px}.dashboard-title{font-size:1.2rem}.add-task-btn{padding:8px 16px;font-size:.8rem}.top-bar-right{gap:10px}.top-bar-icon{font-size:1.3rem!important}.profile-icon{font-size:1.5rem!important}.manager-name{display:none}.profile-edit-modal{max-width:90%;padding:30px 20px}.profile-edit-image-preview{width:100px;height:100px}.profile-edit-upload-btn{padding:8px 16px;font-size:.85rem}.row{flex-direction:column;gap:10px}.change-password-checkbox{justify-content:flex-start}}.admin-department-container{width:100%;height:100vh;padding-left:15vw;padding-top:70px;display:flex;align-items:start;justify-content:center;background:#f5f7fa}.admin-department{width:98%;height:100%}.admin-department-table-title-div{padding-left:20px;padding-right:20px;color:#4a5568;display:flex;align-items:center;justify-content:space-between}.admin-department-table-container{background:#f5f7fa;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden;position:relative;padding-top:20px}.admin-department-table-wrapper{overflow-x:auto;overflow-y:auto;height:82vh;width:100%;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.admin-department-table-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00c4ff,#0073ce,#4f46e5);border-radius:15px 15px 0 0}.admin-department-table{width:100%;min-width:1200px;border-collapse:collapse;table-layout:auto;position:relative}.admin-department-table-header{position:sticky;top:0;background-color:#f9fafb;z-index:10}.admin-department-table-th,.admin-department-table-td{padding:16px 24px;font-size:14px;text-align:center;word-wrap:break-word;white-space:normal;color:#374151}.admin-department-table-th{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.admin-department-table-body{background:#f5f7fa}.admin-department-table-row{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.admin-department-table-row:hover{background-color:#f9fafb}.task-id-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:500;background-color:#dbeafe;color:#1e40af}.admin-department-score{font-weight:600}.admin-department-score-excellent{color:#059669}.admin-department-score-good{color:#2563eb}.admin-department-score-average{color:#d97706}.admin-department-score-poor{color:#dc2626}.admin-department-action-buttons{display:flex;align-items:center;justify-content:center;gap:8px}.admin-department-action-btn{background:none;border:none;padding:4px 8px;cursor:pointer;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;font-weight:500}.admin-department-edit-btn{background-color:#1976d2;color:#fff;font-size:14px}.admin-department-edit-btn:hover{background-color:#1176da;color:#fff}.admin-department-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.admin-department-modal{background:#fff;padding:24px;border-radius:12px;width:450px;max-width:90%;box-shadow:0 8px 24px #00000026;animation:slideIn .3s ease-out;position:relative}.admin-department-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-department-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.admin-department-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s ease,color .2s ease}.admin-department-modal-close:hover{background-color:#f3f4f6;color:#1f2937}.admin-department-modal-content{margin-bottom:24px}.admin-department-modal-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:8px}.admin-department-modal-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;color:#1f2937;transition:border-color .2s ease,box-shadow .2s ease}.admin-department-modal-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.admin-department-modal-error{color:#dc2626;font-size:.875rem;margin-top:8px}.admin-department-modal-buttons{display:flex;justify-content:flex-end;gap:12px}.admin-department-modal-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.875rem;transition:background-color .2s ease,transform .1s ease}.admin-department-modal-btn:hover{transform:translateY(-1px)}.admin-department-modal-cancel{background-color:#e5e7eb;color:#374151}.admin-department-modal-cancel:hover{background-color:#d1d5db}.admin-department-modal-submit{background-color:#4f46e5;color:#fff}.admin-department-modal-submit:hover{background-color:#4338ca}.admin-department-modal-submit:disabled,.admin-department-modal-cancel:disabled{background-color:#a5b4fc;cursor:not-allowed}@media (max-width: 768px){.admin-department-table-th,.admin-department-table-td{padding:12px 16px}.task-id-badge{max-width:150px}.admin-department-modal{width:90%}}@media (max-width: 640px){.admin-department-table-th,.admin-department-table-td{padding:8px 12px;font-size:12px}.task-id-badge{max-width:120px}}@media (max-width: 480px){.admin-department-table-th:nth-child(3),.admin-department-table-td:nth-child(3){display:none}}.admin-department-table .admin-department-table-th:last-child,.admin-department-table .admin-department-table-td:last-child{position:sticky;right:0;background-color:#f9fafb;z-index:5;box-shadow:-2px 0 4px #0000000d}.admin-department-add-Department-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;padding:7px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4f46e54d;display:flex;align-items:center;justify-content:center}.admin-department-add-Department-btn:hover{background:linear-gradient(135deg,#4245ff,#8b5cf6);box-shadow:0 6px 20px #4f46e566}.ceo-vision-container{width:100%;min-height:100vh;padding-left:17vw;padding-top:70px;padding-right:2vw;padding-bottom:50px;display:flex;align-items:start;justify-content:center;background:#f5f6fa}.ceo-vision{width:100%;height:100%}.vision-controls{display:flex;justify-content:flex-end;margin-bottom:20px}.top-right-btn{padding:8px 16px}.vision-header{text-align:center;margin-bottom:40px}.vision-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:10px;font-weight:700}.vision-header p{font-size:1.1rem;color:#7f8c8d;margin:0}.vision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:10px;padding:0;justify-content:center}.vision-card{background:#f5f6fa;border-radius:12px;padding:20px 20px 11px;box-shadow:0 4px 6px #00000012;border:1px solid #e1e8ed;transition:transform .2s ease,box-shadow .2s ease}.vision-card:hover{transform:translateY(-1px);box-shadow:0 8px 25px #00000026}.vision-card-header{margin-bottom:20px}.vision-card-header h3{font-size:1.4rem;color:#4a5568;margin-bottom:15px;font-weight:600}.progress-container{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:8px;background:#ecf0f1;border-radius:4px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease;border-radius:4px}.progress-text{font-weight:600;font-size:.9rem;color:#2c3e50;min-width:40px}.vision-description{margin-bottom:25px}.vision-description p{color:#5d6d7e;font-size:.95rem;line-height:1.5;margin:0}.created-date{color:#7f8c8d;font-style:italic}.vision-stats{display:flex;justify-content:space-around;border-top:1px solid #ecf0f1}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:1.5rem;font-weight:700;color:#2c3e50}.stat-label{font-size:.8rem;color:#7f8c8d;text-transform:uppercase;font-weight:600}.vision-task-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.vision-task-modal-content{background:#fff;padding:30px;border-radius:12px;max-width:95%;position:relative;box-shadow:0 10px 30px #0003;animation:slideIn .3s ease-in-out}.tasks-modal-content{width:90%;max-width:95vw;max-height:80vh;overflow-y:auto;padding:20px}.tasks-loading,.no-tasks{text-align:center;padding:40px;color:#7f8c8d;font-size:1.1rem}.no-visions{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#7f8c8d;background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;border:1px solid #e1e8ed}.no-visions h3{font-size:1.5rem;color:#4a5568;margin-bottom:10px;font-weight:600}.no-visions p{font-size:1rem;margin:0}.tasks-table-container{margin-top:20px;overflow-x:auto}.tasks-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.tasks-table th,.tasks-table td{padding:12px;text-align:center;border-bottom:1px solid #ecf0f1}.tasks-table th{background:#f8fafc;font-weight:600;color:#2c3e50;text-transform:uppercase;font-size:.85rem}.tasks-table tr:hover{background:#f8fafc}.status-badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404}.status-in-progress{background:#cce5ff;color:#004085}.status-completed{background:#d4edda;color:#155724}.modal-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;transition:color .2s ease}.modal-close-btn:hover{color:#2c3e50}.modal-content h2{margin-bottom:25px;color:#2c3e50;font-size:1.8rem;font-weight:600;text-align:center}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:10px;color:#2c3e50;font-weight:500;font-size:1rem}.modal-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.modal-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.modal-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.cancel-btn{padding:10px 20px;background:#e5e7eb;border:none;color:#374151;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s ease,transform .1s ease}.cancel-btn:hover{background:#d1d5db;transform:translateY(-1px)}.ceo-admin-vision-board-view-task-btn-div{display:flex;align-items:center;justify-content:center;width:100%;padding-top:10px}.ceo-admin-vision-board-view-task-btn{padding:10px 20px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;outline:none;color:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:transform .1s ease,box-shadow .2s ease}.ceo-admin-vision-board-view-task-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1200px){.ceo-vision-container{padding-left:10vw;padding-right:5vw}.vision-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 768px){.ceo-vision-container{padding-left:5vw;padding-right:5vw;padding-top:30px}.vision-header h1{font-size:2rem}.vision-grid{grid-template-columns:1fr;gap:20px}.vision-card{padding:20px}.tasks-modal-content{width:95%;padding:15px}.tasks-table th,.tasks-table td{padding:8px;font-size:.9rem}.tasks-table{font-size:.9rem}.no-visions{padding:40px 15px}.no-visions h3{font-size:1.3rem}}@media (max-width: 480px){.vision-card-header h3{font-size:1.2rem}.vision-stats{flex-direction:column;gap:15px}.stat{flex-direction:row;justify-content:space-between;padding:0 10px}.modal-content{width:90%;padding:20px}.vision-controls{padding-right:10px}.modal-content h2{font-size:1.5rem}.modal-input{padding:10px}.cancel-btn,.ceo-admin-vision-board-view-task-btn{padding:8px 15px}.tasks-table th,.tasks-table td{padding:6px;font-size:.8rem}.status-badge{padding:2px 6px;font-size:.7rem}.no-visions{padding:30px 10px}.no-visions h3{font-size:1.2rem}.no-visions p{font-size:.95rem}}.modal-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;resize:vertical;min-height:100px;transition:border-color .2s ease,box-shadow .2s ease}.modal-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.admin-running-task-container{width:100%;height:100vh;padding-left:15vw;padding-top:70px;display:flex;align-items:flex-start;justify-content:center;background:#f5f7fa;overflow:hidden;font-size:.9rem}.admin-running-task{width:98%;height:98%;background:#f5f7fa}.admin-running-task-search-filter-container{display:flex;gap:20px;align-items:center;justify-content:flex-end;margin-bottom:20px}.admin-running-task-search-input{width:300px;padding:8px;border-radius:4px;border:1px solid #e0e0e0}.admin-running-task-filter-select{width:200px;padding:8px;border-radius:4px;border:1px solid #e0e0e0}.admin-running-task-table-scroll-container{width:100%;max-height:90%;min-height:90%;overflow-x:auto;overflow-y:auto;position:relative;z-index:0}.admin-running-task-table{width:100%;min-width:1200px;border-collapse:collapse;background:#fff}.admin-running-task-table th,.admin-running-task-table td{padding:10px 12px;text-align:center;border-bottom:1px solid #e0e0e0;white-space:nowrap;font-weight:500;color:#4a5568;border-collapse:separate;border-spacing:0}.admin-running-task-table th{background:#4a90e2;color:#fff;font-weight:600;position:sticky;top:0;z-index:10;border-collapse:separate;border-spacing:0;border:none}.admin-running-task-table td.admin-running-task-action-column{position:sticky;right:0;background:#fff;z-index:5;min-width:80px;display:flex;align-items:center;justify-content:center}.admin-running-task-table th.admin-running-task-action-column{position:sticky;top:0;right:0;background:#4a90e2;z-index:20;min-width:80px}.admin-running-task-table tr:nth-child(2n) td{background:#f9f9f9}.admin-running-task-table tr:nth-child(2n) td.admin-running-task-action-column{background:#f9f9f9}.admin-running-task-action-btn{margin:0 5px;padding:6px;border-radius:4px;color:#fff}.admin-running-task-view-btn{background:#28a745}.admin-running-task-action-btn:hover{opacity:.9}@media (max-width: 600px){.admin-running-task-search-input,.admin-running-task-filter-select{width:100%}.admin-running-task-search-filter-container{flex-direction:column;align-items:flex-start}}