: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}}body{margin:0;padding:0;background-image:url(https://media.istockphoto.com/id/1191675284/es/foto/mesa-de-madera-real-vac%C3%ADa-con-reflexi%C3%B3n-ligera-sobre-la-escena-en-el-restaurante-pub-o-bar-por.jpg?s=612x612&w=0&k=20&c=hubFY0hfHFjHVf0NwrDslYEaGOwss_E4rbCIsfNpdKw=);background-size:cover;background-position:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;height:100%}.login-container{min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.login-card{background-color:#ffffffed;padding:2.5rem;border-radius:16px;box-shadow:0 8px 20px #00000040;max-width:400px;width:90%;text-align:center}.login-card h2{margin-bottom:1.5rem;color:#222;font-size:1.7rem;letter-spacing:.5px}.login-card input{width:100%;padding:.85rem;margin:.5rem 0;border:1px solid #ccc;border-radius:8px;font-size:1rem;background-color:#f9f9f9;color:#333;box-sizing:border-box}.login-card button{width:100%;padding:.85rem;margin-top:1.2rem;background-color:#27ae60;color:#fff;border:none;border-radius:8px;font-size:1.08rem;font-weight:700;cursor:pointer;transition:background-color .2s}.login-card button:hover{background-color:#219150}.login-error{margin-top:1.2rem;color:#e74c3c;font-weight:700;font-size:1rem}@media (max-width: 600px){.login-card{padding:1.1rem .7rem}.login-card h2{font-size:1.25rem}}body,html{margin:0;padding:0;font-family:Arial,sans-serif;min-height:100vh;height:100%;background:url(https://media.istockphoto.com/id/1191675284/es/foto/mesa-de-madera-real-vac%C3%ADa-con-reflexi%C3%B3n-ligera-sobre-la-escena-en-el-restaurante-pub-o-bar-por.jpg?s=612x612&w=0&k=20&c=hubFY0hfHFjHVf0NwrDslYEaGOwss_E4rbCIsfNpdKw=) no-repeat center center fixed;background-size:cover;box-sizing:border-box}.dashboard-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;width:100vw;padding:2rem 0;background-color:#ffffff59;box-sizing:border-box}.dashboard-card{background:#fff;padding:2.5rem 2rem;border-radius:14px;width:100%;max-width:820px;box-shadow:0 8px 32px #00000026;animation:fadeIn .5s ease-in-out;margin:0;box-sizing:border-box;overflow:visible;position:relative}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header h1{font-size:2rem;font-weight:700;color:#222;margin:0}.logout-btn{background:#e74c3c;color:#fff;border:none;padding:.5rem 1.2rem;font-weight:700;border-radius:6px;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#c0392b}input,select{display:block;width:100%;max-width:100%;margin-bottom:1rem;padding:.7rem;border:1px solid #ccc;border-radius:5px;background-color:#fff;color:#222;font-size:1rem;transition:border .2s,box-shadow .2s;box-sizing:border-box}input:focus,select:focus{border:1.5px solid #27ae60;outline:none;box-shadow:0 0 0 2px #27ae6026}.green-btn{background:#27ae60;color:#fff;font-weight:700;border:none;padding:.7rem 1.3rem;border-radius:5px;cursor:pointer;margin-bottom:2rem;transition:background .2s}.green-btn:hover{background:#219150}.cancel-btn{background:#e74c3c;color:#fff;font-weight:700;border:none;padding:.7rem 1.3rem;border-radius:5px;cursor:pointer;transition:background .2s;margin-bottom:2rem}.cancel-btn:hover{background:#c0392b}section{margin-bottom:2.5rem;padding:0}section h2{color:#206040;margin-bottom:.8rem;margin-top:0}.platillo-list{padding-left:0;list-style:none}.platillo-list li{margin-bottom:.7rem;color:#333;font-size:1rem;background:#f4f9f6;border-radius:4px;padding:.6rem .8rem;border-left:3px solid #27ae60;display:flex;align-items:center;justify-content:space-between;word-break:break-word}.platillo-list li strong{font-size:1.05em}.platillo-list li>span:last-child{display:flex;align-items:center}.delete-btn{background:#e74c3c;color:#fff;border:none;border-radius:5px;margin-left:.6rem;cursor:pointer;font-size:1.15rem;padding:.23rem .7rem;vertical-align:middle;transition:background .2s;display:inline-block}.delete-btn:hover{background:#c0392b}.update-btn{background:#f1c40f;color:#222;border:none;border-radius:5px;margin-left:.3rem;cursor:pointer;font-size:1.15rem;padding:.23rem .7rem;vertical-align:middle;transition:background .2s;display:inline-block}.update-btn:hover{background:#d4ac0d;color:#fff}.tipo-card{background:#f8f8ff;padding:1.2rem;border-radius:10px;margin-bottom:1.3rem;box-shadow:0 2px 8px #1e645a12;border-left:5px solid #27ae60;display:flex;flex-direction:column}.tipo-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.tipo-card-header-info{display:flex;align-items:center;gap:.8rem}.tipo-card-header-actions{display:flex;align-items:center;gap:.3rem}.tipo-card h3{color:#205040;margin-bottom:.6rem;margin-top:0;font-size:1.08rem;display:flex;align-items:center;flex-wrap:wrap}.tipo-card ul{padding-left:1.2rem;margin:0}.tipo-card li{color:#444;margin-bottom:.3rem;word-break:break-word}@media screen and (max-width: 900px){.dashboard-card{max-width:98vw;padding:1.5rem .6rem}.dashboard-container{padding:0}}@media screen and (max-width: 600px){.dashboard-card{padding:.7rem .2rem;max-width:99vw}.header h1{font-size:1.2rem}section h2{font-size:1rem}input,button,select,.green-btn,.logout-btn,.cancel-btn{font-size:1rem;padding-left:.2rem;padding-right:.2rem}.platillo-list li,.tipo-card{padding:.6rem .3rem;font-size:.97rem}.tipo-card h3{font-size:1rem}}html,body,#root{margin:0!important;padding:0!important;height:100%!important;min-height:100vh!important;overflow:visible!important;box-sizing:border-box!important}