.logo-img{width:50px;height:50px;object-fit:contain;margin-left:20px;margin-top:0}.menu-logo-debug{width:30px!important;height:30px!important;padding:10px!important}.logo-container{display:flex;align-items:center;gap:10px;padding-top:10px}.sidebar-info-row{display:flex;flex-direction:column;gap:4px;padding:6px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px}.info-item{background-color:#fff;padding:4px 6px}.info-item strong{margin-right:6px}html,body{height:100%;margin:0;padding:0}.dashboard-container{display:flex;height:100vh;padding:10px 0;box-sizing:border-box}.sidebar{width:50px;background-color:#fff;overflow-y:auto}.sidebar-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.sidebar.open{width:250px}.side{flex:1;background-color:#f4f4f4;padding:10px}.sidebar-menu{list-style:none;padding:0;margin:0}.parent-item{display:flex;align-items:center;padding:10px;cursor:pointer}.sidebar-initials{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#ccc;border-radius:50%;font-weight:700;font-size:16px;color:#000;margin-right:10px}.submenu{list-style:none;padding-left:15px;margin-top:5px;display:none;transition:all .3s ease-in-out}.menu-item:hover .submenu{display:block}.submenu-item{padding:8px 15px;margin:5px 0;display:block;border-radius:5px}.submenu-item:hover{background:#ff7b311f}.sidebar.closed .full-name{display:none}.sidebar.closed .sidebar-initials{display:flex}.content{flex-grow:1;width:100%;margin:0;padding:20px;background-color:#f4f4f4;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.header{position:fixed;top:20px;left:0;height:15px;width:100%;background:#fff;display:flex;align-items:center;padding:0 20px;z-index:800;box-shadow:0 2px 4px #0000001a}.header-title{font-size:20px;font-weight:700;cursor:pointer}.header-center{flex:2;display:flex;justify-content:flex-end;padding:0}.search-container{display:flex;align-items:center;position:relative}.search-bar{padding:8px 35px 8px 10px;border-radius:5px;border:1px solid #ccc;font-size:14px;width:100%}.search-icon{position:absolute;right:10%;top:50%;transform:translateY(-50%);font-size:16px;color:#888}.notification-icon,.profile-icon{font-size:20px;margin-left:20px;position:relative;cursor:pointer}@media(max-width:600px){.header{flex-direction:column;padding:5vw 10vw}.header-left,.header-center,.header-right{flex-direction:column;gap:20px;margin-bottom:20px;display:flex}.logo-img{height:10vh}.header-title{font-size:4vw;text-align:center}.search-container{width:100%;margin-top:2vh}.header-filters{display:flex;flex-direction:column;gap:4vh;align-items:flex-start;justify-content:flex-start;margin-top:0}.custom-dropdown{width:80%}.header-right{gap:2vw}.dropdown{font-size:2vw}}@media(max-width:1024px){.search-bar{width:180px}}@media(max-width:768px){.sidebar{width:60px}.sidebar.open{width:200px}.content{margin-left:60px;padding-top:40px}.sidebar.open~.content{margin-left:100px}.search-bar{width:150px}}@media(max-width:480px){.sidebar{width:0;padding:0}.sidebar.open{width:180px;padding:15px}.content{margin-left:0;padding-top:40px;width:100%}.search-bar{width:100%}}.summary-box-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin:1rem 0;padding:10px}.summary-box{background-color:#fff;border-radius:12px;flex:1;min-width:150px;padding:1rem;text-align:center;font-weight:700;box-shadow:0 2px 8px #a893931a}.summary-box span{display:block;margin-top:.5rem;font-size:2.5rem;color:#ff7b31}.customer-section{border-top:1px solid #ccc;margin-top:20px;padding-top:15px;margin-left:10px}.section-separator{border:none;border-top:2px solid #0a0808;margin:20px 0}.form-section{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;margin-left:15px}.form-line{display:flex;align-items:center;gap:10px}.form-section label{font-weight:500;min-width:80px}.blank-data-container{margin-top:10px;display:flex;flex-direction:column;gap:10px;margin-left:10px}.data-item{display:flex;align-items:center;gap:10px}.blank-box{width:50px;height:30px;border:1px dashed #999;border-radius:5px}.header-filters{display:flex;gap:50px;margin:50px 250px;padding:0 20px;align-items:center;justify-content:flex-start;width:100%;position:absolute;top:0;left:0;z-index:1000}.custom-dropdown{position:relative;display:inline-block;width:200px;margin:0 10px}.custom-dropdown select.dropdown{width:100%;padding:8px 30px 8px 10px;border:1px solid #ccc;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff}.custom-dropdown .dropdown-icon-box{position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;font-size:12px;color:#555}.dropdown{padding:8px 35px 8px 10px;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;font-size:16px;min-width:180px;height:40px;border:1px solid #ccc;box-shadow:0 2px 6px #0000001a}.dropdown-icon-box{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:16px;color:#888}.dropdown-icon{color:#030303;font-size:14px}.header-container{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#f4f4f4;border-bottom:1px solid #ccc}.header-left,.header-center,.header-right{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:20px}.header-center{margin-left:auto;display:flex;justify-content:flex-end;align-items:center}.header-left{display:flex;align-items:center;gap:20px;flex:1;justify-content:flex-end}.dropdown-menu{position:absolute;top:40px;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px;min-width:160px;box-shadow:0 4px 10px #0000001a;z-index:10}.notification-dropdown,.profile-dropdown{position:absolute;top:30px;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px;min-width:160px;box-shadow:0 4px 10px #0000001a;z-index:10}.dropdown-menu div{padding:8px;cursor:pointer}.dropdown-menu div:hover{background-color:#f0f0f0}.bottom-buttons{position:fixed;bottom:0;font-size:18px;width:100%;margin-top:20px;padding:16px;display:flex;justify-content:center;gap:40px}.btn{padding:12px 28px;font-size:16px;border:none;color:#fff;min-width:120px;border-radius:5px;cursor:pointer}.submit{background-color:orange}.save{background-color:#fff;color:#0a0808;border:1px solid black}.discard{background-color:#ef4444}.outer-white-container{background-color:#fff;padding:20px;border-radius:12px;margin:5px 8px;width:97%;height:55%;box-shadow:0 4px 12px #0000001a;overflow:hidden}.data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px 0px;font-family:Roboto,sans-serif}.data-item{display:flex;align-items:center;padding:20px 22px;border-radius:8px;font-weight:500;font-size:16px;color:#333}.data-item span{flex-shrink:0}.blank-box{width:100px;height:40px;background-color:#e0e0e0;border-radius:5px}.text{font-size:large;font-weight:700}.page{padding:5px;font-family:Segoe UI,sans-serif;width:100%;min-height:100vh;overflow-x:hidden}.addemp-container{background-color:#fff;padding:20px;margin:10px 10px 250px;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:100%}.addemp-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 40px;font-family:Roboto,sans-serif}.addemp-data-item{display:flex;align-items:center;justify-content:flex-start;font-weight:500;font-size:16px;color:#333;min-width:320px;width:100%}.addemp-data-item span{font-weight:600;margin-right:10px;white-space:nowrap;min-width:150px;display:inline-block;text-align:left;color:#ff7b31}.addemp-data-item .text{padding:10px 12px;border:none;flex-grow:1;margin-left:10px;font-size:15px;transition:all .3s ease}.addemp-data-item .text:focus{border-bottom:2px solid #ff7b31;outline:none;background-color:#fff8f3}.addemp-data-item .text.error{border-bottom:2px solid red;background-color:#fff5f5}input,select,textarea{transition:all .2s ease-in-out}.addemp-error-msg{color:red;font-size:.8rem}.addemp-server-error{color:red;text-align:center;margin:1rem 0}.search-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;background:#fff;padding:15px;border-radius:6px;box-shadow:0 1px 5px #0000001a}.input-group{display:flex;flex-direction:column;flex:1 1 200px;max-width:400px}.input-group input{padding:6px 8px;border:1px solid #ccc;border-radius:4px;margin-top:5px;font-size:14px}.table-wrapper{width:100%;height:83vh;overflow-y:auto;overflow-x:hidden;background-color:#fff;border-radius:8px;box-shadow:0 1px 5px #0000001a;padding-right:5px}.table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px;background-color:#fff;border-radius:8px;overflow:hidden}.table th{background:#ff7b31;color:#fff;padding:8px;text-align:left;font-weight:700}.table td{padding:8px;border-bottom:1px solid #eee;word-wrap:break-word;transition:background-color .3s ease}.table tbody tr:hover{background-color:#ffe8db;cursor:pointer}.row-even{background-color:#fff4ec}.row-odd{background-color:#fff}.edit-button{background-color:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:5px;cursor:pointer;transition:background .3s ease-in-out}.edit-button:hover{background-color:#0056b3}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.entry-info{padding-left:15px}.modal-content{background:#fff;padding:20px;border-radius:10px;width:50%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 10px #0000004d;position:relative;display:flex;flex-direction:column;align-items:center}.modal-field{margin-bottom:10px}.modal-field label{display:inline-block;width:150px;font-weight:700;margin-bottom:0}.modal-field input{white-space:normal;overflow-wrap:anywhere;width:100%;min-width:150px;max-width:100%;padding:8px;border:1px solid #9d7878;border-radius:5px}.save-button,.cancel-button{border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-weight:700;transition:.3s ease-in-out;margin-top:10px}.save-button{background-color:#28a745;color:#fff}.save-button:hover{background-color:#218838}.cancel-button{background-color:#dc3545;color:#fff;margin-left:10px}.cancel-button:hover{background-color:#c82333}.heading{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:0;padding-left:50px}.table-container{width:100%;height:calc(100vh - 100px);overflow-y:auto;border:2px solid #10110e;border-radius:8px;padding-top:0;display:flex;justify-content:center;align-items:flex-start;overflow-x:auto}.employee-table{width:100%;border-collapse:collapse;table-layout:fixed}.employee-table thead{position:sticky;top:0;background-color:#efbd08;color:#131010;z-index:10;box-shadow:0 2px 4px #0000001a}.employee-table th,.employee-table td{padding:10px;border:1px solid #404142;text-align:center;white-space:normal;overflow:hidden;text-overflow:clip;vertical-align:middle;min-width:120px;word-break:keep-all;overflow-wrap:anywhere;max-width:200px;word-break:break-word;overflow-wrap:break-word}.employee-table td[data-type=number]{white-space:nowrap;word-break:normal;overflow-wrap:normal}.employee-table tbody tr:hover{background-color:#007bff33;transition:background-color .3s ease}@media(max-width:600px){.modal-content{width:90%;max-height:70vh}.employee-table th,.employee-table td{max-width:120px}}.headline{font-size:2rem;font-weight:700;text-align:center;background-color:#f4b400;padding:20px;color:#000;text-transform:uppercase}.container{padding:20px;margin-bottom:100px;scrollbar-width:thin;scrollbar-color:#888 #f4f4f4}.container::-webkit-scrollbar{width:10px;position:absolute;right:0}.container::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;transition:all .3s ease-in-out}.container::-webkit-scrollbar-thumb:hover{background-color:#555}.container::-webkit-scrollbar-track{background-color:#f4f4f4}.chart-container{display:flex;justify-content:center;flex-wrap:wrap;margin-top:40px;gap:20px;margin-bottom:100px}.chart-container canvas{width:500px!important;height:500px!important;max-width:100%}.box-container{display:flex;justify-content:center;flex-wrap:wrap;gap:80px;margin-top:10px}.box{width:180px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:3px 3px 5px #0003;border:2px solid #ddd}.top-half{height:60%;width:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;font-weight:700;font-size:16px}.bottom-half{height:40%;width:100%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.box-logo{width:auto;height:auto;max-height:80px;object-fit:auto;display:block;margin:0 auto}.altius .box-logo{width:150px;height:100px}.ats .bottom-half{background-color:#ed6826}.airtel .bottom-half{background-color:#fe0000}.altius .bottom-half{background-color:#012060}.bsnl .bottom-half{background-color:#4f95d9}.indus .bottom-half{background-color:#008a00}.jio .bottom-half{background-color:#012e8b}.region-container{margin-top:30px;width:1600px;max-width:1600px;text-align:center;padding:20px;background-color:#f4f4f4;border:3px solid black;border-radius:8px;box-shadow:3px 3px 5px #0003;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.region-title{font-size:1.5rem;font-weight:700;padding-left:15px;text-align:left}.region-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:45px;padding:auto;margin:auto}.region-box{width:80px;height:40px;background-color:green;color:#fff;border:2px solid black;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border-radius:20px;box-shadow:2px 2px 4px #0000001a}.chart-section{display:flex;justify-content:center;flex-wrap:wrap;margin-top:40px;gap:20px}.chart-container{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.pie-chart{position:relative;display:flex;flex-direction:column;align-items:center;width:300px;margin:40px}.chart-wrapper{position:relative;width:100%;height:300px}.chart-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;font-weight:700;text-align:center}.job-roles{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;padding:10px;text-align:center}.role-label{color:#000;font-size:12px;font-weight:700;padding:4px 8px;background-color:#f8f8f8;border-radius:5px;margin:2px;max-width:90%;white-space:normal;overflow-wrap:break-word}.chart-wrapper canvas{width:100%!important;height:100%!important}.job-roles{margin-top:10px;text-align:center}.container{width:90%;margin:auto;padding:20px}.title{text-align:center;font-size:24px;margin-bottom:20px}.expense-form-table{width:100%;border-collapse:collapse;margin-bottom:20px}.expense-form-table td{padding:10px}.expense-form-table input,.expense-form-table select{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.add-btn{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;cursor:pointer;border-radius:4px}.add-btn:hover{background-color:#0056b3}.sub-title{text-align:center;font-size:20px;margin-top:20px}.expense-table{width:100%;border-collapse:collapse;margin-top:20px}.expense-table th,.expense-table td{border:1px solid #ddd;padding:10px;text-align:left}.expense-table th{background-color:#f4f4f4}.status{font-weight:700;text-transform:capitalize}.status.pending{color:orange}.status.approved{color:green}.status.rejected{color:red}.approve-btn,.reject-btn{padding:6px 12px;border:none;cursor:pointer;border-radius:4px;margin-right:5px}.approve-btn{background-color:#28a745;color:#fff}.approve-btn:hover{background-color:#218838}.reject-btn{background-color:#dc3545;color:#fff}.reject-btn:hover{background-color:#c82333}.report-page{background-color:#fff;padding:30px;margin:20px;border-radius:12px;box-shadow:0 4px 12px #00000014;font-family:Segoe UI,sans-serif}.report-page h2{color:#ff7b31;font-size:24px;font-weight:700;margin-bottom:20px}.report-filter{margin:10px 0;font-size:16px;color:#333}.report-filter strong{color:#ff7b31}.report-download-btn{margin-top:30px;padding:12px 24px;background-color:#ff7b31;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:background-color .3s ease,box-shadow .2s ease}.report-download-btn:hover{background-color:#e86d24;box-shadow:0 2px 8px #ff7b3166}.add-budget-container{padding:20px;font-family:Arial,sans-serif}.add-budget-heading{font-size:24px;color:#333;font-weight:700;margin-bottom:20px}.add-budget-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.add-budget-table th,.add-budget-table td{padding:12px 16px;text-align:left;transition:background-color .3s ease}.add-budget-table th{background-color:#ff7b31;color:#fff;font-weight:700}.add-budget-table tbody tr:nth-child(2n){background-color:#fff4ec}.add-budget-table tbody tr:nth-child(odd){background-color:#fff}.add-budget-table tbody tr:hover{background-color:#ffe0cc;cursor:pointer}.add-budget-table td{color:#333}.add-budget-table td[colspan="3"]{text-align:center;color:#888;font-style:italic}