:root{--primary-color:blue;--secondary-color:#31e169;--secondary-color-hover:#27b454;--light-purple:#e2e4ff;--white:#fff;--grey:grey;--light-grey:#eaeaea;--black:#000}body{font-family:Arial,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.page-background{background-color:#f8f9fa;bottom:0;height:100%;left:0;opacity:.25;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;width:100%}.page-background img{filter:contrast(1.1) brightness(1.2);height:100%;mask-image:linear-gradient(270deg,#000 0,rgba(0,0,0,.5) 70%,transparent);-webkit-mask-image:linear-gradient(270deg,#000 0,rgba(0,0,0,.5) 70%,transparent);max-width:70%;object-fit:cover;object-position:center right;position:absolute;right:0;top:0;transform:scale(1.1);width:auto}.filters-block{background-color:var(--white);display:flex;flex-direction:column;flex-wrap:wrap;text-align:center;width:15%}.list-block{align-items:center;background-color:var(--light-grey);flex-direction:column;justify-content:center;width:100%}.block-padding{margin-left:100px;margin-top:40px;width:85%}.header{align-items:center;display:flex;justify-content:space-between;margin-top:0;padding-top:0;width:100%}.btn{border:none;border-radius:4px;color:var(--black);cursor:pointer;padding:10px 15px;width:100%}.btn:hover{background-color:var(--secondary-color-hover)}.tab-header h1{margin-bottom:10px}.tab-header h1,.tab-header h3{color:var(--primary-color);font-weight:400}.tab-header h3{margin-top:0}a.btn{text-decoration:none}.tab-header{display:flex;flex-direction:column;margin-bottom:10px}.action-bar{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-bottom:20px;margin-left:auto;margin-right:50px;width:30%}.add-button{display:flex;justify-content:flex-start}.search-bar{display:flex;justify-content:flex-end}.search-bar input{width:100%}.filters-block h1{font-size:16px;font-weight:700;margin-top:30px}.category-item ul{list-style-type:none;text-align:left}.category-item h2{background-color:var(--white);border:var(--grey);border-radius:4px;box-sizing:border-box;color:var(--primary-color);font-size:18px;font-weight:400;padding:10px 15px;text-align:left;width:auto}.filter-custom-checkbox{appearance:none;border:2px solid var(--secondary-color);border-radius:4px;cursor:pointer;display:inline-block;height:16px;margin-bottom:8px;outline:none;position:relative;vertical-align:middle;width:16px}.filter-custom-checkbox:checked{background-color:var(--secondary-color);border-color:var(--secondary-color-hover)}.filter-custom-checkbox:checked:before{color:var(--white);content:"✔";font-size:12px;left:50%;line-height:16px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.add-filter-checkbox{appearance:none;border:2px solid var(--secondary-color);border-radius:4px;cursor:pointer;display:inline-block;height:16px;margin-bottom:8px;outline:none;position:relative;vertical-align:middle;width:16px}.add-filter-checkbox:checked{background-color:var(--secondary-color);border-color:var(--secondary-color-hover)}.add-filter-checkbox:checked:before{color:var(--white);content:"✔";font-size:12px;left:50%;line-height:16px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}a.custom-link{color:var(--black);text-decoration:none}a.custom-link:hover{color:var(--secondary-color-hover)}.custom-input{box-sizing:border-box;margin:0;padding:10px;width:80%}.filters-icon{cursor:pointer}.tooltip-container{display:inline-block;position:relative}.tooltip-message{background-color:#555;border-radius:4px;bottom:125%;color:#fff;left:50%;opacity:0;padding:5px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .2s linear;visibility:hidden;white-space:nowrap;z-index:1}.tooltip-container:hover .tooltip-message{opacity:1;visibility:visible}.close{color:red;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#aaa;cursor:pointer}.confirm-delete{background-color:red}.cancel-delete,.confirm-delete{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.cancel-delete{background-color:grey}.custom-trash-icon{background-color:transparent;border:none;color:red;margin:0;padding:0}