*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,Helvetica,Arial,sans-serif}html,body,#root{height:100%;font-family:Open Sans,Helvetica,Arial,sans-serif;background-color:"#F9F9F9";overflow-x:hidden;overflow-y:auto}.ant-layout{min-height:100vh}.ant-card .ant-card-body{padding:14px}.component-button{padding:20px 30px;font-size:14px;font-weight:600;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;transition:background .3s ease-in-out,transform .3s ease-in-out}.component-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;color:#fff!important;transform:translateY(-2px)}.clear-button{padding:20px 30px;font-size:14px;font-weight:600;border-radius:10px;background-color:#e91f1b;border:none;color:#fff;transition:background .3s ease-in-out,transform .3s ease-in-out}.clear-button:hover{background-color:#920400!important;color:#fff!important;transform:translateY(-2px)}.edit-circle{background:#232d6b;width:40px;height:40px;border-radius:50%}.edit-circle:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important}.delete-circle{background-color:#e91f1b!important;width:40px;height:40px;border-radius:50%}.delete-circle:hover{background-color:#920400!important}.inner-circle{width:50px;height:50px;border-radius:50%;background-color:#00a1d1;display:flex;justify-content:center;align-items:center;transition:box-shadow .3s ease}.ant-card .ant-card-head{padding:0!important;justify-content:flex-start;margin-bottom:5px}.ant-select-multiple .ant-select-selector{padding:8px!important;min-height:40px;max-height:70px;overflow-y:auto}.ant-table-column-sorter-up.active,.ant-table-column-sorter-down.active{color:#fff!important}.asset-list .ant-table-thead>tr>th{padding-top:4px!important;padding-bottom:4px!important;height:32px!important;line-height:20px!important;font-size:13px;background-color:#00a1d1!important;color:#fff!important;text-align:center}.asset-list .ant-table-tbody>tr>td{padding-top:6px!important;padding-bottom:6px!important;font-size:13px;text-align:center}.selected-row td{background-color:#e6f7ff!important}.dynamic-width-modal .ant-modal{display:inline-block;width:auto!important;max-width:90vw}.dynamic-width-modal .ant-modal-content{display:inline-block}.component-button:disabled,.component-button[disabled]{background:#f5f5f5!important;color:#ccc!important;cursor:not-allowed;transform:none!important;box-shadow:none!important}.component-button:disabled:hover,.component-button[disabled]:hover{background:#f5f5f5!important;color:#ccc!important;transform:none!important}.approved-table .ant-table-thead>tr>th{background-color:#009dcc;color:#fff;font-weight:600;text-align:center}.approved-table .ant-table-cell{text-align:center}.dashboard-container{padding:10px}.dashboard-container .dashboard-card.ant-card .ant-card-body{padding:18px}.dashboard-card{border-radius:12px;padding:18px;min-height:180px;display:flex;flex-direction:column;justify-content:center;cursor:pointer}.card-title{font-size:18px;font-weight:600;margin-bottom:12px}.card-amount{font-size:28px;font-weight:700;margin-bottom:8px}.card-change{font-size:14px;color:#f5efef}.gradient-blue{background:linear-gradient(to right bottom,#3ad1be,#31cdc1,#29c8c3,#24c4c5,#22bfc6,#16bbc8,#0cb6ca,#07b2cb,#00adce,#00a7cf,#00a2d1,#109cd1);color:#fff}.gradient-orange{background:linear-gradient(to right bottom,#ff8760,#ff8465,#ff826a,#ff806f,#ff7e74,#ff7b79,#ff787f,#ff7684,#ff728b,#ff6f93,#ff6c9c,#ff6aa5);color:#fff}.gradient-purple{background:linear-gradient(to right bottom,#ee6fec,#e46ded,#da6cef,#d06bf0,#c56af1,#bc69f2,#b368f3,#aa67f4,#a166f5,#9765f7,#8c65f8,#8164f9);color:#fff}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.main-icon-wrapper{position:absolute;right:10px;bottom:0;font-size:100px;opacity:.1;pointer-events:none;z-index:0;line-height:1}.gradient-green{background:linear-gradient(to right bottom,#23d5ab,#20d1a8,#1dcca4,#1ac8a1,#17c49d,#15bf97,#13bb92,#11b68c,#0fb084,#0da97c,#0ba374,#0a9c6b);color:#fff}.ant-layout-sider .ant-menu{border-inline-end:none!important}.logo{display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:25px}.circle{width:70px;height:70px;border-radius:50%;background-color:#00a1d1;box-shadow:6px 6px 10px #0000004d,-6px -6px 10px #fff3;display:flex;justify-content:center;align-items:center;transition:box-shadow .3s ease}.circle:hover{box-shadow:8px 8px 15px #0006,-8px -8px 15px #ffffff4d}.circle img{width:40px;height:40px;object-fit:contain}.logo h2{font-weight:700;font-size:2rem;margin:0;-webkit-user-select:none;user-select:none}.logo.collapsed{justify-content:center}.logo.collapsed h2{display:none}.logo.collapsed .circle{width:60px;height:60px}.logo.collapsed .circle img{width:30px;height:30px}.logo.collapsed img{width:70px;height:30px;object-fit:contain}.custom-menu .ant-menu-item,.custom-menu .ant-menu-submenu-title{display:flex;align-items:center;gap:8px;padding:12px 20px!important;margin:6px 7px;border-radius:50px;font-size:16px;transition:background .3s ease;color:#fff!important}.ant-menu-item:not(.ant-menu-item-selected):hover{background-color:#ffffff1a!important;border-radius:50px!important}.ant-menu-light .ant-menu-item-selected{background-color:#232d6b!important;color:#fff!important;border-radius:50px!important}.ant-menu-submenu .ant-menu-item{color:#fff!important;font-size:14px;border-radius:12px;gap:3px;margin:2px 13px}.ant-menu-submenu .ant-menu-item:hover{background-color:#ffffff14!important}.menu-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Segoe UI,sans-serif}.icon-box{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.header{display:flex;justify-content:space-between;align-items:center}.better-search .ant-input{height:45px;padding:0 16px;font-size:16px;border:none!important;outline:none;box-shadow:none;border-radius:12px 0 0 12px;display:flex;justify-content:center;align-items:center}.better-search .ant-input:focus{box-shadow:none}.better-search .ant-btn{height:45px;border-radius:0 12px 12px 0;background-color:#00a1d1;color:#fff;font-weight:500;border:none;transition:background-color .3s ease}.better-search .ant-btn:hover{background-color:#0fc7da}.better-search .ant-input-search-button .anticon{font-size:20px!important}.ant-btn:hover .header-inner{background-color:#089baa}.header-inner{display:flex;justify-content:center;align-items:center}.ant-btn.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover{background-color:#31cdc1}.profile{background-color:#00a1d1}.profile-container{display:flex;justify-content:space-evenly;align-items:center;gap:6px}.profile-container-box{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:6px}.profile-container-box h2{margin-bottom:-44px;font-size:18px}.profile-container-box p{color:#4f4c4c}@media (min-width: 768px) and (max-width: 1024px){.profile-container-box h2{margin-bottom:-27px;font-size:13px;line-height:21px}}.card-hover-effect{position:relative;overflow:hidden;transition:transform .3s ease-in-out}.card-hover-effect:before{content:"";position:absolute;width:150%;height:150%;background:linear-gradient(135deg,#ff009666,#0cf6);top:100%;left:-50%;transform:rotate(0);transition:all .4s ease-in-out;z-index:1}.card-hover-effect:hover:before{top:-50%;left:-50%}.card-hover-effect .ant-card-body,.card-hover-effect .ant-card-meta{position:relative;z-index:2}.card-hover-effect:hover .meta-name .ant-card-meta-title{color:#fff}.ant-card .ant-card-meta-title{font-size:18px}.ant-modal-title{font-size:24px!important;font-weight:700}.custom-close-icon{font-size:30px;line-height:1;cursor:pointer}.custom-dropdown-menu{min-width:160px!important}.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub:not([class*=-active]){background-color:#344485!important;color:#fff!important;z-index:1000;border-radius:4px;border:1px solid #2c3e50;width:5px}.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub:not([class*=-active]) .ant-menu-item{color:#fff!important}.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub:not([class*=-active]) .ant-menu-item:hover{background-color:#3e508b!important}.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub .ant-menu-item a{color:#fff!important}.global-search-input{width:500px;height:40px;background-color:#fff;color:#555;font-weight:400;border:1.5px solid rgb(207,232,252);border-radius:10px;padding:12px 16px;font-size:15px;box-shadow:#00a1d11a 0 2px 4px;outline:none;transition:.2s ease}.global-search-input:focus{border-color:#00a1d1;box-shadow:#00a1d133 0 2px 6px}.login-wrapper{position:relative;width:100vw;height:100vh;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center;overflow:hidden}.background-image{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://intranet.teamcomputers.com/print-track/assets/final-bg-C3brguo1.png);background-size:cover;background-position:center;z-index:-1;filter:brightness(.8);min-height:100vh}.login-card{display:flex;width:90%;max-width:1000px;height:80%;max-height:500px;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0003;z-index:2}.login-left{flex:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;color:#fff;padding:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-left-img{display:flex;flex-direction:column;margin-bottom:8px}.login-left-img img{width:400px}.login-left h1{font-size:30px;font-weight:700;margin:0 0 20px}.login-left p{font-size:14px;margin-top:auto;color:#fffc}.login-right{flex:1;background:#f4f6fa;padding:10px 40px;margin-top:-20px;display:flex;flex-direction:column;justify-content:center;position:relative}.form-footer{display:flex;justify-content:space-between;align-items:center;margin:10px 0 20px}.forgot{font-size:12px;color:#8000d7}.login-buttons{display:flex;gap:15px;justify-content:center}.form-title{text-align:center;font-size:28px;font-weight:700;margin-bottom:15px;color:#8000d7}.form-label{font-size:15px;font-weight:600;color:#333}.custom-input{font-size:16px;height:52px;padding:10px 14px;border:3px solid transparent;border-radius:10px;background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;background-clip:padding-box,border-box;animation:borderPulse 6s ease infinite;transition:box-shadow .3s ease,background-image .3s ease;outline:none}.custom-input:hover,.custom-input:focus .custom-input.ant-input-outlined:focus-within{animation:borderPulse 2s ease infinite!important;box-shadow:0 0 10px #667eea80!important;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#667eea,#764ba2)!important}.custom-input:focus{background-color:#fff;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;background-clip:padding-box,border-box;animation:borderGlow 2s linear infinite}@keyframes borderGlow{0%{background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#667eea,#764ba2)}50%{background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#764ba2,#667eea)}to{background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#667eea,#764ba2)}}.custom-button{width:66%;padding:22px 0;font-size:16px;font-weight:600;margin-top:15px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;transition:background .3s ease,transform .3 ease-in-out}.custom-button:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important;transform:translateY(-2px)}.form.ant-form{padding:0 30px!important}.team-logo{text-align:center}.login-bg-footer{position:absolute;bottom:20px;width:100%;text-align:center;font-size:13px;color:#fff;z-index:2}.login-bg-footer a{color:#fff;text-decoration:none;margin:0 8px}.login-bg-footer a:hover{text-decoration:underline}.bg-left-logo{position:absolute;top:20px;right:0;z-index:2;text-align:right}.bg-left-logo img{width:150px;height:auto;text-align:right}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{width:40px;height:40px;border:5px solid lightgray;border-top:5px solid #00a1d1;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;top:20px;right:20px;padding:14px 24px;border-radius:8px;color:#fff;z-index:10000;font-weight:700;box-shadow:0 2px 8px #0003;animation:fadeIn .5s ease}.toast.success{background-color:#28a745}.toast.error{background-color:#dc3545}.toast.info{background-color:#17a2b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
