.asset-assignment-page{padding:24px;background:#fff;font-family:Inter,sans-serif}.asset-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.asset-title{font-weight:600;font-size:24px;line-height:36px;color:#111827;margin:0}.asset-subtitle{font-weight:400;font-size:14px;line-height:21px;color:#6b7280;margin-top:4px}.assign-btn{background:#2d70f3;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:500;height:41px;cursor:pointer;transition:background .2s}.assign-btn:hover{background:#1b4ed8}.header-divider{border:none;height:1px;background:#e5e7eb;margin:20px 0}.filters{display:flex;gap:1rem;margin-bottom:1.5rem}.search-bar{padding:8px 10px;display:flex;border-radius:5px;border:1px solid lightgrey}.select-item{padding:10px;width:250px;display:flex;border-radius:5px;border:1px solid lightgrey}.container{display:flex;justify-content:center;align-items:center}.selector-separator{background:#d3d3d3;height:1px;margin:16px 0;width:100%}.filter-option{font-weight:200;margin:0 0 0 20px;font-family:math}.filter-box{position:fixed;border:1px solid lightgray;border-radius:5px;background-color:#fff;padding:10px;cursor:pointer;z-index:1;text-align:left;max-height:-webkit-fill-available;overflow:auto}.filter-tab{font-weight:200;margin:-7px 0 0 18px}.button-container{display:flex;justify-content:flex-end;margin-right:12px}.cancel-button{background:none;color:#00f;border:none;cursor:pointer;margin-top:10px;margin-right:10px}.apply-button{background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;margin-top:10px}.selectedFilterOption{background-color:#00f;color:#fff;padding:5px;border-radius:5px}.down-arrow-img{height:11px;width:15px;margin-left:5px}.filter-icon-img{height:16px;width:16px;margin-left:5px}.filter-tab-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:10}.filter-tab-container{width:30%;height:90%;bottom:0;background-color:#fff;right:0;z-index:3;position:absolute;animation:slideInFromRight 1s ease-in;border-radius:10px}.heading{font-weight:500;font-size:20px;margin:10px 0 0 10px;padding-bottom:5px;position:absolute;left:0;font-family:math}.sub-heading{font-weight:200;font-size:15px;margin:0 0 0 18px;padding-bottom:5px;display:flex;left:0;color:#b6aeae}.heading-separator{background:#eae2e2;margin:42px 0 40px 12px;height:1px;width:95%}.filter-tab-container-animation-out{width:50%;height:80%;bottom:0;background-color:#fff;right:0;z-index:3;position:absolute;animation:slideOutToRight 1s ease-out}.cross-icon-img{cursor:pointer;position:inherit;height:18px;width:18px;right:0;padding:13px}.filter-icon{height:18px;width:18px;padding-right:5px}.no-filter-text{font-weight:200;margin:10px 0 0 12px}.plus-icon{height:15px;width:15px;padding-right:10px}.add-filters{display:flex;margin:10px 0 20px 12px;width:90%;justify-content:center;padding:10px;border-radius:8px;background:#00f;color:#fff;border:blue;cursor:pointer}.filter-name{font-weight:200;font-size:15px;margin:5px 0 3px 18px;padding-bottom:5px;display:flex;left:0}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:1}to{transform:translate(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.incharge-filter{width:165px}.incharge-filter-select{width:100%;height:41px;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;color:#6b7280;cursor:pointer;outline:none;background-color:#fff;transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:1}.incharge-filter-select:focus{border-color:#2563eb}.incharge-filter-select option[disabled]{color:#9ca3af}.status-dropdown{width:140px;padding:6px 8px;border:1px solid #ccc;border-radius:6px;background-color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;outline:none;transition:all .2s ease-in-out}.status-dropdown.in-progress{background-color:#ffae00}.status-dropdown.completed{background-color:#009649}.status-dropdown.delayed{background-color:#f44336}.status-dropdown:hover{opacity:.9}.assignments-table-wrap{width:100%;background:#fff;border-radius:8px;border:1px solid #e6e9ee;padding:8px;box-sizing:border-box;overflow-x:auto}.assignments-table{width:100%;border-collapse:collapse;font-size:14px}.assignments-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #eef2f6}.assignments-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#374151;vertical-align:middle}
