.container{display:flex;flex-wrap:wrap;flex-direction:column;gap:24px}.header{background-color:#333;padding:20px;text-align:center;flex:1 100%}.main{flex:2 75%;padding:20px}.sidebar{flex:1 25%;padding:20px}.post{margin-bottom:20px;padding:20px;background-color:#fff;box-shadow:0 0 5px #0003}.thumbnail{width:20%;height:auto;object-fit:cover}.post-container{display:flex;flex-wrap:wrap;gap:18px}.card-container{flex:0 1 calc(33.33% - 18px);background:white;border-radius:12px;transition:transform .2s ease;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0000001f,0 1px 5px #0003;height:fit-content}.post-container{margin-right:-18px}.card-container:hover{transform:scale(1.01);box-shadow:0 8px 16px 2px #00000029,0 6px 30px 5px #0000001f,0 8px 10px -7px #0003}.image-container img{width:100%;height:400px;display:block;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;border-radius:12px 12px 0 0}.text-container{display:flex;padding:20px;flex-direction:column;justify-content:left;gap:8px;align-self:stretch}.title-text>a{min-height:64px;gap:32px;font-family:Inter,sans-serif;font-size:24px;font-weight:600;line-height:32px;letter-spacing:0em;text-align:left;color:#101828;display:flex;justify-content:space-between;align-items:center}.desc-text{font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:24px;letter-spacing:0em;text-align:left;color:#475467}.desc-text p{display:inline-block;width:100%;overflow:hidden;white-space:wrap;text-overflow:ellipsis}.date-text{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0em;text-align:left;color:#475467}.badge{background:#b9e6fe;border:1px solid #b9e6fe;width:min-content;padding:2px 10px;margin-top:8px;border-radius:200px;height:24px;display:flex;align-items:center;justify-content:center;color:#000;font-size:14px}.delete-button-container{position:absolute}.delete-button{cursor:pointer;margin:12px;width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;background-color:#ba1a1a;color:#fff;border-radius:100%;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;-webkit-user-select:none;user-select:none}.edit-button{cursor:pointer;margin:12px;width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;background-color:#386a1f;color:#fff;border-radius:100%;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;-webkit-user-select:none;user-select:none}.refresh-button{cursor:pointer}@media (max-width: 1000px){.card-container{flex:0 1 calc(50% - 18px)}}@media (max-width: 600px){.card-container{flex:0 1 calc(100% - 18px)}}.filters:not(:last-child){display:flex;gap:16px;flex-direction:row;justify-content:space-between;align-items:center}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.ql-toolbar.ql-snow,.ql-container{width:100%}.ql-toolbar.ql-snow{border-radius:12px 12px 0 0}.ql-container{margin-top:-24px;border-radius:0 0 12px 12px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1000}.modal-container{position:fixed;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 0 10px #0000004d;gap:32px;display:flex;flex-direction:column;max-width:50%;min-width:50%;max-height:95%;overflow-y:auto}@media (max-width: 800px){.modal-container{min-width:90%}}.modal-form{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.modal-footer{display:flex;justify-content:space-between;flex-direction:row;align-items:center}.modal-title{font-family:Inter,sans-serif;font-size:24px;font-weight:600;line-height:32px;letter-spacing:0em;color:#101828;display:flex;justify-content:space-between;align-items:center}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.new-category{display:flex;justify-content:space-between;flex-direction:row;width:100%;gap:16px;align-items:center}.image-upload{width:100%}#image-preview{width:auto;height:250px;border-radius:8px}.remove-preview{cursor:pointer;margin:12px;width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;background-color:#ba1a1a;color:#fff;border-radius:100%;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;-webkit-user-select:none;user-select:none;position:absolute}.close-button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:100%;transition:.3s}.close-button:hover{background-color:#d3d3d3;border-radius:100%;cursor:pointer}.button-primary:disabled,.button-primary.disabled{opacity:.7;cursor:not-allowed}.title-category{display:flex;flex-direction:row;width:100%;gap:16px}hr.rounded{border:1px solid #dddddd;border-radius:5px;width:100%}.create-post-container{max-width:1200px;margin:auto}.sections,.section{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:16px}