body{margin:0;font-family:sans-serif}input,button{display:block;margin:10px 0;padding:8px}.table{width:100%;border-collapse:collapse}.table th,.table td{border:1px solid #ddd;padding:8px}.table th{background:#f5f5f5}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px}.success{margin-top:10px;color:green;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr;gap:12px}.side-menu a{display:block;margin-bottom:8px;text-decoration:none}@media(max-width:768px){.cart-layout{flex-direction:column}.side-menu{width:100%;display:flex;gap:10px}}.cart-layout{display:flex;min-height:100vh}.cart-content{flex:1;padding:16px}.side-menu{width:220px;background:#f5f5f5;padding:12px}.side-menu a{display:block;margin-bottom:10px;text-decoration:none}.mobile-header{display:none;align-items:center;gap:10px;padding:10px;background:#f5f5f5}.menu-btn{font-size:22px;background:none;border:none}.close-btn{display:none;background:none;border:none;font-size:18px;margin-bottom:10px}@media(max-width:768px){.cart-layout{flex-direction:column}.mobile-header{display:flex}.side-menu{position:fixed;top:0;left:-240px;height:100%;z-index:1000;transition:left .3s ease}.side-menu.open{left:0}.close-btn{display:block}}.app-layout{height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:10px;padding:10px;background:#f5f5f5}.app-body{flex:1;display:flex}.side-menu{width:220px;background:#f3f3f3;padding:12px;transition:all .3s}.side-menu.closed{width:0;padding:0;overflow:hidden}.close-btn{margin-bottom:10px}.app-content{flex:1;padding:16px}@media(min-width:768px){.form-grid{grid-template-columns:repeat(3,1fr)}}