#root{max-width:1440px;margin:auto}body{padding:0;margin:0}.app-container{display:flex;min-height:100vh;font-family:sans-serif}.sidebar{width:200px;background-color:#1e3a8a;padding:15px;color:#fff;overflow-y:auto;transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar input{width:95%;padding:5px;margin-bottom:10px;border-radius:4px;border:none}.sidebar button{display:block;width:100%;margin-bottom:5px;padding:8px;text-align:left;border:none;border-radius:4px;background-color:#3b82f6;color:#fff;cursor:pointer}.sidebar button:hover,.sidebar button.active{background-color:#22c55e}.main-content{flex:1;padding:0 15px;background-color:#fff;position:relative}.hamburger{display:none;position:absolute;top:10px;left:10px;font-size:24px;background:none;border:none;cursor:pointer}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(352px,1fr));gap:15px}.project-card{background-color:#f2f2f2;border:1px solid #3b82f6;padding:15px;border-radius:8px}.project-card.highlight{border:2px solid #22c55e;box-shadow:0 0 10px #22c55e66}.pagination{margin-top:30px;text-align:center}.pagination button{margin:0 5px;padding:5px 10px;border-radius:4px;border:none;cursor:pointer}.pagination button.active{background-color:#22c55e;color:#fff}.pagination button:disabled{opacity:.5;cursor:not-allowed}.project-card input{max-width:120px}h2{margin-top:0}@media (max-width: 900px){.projects-grid{grid-template-columns:1fr 1fr}.sidebar{position:fixed;top:0;left:0;height:100%;width:220px;transform:translate(-100%);transition:transform .3s ease;z-index:1000}.sidebar.open{transform:translate(0)}.hamburger{display:block;position:fixed;top:10px;left:10px;font-size:24px;background:none;border:none;cursor:pointer;z-index:1100}}@media (max-width: 600px){.projects-grid{grid-template-columns:1fr}.app-container{flex-direction:column}.sidebar{position:fixed;top:0;left:0;height:100%;transform:translate(-100%);z-index:1000}.sidebar.open{transform:translate(0)}.hamburger{display:block}}