:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-container{display:flex;justify-content:center;align-items:center;padding:80px 20px;min-height:100vh;background:radial-gradient(circle at top left,#2c3e50,#000);font-family:Poppins,sans-serif}.list{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;max-width:1400px;background:transparent}.list>div{width:260px;min-height:480px;background:#ffffff12;border-radius:20px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.list img{width:100%;height:320px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.15)}.list p{font-size:1.2rem;font-weight:700;text-align:center;margin:18px 0 12px;color:#f1f1f1}.MuiButton-root{width:100px;margin:6px auto;font-weight:600;font-size:.85rem;text-transform:capitalize;border-radius:30px!important;transition:all .3s ease}.edit-btn{background:linear-gradient(to right,#42a5f5,#478ed1)!important;color:#fff}.edit-btn:hover{background:linear-gradient(to right,#1e88e5,#1565c0)!important}.delete-btn{background:linear-gradient(to right,#ef5350,#e53935)!important;color:#fff}.delete-btn:hover{background:linear-gradient(to right,#d32f2f,#b71c1c)!important}.extra-btn{background:linear-gradient(to right,#ffb300,#ffa000)!important;color:#fff}.extra-btn:hover{background:linear-gradient(to right,#fb8c00,#ef6c00)!important}.MuiSelect-root{width:260px;margin:20px auto;display:block;background:#ffffff12;color:#f1f1f1;border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.MuiBox-root{background:#212121!important;border-radius:20px!important;box-shadow:0 20px 40px #0009!important}p[style*="color: red"]{font-size:.8rem;color:#ff8a80;margin-top:4px}@media screen and (max-width:768px){.list{flex-direction:column;align-items:center;padding:20px}.list>div{width:90%}.MuiBox-root{width:90%!important}}@media screen and (max-width:768px){.list{flex-direction:column;align-items:center;padding:30px 20px}.list>div{width:90%;max-width:420px;background:#ffffff1f;border-radius:14px;padding:20px;box-shadow:0 10px 25px #00000059;display:flex;flex-direction:column;align-items:center;gap:18px}.list>div img{width:100%;height:280px;object-fit:cover;border-radius:12px;box-shadow:0 6px 18px #0009}.list>div p{margin:0;font-size:1.3rem;font-weight:600;color:#fff;text-align:center}.list>div .button-group{display:flex;justify-content:center;gap:22px;width:100%}.list>div button{flex:1;max-width:140px;padding:12px 16px;font-weight:700;font-size:1rem;border-radius:8px;text-transform:none;cursor:pointer;transition:background-color .3s ease}.list>div button.edit-btn{background-color:#43a047;color:#fff}.list>div button.edit-btn:hover{background-color:#388e3c}.list>div button.delete-btn{background-color:#e53935;color:#fff}.list>div button.delete-btn:hover{background-color:#b71c1c}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}.MuiButton-root{margin:8px 0;width:auto;min-width:90px;padding:6px 16px;text-transform:capitalize;font-weight:500;border-radius:25px}.list>div{display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.list>div .button-group{display:flex;gap:16px;margin-top:12px}.list>div .button-group button{min-width:100px;padding:8px 0;font-size:.9rem;font-weight:600;border-radius:25px;text-transform:none}.add_but{display:block;margin:50px auto 70px;padding:18px 48px;font-size:1.3rem;font-weight:700;border-radius:40px;background:linear-gradient(135deg,#ff6a00,#ee0979);color:#fff;box-shadow:0 8px 25px #ff6a0099;transition:all .3s ease;cursor:pointer;text-transform:uppercase}.add_but:hover{background:linear-gradient(135deg,#ee0979,#ff6a00);box-shadow:0 10px 30px #ee0979cc;transform:scale(1.07)}