.admin-container{padding:40px 120px;position:relative}.admin-container h1{margin-bottom:20px;font-family:Lilita One,sans-serif;color:#000;position:relative}.admin-container h1:before{content:"";position:absolute;width:100%;height:2px;background:#b7251d;bottom:-10px;left:0}.admin-container .top-btn{display:flex;justify-content:space-between;margin-bottom:20px}.admin-container .top-btn .btn:first-child{background:#1db75b}.admin-container .top-btn .btn:first-child,.admin-container .top-btn .btn:last-child{color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;font-family:Josefin Sans,serif}.admin-container .top-btn .btn:last-child{background:#b7251d}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:5px;width:500px}.modal label{display:block;margin-bottom:10px}.modal label input,.modal label select,.modal label textarea{width:100%;padding:8px;margin-top:5px;font-family:Josefin Sans,serif}.modal label select{background-color:#0000}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}.modal-actions .btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-family:Josefin Sans,serif}.modal-actions .btn:first-child{background:#1db75b;color:#fff}.modal-actions .btn:last-child{background:#b7251d;color:#fff}.categories .btn{margin-right:10px;padding:8px 20px;border:0;border-radius:5px;background-color:#fff;font-family:Lilita One,sans-serif;cursor:pointer;box-shadow:0 0 16px rgba(17,17,26,.1);margin-bottom:10px}.categories .btn.active{background-color:#a0b71d;color:#fff;border:2px solid #0000}.projects{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.project-item{background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.project-item:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.project-item img{width:100%;height:200px;object-fit:cover}.project-item div{padding:15px}.project-item div h3{margin:0 0 10px;font-size:18px;font-family:Lilita One,sans-serif;color:#333}.project-item div p{margin:0;font-size:14px;color:#666;font-family:Josefin Sans,serif;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.project-actions{display:flex;justify-content:space-between;padding:10px 15px;border-top:1px solid #eee}.project-actions .btn{padding:8px 12px;border:none;border-radius:5px;font-family:Josefin Sans,serif;cursor:pointer;transition:all .3s ease}.project-actions .btn.edit{background:orange;color:#fff}.project-actions .btn.delete{background:#e63946;color:#fff}.project-actions .btn.preview{background:#1d5bb7;color:#fff}.project-actions .btn:hover{opacity:.8}@media (max-width:768px){.admin-container{padding:20px}.admin-container .top-btn{flex-direction:column;gap:10px}.categories{flex-wrap:wrap;justify-content:center;gap:10px}.projects{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.project-item img{height:150px}.modal-content{width:90%}}@media (max-width:480px){.admin-container h1{font-size:20px;text-align:center}.projects{grid-template-columns:1fr;gap:15px}.project-actions .btn{flex:1 1;text-align:center;padding:8px 10px;font-size:10px;margin:2px}.modal label input,.modal label textarea{font-size:12px;padding:6px}}