.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(600px,1fr));grid-gap:15px;gap:15px}.portfolio-grid .portfolio-card{padding:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.05);margin:0}.portfolio-grid .portfolio-card .portfolio-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}.portfolio-grid .portfolio-card .portfolio-content{padding:1rem}.portfolio-grid .portfolio-card .portfolio-content h3{font-size:1.25rem;font-weight:600}.portfolio-grid .portfolio-card .portfolio-content .year{float:right;font-size:.9rem;color:#888}.portfolio-grid .portfolio-card .portfolio-content p{margin-top:.5rem;font-size:.95rem;color:#555}.portfolio-admin{margin-top:2rem}.portfolio-admin .portfolio-form{display:flex;flex-direction:column;gap:10px;margin-bottom:2rem}.portfolio-admin .portfolio-form input[type=text],.portfolio-admin .portfolio-form textarea{padding:10px;border-radius:6px;border:1px solid #ccc}.portfolio-admin .portfolio-form button{padding:10px;background:#691db0;color:#fff;border:none;border-radius:6px;cursor:pointer}.portfolio-admin .portfolio-form button:hover{background-color:rgb(78.8780487805,21.7853658537,132.2146341463)}.portfolio-admin .portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:1.5rem;gap:1.5rem}.portfolio-admin .portfolio-grid .portfolio-card{background:#fff;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,.05);overflow:hidden}.portfolio-admin .portfolio-grid .portfolio-card img{width:100%;height:180px;object-fit:cover}.portfolio-admin .portfolio-grid .portfolio-card .portfolio-content{padding:1rem}.portfolio-admin .portfolio-grid .portfolio-card .portfolio-content h3{font-size:1.1rem;margin-bottom:.5rem}.portfolio-admin .portfolio-grid .portfolio-card .portfolio-content p{font-size:.95rem;color:#555}.portfolio-admin .portfolio-grid .portfolio-card .portfolio-content .portfolio-actions{display:flex;justify-content:space-between;margin-top:10px}.portfolio-admin .portfolio-grid .portfolio-card .portfolio-content .portfolio-actions button{padding:5px 10px;font-size:.85rem;border-radius:4px;cursor:pointer;border:none}.portfolio-admin .portfolio-grid .portfolio-card .portfolio-content .portfolio-actions button:first-child{background-color:#27afe8;color:#fff}.portfolio-admin .portfolio-grid .portfolio-card .portfolio-content .portfolio-actions button.delete{background-color:#fb773c;color:#fff}